/* ============= RESET ============= */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	
	html, body {
		height: 100%;
	}

	body {
		line-height: 23px;
		font-family: 'open-sans', sans-serif;
		font-size: 14px;
		color: #787878;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	a:active, a:focus {
		outline: none; 
	}

	*:focus {
		outline: none;
	}
/* ============== / RESET ============== */

/* ============== STANDARD SETTINGS ============== */

/* ======== EDITOR STYLES ======== */
	.text-edit img, .comment-body img {
		max-width: 100%;
		height: auto;
	}
	
	.text-edit {
		line-height: 22px;
	}

	.text-edit blockquote, .comment-body blockquote {
		padding-left: 35px;
		border-left: 3px solid;
		margin: 35px 0;
		font-style: italic;
	}

	.text-edit ul, .comment-body ul {
		margin: 30px 30px;
	}
	
	.text-edit ul li, .comment-body ul li {
		margin-bottom: 10px;
		padding-left: 20px;
		list-style-type: disc;
	}

	.text-edit ol, .comment-body ol {
		margin: 10px 20px;
		list-style: decimal;
	}

	.text-edit dl, .comment-body dl {
		margin: 10px 0;
	}

	.text-edit dl dd, .comment-body dl dd {
		margin-left: 20px;
		font-style: italic;
	}

	.text-edit strong, .comment-body strong {
		font-weight: 600;
	}

	.text-edit pre, .comment-body pre {
		word-wrap: break-word;
		padding: 15px;
		overflow: auto;
		background-color: #eee;
	}

	em {
		font-style: italic;
	}

        strong {
		font-weight: 600;
                color: #2b3990;
	}


	.text-edit q, .comment-body q {
		font-style: italic;
		padding-left: 20px;
	}

	.text-edit ol li ol, .comment-body  ol li ol {
		list-style: upper-alpha;
	}
	
	.wp-caption-text {
		font-size: 11px;
		width: 100%;
	}

	img.alignright {
		float: right;
		margin: 0 0 5px 5px;
	}

	img.alignleft {
		float: left;
		margin: 0 5px 5px 0;
	}

	img.aligncenter {
		display: block;
		margin: 10px auto;
	}

	.alignright {
		float:right;
	}

	.alignleft {
		float:left;
	}

	.aligncenter {
		text-align: center;
	}
	
	.push-left {
		float: left;
	}
	
	.push-right {
		float: right;
	}

	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	 
	sup {
		top: -0.5em;
	}
	 
	sub {
		bottom: -0.25em;
	}

	code {
		font-family: courier;
		white-space: nowrap;
		background-color: #F7F7F9;
		color: #DD1144;
		padding: 2px 4px;
		border: 1px solid #E1E1E8;
	}

	address {
		font-style: italic;
	}

	.text-edit ol li ol li ol, .comment-body ol li ol li ol {
		list-style: lower-alpha;
	}

	.wp-caption {
		max-width: 100% !important;
		text-align: center;
	}

	.text-edit table, .comment-body table {
		margin: 1em;
		border-collapse: collapse;
	}

	.text-edit td, .text-edit th, .comment-body td, .comment-body th {
		padding: .3em;
		border: 1px #ccc solid;
	}
	
	.clearfix {
		clear: both;
	}
	
	
	.rslides li:first-child {
		position: relative;
		display: block;
	}
	
	.rslides, .rslides_tabs {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
	}

	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
		margin: 0 !important;
		padding: 0 !important;
		list-style-type: none !important;
	}
	
	.rslides_tabs li {
		display: inline-block;
	}
	
	.rslides_tabs {
		text-align: center;
	}
	
	.parallax {
		background-attachment: fixed !important;
		background-size: cover !important;
	}
	
	header.row h1, header.row h2, header.row h3, header.row h4, header.row h5, header.row h6  {
		letter-spacing: 2px;
	}

/* ======== / EDITOR STYLES ======== */
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.gap-1 {
		padding: 85px 0;
	}
	
	.gap-2 {
		padding: 85px 0 0;
	}

        .gap-3 {
		height: 300px;
	}
	
	.gap-4 {
		padding: 30px 0 0;
	}
	
	.tb {
	   display: table;
	   width: 100%;
	   height: 100%;
	   position: relative;
	}

	.tb-cell {
	   display: table-cell;
	   text-align: center;
	   vertical-align: middle;
	}
	
	h1 {
		font-size: 36px;
		line-height: 62px;
	}
	
	h2 {
		font-size: 28px;
		line-height: 52px;
	}
	
	h3 {
		font-size: 24px;
		line-height: 32px;
	}
	
	h4 {
		font-size: 22px;
		line-height: 28px;
	}
	
	h5 {
		font-size: 20px;
		line-height: 28px;
		
	}
	
	h6 {
		font-size: 18px;
		line-height: 24px;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 20px 0;
		font-weight: 300;
		color: #2b3990;
		font-weight: 600;
	}
	
	.gap-1 h1, .gap-2 h1{
		margin-top: 20px 
	}
	
	a {
		text-decoration: none;
		color: inherit;
	}
	
	p  a {
		color: #2b3990;
	}
	
	p  a:hover {
		opacity: 0.6;
	}
	
	p {
		margin: 0 0 20px 0;
	}
	
	body > section {
		position: relative;
		overflow: hidden;
	}
	
	.bg-1 {
		background-color: #f0f0f0;
	}
	
	#bg-fade {
		z-index: 9993;
		width: 100%;
		height: 100%;
		top: 0;
		display: none;
		position: fixed;
		background: #fff;
		overflow: auto;
	}

        #status {
	        width: 100%;
		height: 100%;
		top: 0;
		display: none;
		position: fixed;
	        background-image:url(../images/loading.gif);
	        background-repeat:no-repeat;
	        background-position:center;
                display: none;
                z-index: 9994;
        }
	
	#window {
		z-index: 9997;
		display: none;
		width: 100%;
	}

	
	.general-color, #desktop-menu > ul > li:hover > a, #desktop-menu > ul > .current_menu_item > a, .contentbox-1 div, .contentbox-2 div, .button-1:hover, .featured .button-1, .icon-1:hover, #tweets-container li a, #portfolio-categories .active a, #portfolio-categories ul li a:hover, .post-element > header > h5:hover, .widget a:hover, .info-post-header a:hover, .comment-body a:hover {
		color: #2b3990 !important;
	}
	
	.general-bg, .contentbox-1:hover div, .contentbox-2:hover div, .slogan, .button-2:hover, .widget_tag_cloud a:hover, .slideshow-post .rslides_nav:hover, .slideshow-portfolio .rslides_nav:hover, #blog-navi a:hover, #comment-form input[type="submit"]:hover, .quote:hover, .social-like:hover {
		background-color: #2b3990 !important;
	}
	
	.general-border, #desktop-menu ul li a:hover, #desktop-menu > ul > .current_menu_item > a, .contentbox-1 div, .contentbox-2 div, .featured, .featured ul li, .pricing-table .button-1:hover, .featured .button-1, #portfolio-categories .active a, #portfolio-categories ul li a:hover, #contact-form input[type="text"]:focus, #contact-form textarea:focus, .error-input, .text-edit blockquote, #comment-form textarea:focus, #comment-form input[type="text"]:focus, .active-tab {
		border-color: #2b3990 !important;
	}
	
	*::-moz-selection {
		color: #fff;
		background-color: #2b3990 !important;
	}
	
	::selection {
		color: #fff;
		background-color: #2b3990 !important;
	}
	
	.button-1  {
		padding: 12px 30px;
		display: inline-block;
		border: 1px solid #fff;
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: color 0.2s, background-color 0.2s;
		-moz-transition: color 0.2s, background-color 0.2s;
		-webkit-transition: color 0.2s, background-color 0.2s;
		-ms-transition: color 0.2s, background-color 0.2s;
	}
	
	.button-1:hover  {
		background-color: #fff;
	}
	
	.button-2 {
		padding: 12px 30px;
		display: inline-block;
		background-color: #404040;
		color: #fff;
		font-size: 12px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-webkit-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
		border: none;
		cursor: pointer;
	}
	
	.button-2.read-more {
		text-transform: uppercase;
		padding: 3px 15px !important;
		margin-top: 10px;
	}
	
	.slideshow-post .rslides_nav, #blog-navi a, .slideshow-portfolio .rslides_nav {
		background-color: #404040;
		color: #fff;
		text-align: center;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: background-color 0.2s, opacity 0.2s;
		-moz-transition: background-color 0.2s, opacity 0.2s;
		-webkit-transition: background-color 0.2s, opacity 0.2s;
		-ms-transition: background-color 0.2s, opacity 0.2s;
		display: block;
		position: absolute;
		top: 45%;
		z-index: 3;
		font-size: 16px;
	}
	
	.slideshow-post .rslides_nav, .slideshow-portfolio .rslides_nav {
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	
	.slideshow-post:hover .rslides_nav, .slideshow-portfolio:hover .rslides_nav {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
	}
	
	#blog-navi a {
		position: static;
		display: inline-block;
	}
	
	.slideshow-post .prev, .slideshow-portfolio .prev {
		left: 20px;
	}

	.slideshow-post .next, .slideshow-portfolio .next {
		right: 20px;
	}
	
	.icon-1 {
		width: 30px;
		height: 30px;
		display: inline-block;
		line-height: 30px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		color: #fff;
		font-size: 13px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
		cursor: pointer;
		margin: 5px;
		text-align: center;
		background-color: #444;
	}
	
	.icon-1:hover {
		background-color: #fff;
	}
	
	.icon-2 {
		width: 45px;
		height: 45px;
		display: inline-block;
		line-height: 45px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		color: #fff;
		font-size: 13px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
		cursor: pointer;
		margin: 5px;
		text-align: center;
	}
	
	.icon-2:hover {
		background-color: #fff;
		color: #404040;
	}
	
	header.row {
		padding: 0 10px;
	}
	
	
/* ============== / STANDARD SETTINGS ============== */



/* ======== HOME ======== */
	#home {
		width: 100%;
		height: 100%;
		color: #fff;
	}
	
	#home .tb {
		position: relative;
		z-index: 3;
	}
	
	#home h1, #home h3 {
		color: #fff;
	}
	
	#home h1 {
		letter-spacing: 4px;
	}
	
	#home h3 {
		letter-spacing: 2px;
	}
	
	#home h1 {
		font-size: 72px;
		margin-bottom: 50px;
	}
	
	#home h3 {
		font-size: 24px;
		margin-bottom: 50px;
		font-weight: normal;
	}
	
	.slider-current {
		opacity: 1 !important;
		-moz-opacity: 1 !important;
		-khtml-opacity: 1 !important;
	}
	
	.bg-slider {
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
		position: absolute !important;
		z-index: 2 !important;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		transition: opacity 500ms;
		-ms-transition: opacity 500ms;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		background-attachment: fixed;
	}	
	
	.big-size {
		font-size: 72px;
		letter-spacing: 4px !important;
		font-weight: 600;
	}
	
	.lsp {
		letter-spacing: 2px !important;
	}
	
	.header-icon {
		padding-bottom: 25px;;
	}	
	
/* ======== / HOME ======== */

/* ======== MAIN MENU ======== */
	#main-menu {
		background-color: #fff;
		border-bottom: 2px solid #f3f3f3;
                text-transform: uppercase;
		height: 63px;
		width: 100%;
		z-index: 9991;
		position: absolute;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		display: block !important;
		transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-webkit-transition: opacity 0.5s;
	}
	
	.sticky-wrapper {
		height: auto !important;
	}
	
	#mobile-menu {
		position: absolute;
		top: 63px;
		background-color: #404040;
		width: 100%;
	}
	
	#mobile-menu ul li a {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #555;
	}
	
	#mobile-menu ul li a:hover {
		color: #fff;
	}
	
	#mobile-menu-container {
		display: none;
	}
	
	#mobile-menu-button {
		width: 60px;
		height: 63px;
		position: absolute;
		right: 0;
		line-height: 63px;
		font-size: 20px;
		text-align: center;
		cursor: pointer;
		z-index: 5;
	}
	
	#logo-container {
		margin-top: 10px;
	}
	
	#logo-container img {
		max-width: 200px;
		height: auto;
	}
	
	#logo-container h3 {
		font-size: 24px !important;
		letter-spacing: 2px;
		font-weight: 400;
	}
	
	#desktop-menu > ul {
		text-align: right;
		position: relative;
	}
	
	#desktop-menu > ul > li {
		display: inline-block;
		margin-right: 25px;
		position: relative;
	}
	
	#desktop-menu ul > li .sub-menu {
		position: absolute;
		text-align: left;
		background-color: #404040;
		display: none;
	}
	
	#desktop-menu .sub-menu a:hover {
		color: #fff;
	}
	
	#desktop-menu .sub-menu .current_menu_item {
		color: #fff;
	}
	
	#desktop-menu .sub-menu li {
		position: relative;
	}
	
	.sub-menu .sub-menu {
		left: 155px;
		top: 0;
	}
	
	#desktop-menu > ul > li .sub-menu > li > a {
		display: block;
		padding: 10px 15px;
		max-width: 155px;
		min-width: 155px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
	}	
	
	#desktop-menu ul > li:hover > .sub-menu {
		display: block;
	}
	
	#desktop-menu > ul > li > a {
		display: block;
		height: 63px;
		line-height: 64px;
		text-align: center;
		padding: 0 10px;
		color: #404040;
		transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
		font-size: 11px;
	}
	
	#desktop-menu > ul > li:last-child {
		margin-right: 0;
	}
	
	#desktop-menu > ul > li:last-child:after {
		content: "";
	}
	
	#desktop-menu > ul > li > a:hover, #desktop-menu > ul > .current_menu_item > a {
		border-bottom: 2px solid;
	}
	
	#desktop-menu > ul > li:after {
		content: ".";
		position: absolute;
		top: 15px;
		font-size: 24px;
		right: -15px;
		color: #404040;
		font-family: sans-serif;
	}
/* ======== / MAIN MENU ======== */


/* ======== SHORTCODES ======== */
		
	.contact-info {
		color: #fff;
		text-align: center;
	}
	
	.contact-info h4 {
		color: #fff;
		text-align: center;
		margin-bottom: 5px;
	}
	
	.contact-info p a {
		color: #fff;
	}
	
	.tabs {
		font-size: 13px;
	}

	.tabs > ul {
		position: relative;
		top: 1px;
		list-style: none;
		margin: 0 !important;
		padding: 0 !inportant;
	}

	.tabs > ul li {
		float: left;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.tabs > ul li i {
		font-size: 16px;
	}

	.tabs > ul li a {
		padding: 0 20px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		display: block;
		color: inherit !important;
	}

	.tabs > ul li i {
		margin: 0 5px;

	}

	.active-tab {
		background-color: #fff !important;
		border-left: 1px solid #eeeeee !important;
		border-right: 1px solid #eeeeee !important;
		border-top: 2px solid;
		border-bottom: none;
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		font-weight: 600;
	}

	.tab-content {
		padding: 15px 20px;
		border: 1px solid #eee;
		clear: both;
		background-color: #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

        input, label {
                display: block;
        }
	
	#contact-form input[type="text"], #contact-form textarea {
		width: 100%;
        max-width: 500px;
		display: block;
		margin-bottom: 14px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border: 1px solid #ddd;
		padding: 6px;
		font-family: inherit;
		font-size: inherit;
		color: inherit;
	}
	
	#contact-form textarea {
		margin-bottom: 24px;
		height: 170px;
	} 

        label.error {
                position: relative;
                color: red;
		top: -10px;
                font-size: 12px;
	}

        input.error, input.error:focus {
                border-color: red !important;
	}
	
	.submit {
		text-transform: uppercase;
	}
	
	.contact-info div {
		width: 68px;
		height: 68px;
		line-height: 68px;
		border: 1px solid;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		font-size: 24px;
		margin: 0 auto 30px;
	}
	
	.contact-info p {
		margin-bottom: 0;
	}
	
	.contentbox-1 {
		padding-left: 95px;
		position: relative;
		margin-bottom: 60px;
	}
	
	.contentbox-1:hover div {
		color: #fff !important;
	}
	
	.contentbox-1 div {
		position: absolute;
		width: 100px;
		height: 100px;
		border: 1px solid;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		left: 0;
		line-height: 100px;
		text-align: center;
		font-size: 36px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
	}
	
	.contentbox-2 div {
		margin: 0 auto 30px;
		width: 100px;
		height: 100px;
		border: 1px solid;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		line-height: 100px;
		text-align: center;
		font-size: 36px;
		transition: color 0.2s, background 0.2s;
		-webkit-transition: color 0.2s, background 0.2s;
		-moz-transition: color 0.2s, background 0.2s;
		-ms-transition: color 0.2s, background 0.2s;
	}
	
	.contentbox-2:hover div {
		color: #fff !important;
	}
	
	.contentbox-2 {
		text-align: center;
	}
	
	.white {
		color: #fff !important;
	}	
		
	#portfolio-categories {
		text-align: center;
		margin: 60px 10px 60px 10px;
	}
	
	#portfolio-categories ul {
		margin: 0 !important;
	}
	
	#window header.row {
		padding: 50px 0 0 0;
	}
	
	#portfolio-categories ul li {
		display: inline-block;
		list-style: none;
		padding: 0 !important;
		margin: 0 10px 20px 0 !important;
		text-align: center;
	}
	
	#portfolio-categories ul li a {
		padding: 10px !important;
		border-bottom: 2px solid transparent;
		transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
	}
	
	.isotope-item {
		width: 24.96%;
		background-color: #6277bf;
		position: relative;
		overflow: hidden;
		/* float: left; */
                margin: 0 auto;
		z-index: 2;
	}

	.isotope-item a {
		display: block;
		overflow: hidden;
	}
	
	/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

	
	.popup-meta ul li {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.popup-meta ul {
		margin-bottom: 30px;
	}
	
	.info-work {
		position: absolute;
		top: 0;
		z-index: 1;
		color: #fff;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.info-work .tb-cell {
		height: 100%;
	}
	
	.text-work {
		top: -100%;
		position: relative;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	
	.popup-close {
		width: 30px;
		height: 30px;
		color: #404040;
		margin: auto;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		position: fixed;
		top: 20px;
                right: 20px;
                z-index: 3;
	}

        .popup-image img {
		width: 100%;
                height: auto;
	}   

        .popup-image.gallery {
		max-width: 770px;
                margin: 0 auto;
	}        

        .popup-main {
		margin: 25px auto;
                max-width: 770px;
	}
	
	.info-work p {
		margin-bottom: 0;
		font-style: italic;
	}
	
	.info-work h5 {
		color: inherit;
	}
	
	.icon-work {
		color: #404040;
		font-size: 16px;
		width: 55px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		background-color: #fff;
		margin: 0 auto 20px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		transition: opacity 0.2s ease-in 0.2s;
		-moz-transition: opacity 0.2s ease-in 0.2s;
		-ms-transition: opacity 0.2s ease-in 0.2s;
		-webkit-transition: opacity 0.2s ease-in 0.2s;
	}
	
	.isotope-item:hover > a .icon-work {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
	}
	
	.isotope-item > a img {
		-moz-transition: opacity 0.2s;
		-ms-transition: opacity 0.2s;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
		position: relative;
		z-index: 2;
	}
	
	#portfolio-container {
		overflow: hidden;
	}
	
	#fail-message, #success-message {
		display: none;
	}
	
	.isotope-item:hover > a img {
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	
	#portfolio-categories .active a {
		border-bottom: 2px solid;
	}
	
	.slogan {
		padding: 50px 20px;
		margin-top: 50px;
		color: #fff;
		text-align: center;
	}
	
	.slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5, .slogan h6 {
		color: inherit;
		letter-spacing: 3px;
		margin-bottom: 0;
	}
	
	.divider-1 {
		height: 2px;
		width: 55px;
		background-color: #404040;
		margin: auto;
	}
	
	.divider-2, .divider-3 {
		height: 1px;
		width: 100%;
		background-color: #ddd;
		margin: 90px 0;
	}
	
	.divider-4 {
		height: 1px;
		width: 55px;
		background-color: #ddd;
		margin: 30px auto 40px;
	}
	
	.divider-3 {
		margin: 60px 0 !important;
	}
	
	.toggle {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.toggle-title {
		background-color: #fff;
		height: 54px;
		border: 1px solid #ddd;
		font-size: 13px;
		position: relative;
		cursor: pointer;
		overflow: hidden;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-weight: normal;
		font-style: normal;
	}

	.toggle-title-text {
		height: 54px;
		padding: 15px 60px 10px 20px;
		overflow: hidden;
	}

	.toggle-title-text i {
		font-size: 16px;
		vertical-align: middle;
		margin-right: 10px;
	}
	
	.toggle-title-text h6 {
		font-size: 13px;
	}
	
	.column {
		margin-bottom: 50px;
	}
	
	.alert {
		padding: 9px 28px 8px 20px;
		border: 1px solid;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		position: relative;
		margin-bottom: 7px;
		font-size: 13px;
	}

	.close-alert {
		position: absolute;
		right: 15px;
		top: 12px;
		cursor: pointer;
		font-size: 12px;
	}

	.alert-1 {
		color: #c4a21b;
		border-color: #f5dc7d;
		background-color: #fcf7d9;
	}

	.alert-2 {
		color: #8fa442;
		border-color: #c2d288;
		background-color: #e3ebc6;
	}

	.alert-3 {
		color: #528da9;
		border-color: #9ac9df;
		background-color: #d8ecf5;
	}

	.alert-4 {
		color: #b3696c;
		border-color: #f7c7c9;
		background-color: #f9e5e6;
	}

	.toggle-arrow {
		width: 45px;
		height: 54px;
		line-height: 54px;
		text-align: center;
		font-size: 13px;
		position: absolute;
		right: 0;
		top: 0;
		color: #404040;
	}

	.toggle-content {
		padding: 15px 20px;
		border-top: none;
		display: none;
		line-height: 22px;
	}
/* ======== / SHORTCODES ======== */


/* ======== WIDGETS ======== */
	.widget {
		margin-bottom: 50px;
	}
	
	.widget > header {
		background-repeat: repeat-x;
		background-position: 0 15px;
	}
	
	.widget a {
		transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
	}
	
	.widget > header > h6 {
		background-color: #fff;
		display: inline-block;
		padding-right: 20px;
	}

	.widget_recent_entries ul, .widget_categories ul {
		border: 1px solid #ddd;
	}
	
	.widget_recent_entries ul li, .widget_categories ul li {
		padding: 15px 20px;
		border-bottom: 1px solid #ddd;
	}
	
	.widget_recent_entries ul li:before, .widget_categories ul li:before {
		content: "\f105";
		font-size: 14px;
		font-family: FontAwesome;
		margin-right: 15px;
	}
	
	.widget_recent_entries ul li span {
		font-size: 10px;
		margin-left: 10px;
	}
	
	.widget_recent_entries ul li:last-child, .widget_categories ul li:last-child {
		border-bottom: none;
	}
	
	.search-widget {
		width: 100%;
		height: 45px;
		background-color: #fff;
		border: 1px solid #ddd;
		position: relative;
		padding: 0 55px 0 18px;
	}
	
	.widget_tag_cloud a {
		padding: 6px 10px;
		color: #fff;
		margin: 0 0 3px 0;
		font-size: 11px;
		background-color: #404040;
		display: inline-block;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-webkit-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
	}
	
	.widget_tag_cloud a:hover {
		color: #fff !important;
	}

	.search-widget input[type="submit"] {
		position: absolute;
		right: 10px;
		top: 6px;
		background-color: transparent;
		z-index: 2;
		border: none;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}

	.search-widget input[type="text"] {
		width: 100%;
		margin-top: 12px;
		font-size: 13px;
		font-family: 'open-sans', sans-serif;
		color: #b0b0b0;
		border: none;
	}

	.search-button {
		position: absolute;
		right: 20px;
		top: 14px;
		font-size: 13px;
		z-index: 1;
		color: #444444;
	}
/* ======== / WIDGETS ======== */

/* ======== FOOTER ======== */
	#foot-page {
		background-color: #2b3990;
		color: #fff;
		text-align: center;
		padding: 85px 0 70px;
	}
	
	#copyright {
		margin: 30px 0;

	}
	
	#backtop {
		width: 45px;
		height: 45px;
		line-height: 42px;
		border: 1px solid #fff;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		margin: auto;
		font-size: 18px;
		cursor: pointer;
	}
	
	#foot-icons a {
		margin: 0 6px;
		font-size: 14px;
	}
	
	#foot-icons a i, #backtop {
		transition: color 0.2s, background-color 0.2s;
		-moz-transition: color 0.2s, background-color 0.2s;
		-webkit-transition: color 0.2s, background-color 0.2s;
		-ms-transition: color 0.2s, background-color 0.2s;
	}
	
	#backtop:hover {
		background-color: #fff;
		color: #404040;
	}
/* ======== / FOOTER ======== */


@media(max-width:768px){
	 
	.header-icon {
		max-width: 300px;
		height: auto;
	} 
	
	h1 {
		font-size: 24px;
		line-height: 28px;
	} 
	
	#home h3 {
		font-size: 18px;
	}
	
	#services .col-lg-4:not(:first-child), #personnel .col-lg-4:not(:first-child) {
		padding-top: 30px;
	}
	
    }