@charset utf-8;
/*--
	Theme Name: painter
	Description: A theme for Wordpress 3.7+ from flashsite-templates.com Collection
	Author: flashsite-templates.com 
	Author URL: http://www.flashsite-templates.com 
--*/


/*  ***************************************************** GENERAL ********************************************/

	
	@font-face {
	    font-family: 'FontAwesome';
	    src: url('fonts/fontawesome.eot');
	    src: url('fonts/fontawesome.eot') format('embedded-opentype'),
	         url('fonts/fontawesome.woff2') format('woff2'),
	         url('fonts/fontawesome.woff') format('woff'),
	         url('fonts/fontawesome.ttf') format('truetype'),
	         url('fonts/fontawesome.svg#FontAwesome') format('svg');
	}

	body {
		background: #fff;
		color: #595959;	
		font: 12px/20px 'Raleway', serif;
		/* position:relative; */
		overflow: hidden;
		position: relative;	
	}

	 .jumpMarker {
	  height: 1px;
	  margin-bottom: 110px;
	  margin-top: -110px;
	  width: 100%;
	}

	body #main {
	  margin: 0 auto 0;
	  position: relative;
	  z-index: 999;
	  font: 12px/20px 'Raleway', serif;    
	}

	body #main img.alignleft.bordered,
	body #main img.alignright.bordered,
	body #main img.aligncenter.bordered,
	body #main img.alignnone.bordered {
		background: #fff;
		padding: 5px;
		border: 1px solid #b6b6b6;
	}

/*  ************************************************ SPACER_SMALL *********************************************/

	.spacer_small {
		padding: 10px 0;
		clear: both;
		overflow: hidden;		
	}
	

/*  *****************************************  H1 - H6  *************************************************/
	

	#main h1 {
		color: #414141;
		font: bold 36px/40px 'Raleway', sans-serif;
		text-transform: uppercase;
		text-align: left;
		padding: 0;
		margin: 0 0 3	5px 0;
	}
	.home #main h1 {
		color: #334878;
		font: 100 48px/48px 'Raleway', sans-serif;
		text-transform: capitalize;
		text-align: left;
		padding: 0;
		margin: 0 0 15px 0;
	}
		#main h1 span {
			/* color: #ff7d00; */
			font-size: 26px;
			line-height: 40px;
			text-transform: uppercase;			
		}

		.header-title {  margin-bottom: 30px; }



	
	/*  **************************************************/


	#main h2, #main h2 a {
		text-transform: uppercase;
		color: #414141;
		font: bold 36px/40px 'Raleway', sans-serif;
		margin: 0 0 25px 0;
		padding: 0;
	}
		#main h2 a { margin-bottom: 0; }
			#main h2 a:hover { text-decoration: underline; }
	
		#main .sidebar h2 {
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 12px;
		}

		.home #main  h2 { margin-bottom: 8px; }

	/*  **************************************************/


	#main h3, #main h3 a, #main .sidebar h2 {
		color: #414141;
		font: 24px/28px 'Raleway', sans-serif;
		text-transform: uppercase;
		padding: 0;
		margin: 0 0 20px 0;
	}
		#main h3 a { margin-bottom: 0; }
			#main h3 a:hover { text-decoration: underline; color: #414141; }

	

	/*  **************************************************/


	#main h4 {
		color: #fff;
		font: bold 20px/24px 'Raleway', sans-serif;
		text-transform: uppercase;
		padding: 0;
		margin: 0 0 10px 0;
	}
		#main .excerpt h4 { 
		  
		}


	/*  **************************************************/	


	#main h5, #main h5 a, #main #before-footer-area h2 {
		color: #414141;
		font: 18px/22px 'Raleway', sans-serif;
		text-transform: uppercase;
		padding: 0;
		margin: 0 0 10px 0;	
	}
		#main h5 a { margin-bottom: 0; }	
			#main h5:hover a {  }	


	/*  **************************************************/	

	#main h6 {
		color: #334878;
		font: bold 14px/18px 'Raleway', sans-serif;
		text-transform: none;
		margin: 0 0 5px 0;
		padding: 0;
	}

	#main h6.different {
		color: #020202;
		font: bold 12px/18px 'Raleway', sans-serif;
		text-transform: uppercase;
		margin: 0 0 5px 0;
		padding: 0;
	}

	#main h6.relatedPost {
		font-size: 11px;
		line-height: 1.4em;
	}

/*  ****************************************** BLOCKQUOTE ********************************************/	

	body blockquote {
		padding-left: 65px;
		border: none;
		background: url(images/bg_blockquote.jpg) 0 0 no-repeat;
		color: #595959;
		font: italic 12px/18px 'Raleway', sans-serif;		
	}
		blockquote p.desrc {
			color: #a3a3a3;
			padding: 0;
			margin: 10px 0 0 0;
			font: 300 14px/18px 'Raleway', sans-serif;
		}
			blockquote p.desrc span {
				font-weight: bold;
				display: inline-block;
				position: relative;
				margin-right: 10px;				
			}
				blockquote p.desrc span:after {
					position: absolute;
					display: block;
					content: ',';
					height: 18px;
					width: 5px;
					right: -6px;
					top: 0;
				}

/*  ****************************************************** LINKS ******************************/

	a {

	}

	a.read {
		display: inline-block;
		padding: 4px 19px;
		margin: 15px 0;
		background: none;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		font: bold 14px/32px 'Raleway', sans-serif;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}	
		a.read:hover {
			text-decoration: none;
			
		}

	/* a.readmore {
		display: inline-block;
		padding: 0px 44px 0px 11px;
		margin: 15px 0 0;
		background: #fff;
		text-decoration: none;
		text-transform: uppercase;
		color: #cdcdcd;
		font: bold 14px/27px 'Raleway', sans-serif;
		border: 1px solid #efefef;
		position: relative;		
	}	
		a.readmore:hover {
			text-decoration: none;
			background: #efefef;
			color: #ff7d00;
		}
	
		a.readmore:after {
			right: 0;
			top: 0;
			background: url(images/bg_link_readmore_after.png) 0 0 no-repeat;
			width: 28px;
			height: 28px;
			display: block;
			content: '';
			position: absolute;			
		}
			a.readmore:hover:after {
				background-position: 0 -34px;
			} */




/*  ************************************************** LIST *************************************/

	ul { 
		margin: 0;
		padding: 0;
	}
		ul li {
			list-style-type: none;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		

		.list-check li {
			color: #414141;
			display: inline-block;
			font: 14px/24px "Roboto",sans-serif;
			padding-left: 27px;
			margin-bottom: 15px;
			position: relative;
			text-decoration: none !important;
			text-transform: capitalize;
		}
			.list-check li:after {
				position: absolute;
				display: block;
				content: '\f00c';
				font-family: 'FontAwesome';
				width: 15px;
				height: 24px;
				left: 0;
				top: 0px;
				color: #30637d;
			}

			.list-check li strong { display: block;
			 }	

	/**************************************/

	.latestpost li time, .latestpost li .excerpt { display: none; }






/*  ****************************************************** SOCIAL LINKS ******************************/

	ul.social-networks {
		margin: 0 0 0 0;
		padding: 0;
		float: left;	
	} 	
		ul.social-networks li {
			list-style-type: none;
			float: left;
			margin-left: 10px;
			margin-bottom: 0;
			opacity: 0.85;
			background: none;
			padding: 0;
		}

			ul.social-networks li:hover { opacity: 1; }

			ul.social-networks li img {
				border: none;
				padding: 0;
				margin: 0;
				background: none;
				width: auto;
			}

		


/*  ************************************* PARAGRAPH *************************************************/	
	body p {
		font: 14px/24px 'Roboto', sans-serif;
		color: #414141;
		margin: 0 0 8px 0;
	}
		p strong {
		  font-weight: bold;
		}	
		p span {
			font-weight: bold;
		}			


/*  ******************************************* HEADER **********************************************/
	
	#header {
		z-index: 9999;	 
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 110px;
		background: rgba(0,0,0,0.7);
		top: 0;
		border-bottom: 3px solid #fff;
	}
		#header.scrolled { background: #000; }



	/*  *****************************************  LOGO  *******************************************/			
		
		.logo {
			float: none;
			position: relative;
			z-index: 10;
			padding-top: 23px;
		}
			#logo {
				position: relative;
				display: block;
				text-align: left;				
			}
				
			.logo img {
			  float: none;
			  margin: 0 auto;
			  width: auto;
			}

		.logo.span4 { width: 214px; margin-right: 50px; }

	
	/*  *****************************************  HEADER INFO  *******************************************/
		
		#wrapTopInfo {
			padding-top: 10px;
		}
		#wrapTopInfo .wrapTopInfo-inner {
			color: #fff;
			font: 14px/22px 'Roboto', sans-serif;
			text-align: right;			
		}
			#wrapTopInfo .wrapTopInfo-inner span {
				font-weight: bold;
				display: inline-block;
				margin: 0 6px;																	
			}
			#wrapTopInfo .wrapTopInfo-inner b {
				display: inline-block;
				margin: 0 5px;
			}
		#wrapTopInfo .wrapTopInfo-inner a {
			font-size: 18px;
			text-decoration: none;
			line-height: 20px;
			color: #fff;
			position: relative;		
			display: inline-block;
			margin-left: 13px;	
			top: 3px;					
		}

			#wrapTopInfo .wrapTopInfo-inner a:after {
				position: absolute;
				content: '';
				display: block;
				background: url(images/bg_social_link_hover.png) 0 0 no-repeat;
				width: 29px;
				height: 29px;
				top: 50%;
				margin-top: -15px;
				left: 50%;
				margin-left: -15px;
				z-index: 5;
				opacity: 0;
				-webkit-transition: all .15s linear;
				   -moz-transition: all .15s linear;
				    -ms-transition: all .15s linear;
				     -o-transition: all .15s linear;
				        transition: all .15s linear;
			}
				#wrapTopInfo .wrapTopInfo-inner a:hover:after {
					opacity: 1;
				}


/*  ************************************************ MAIN MENU *******************************************/	

	#mainMenu { float: right; }

	#mainMenu ul {
		text-align: right;
		margin-top: 25px;		
	}
	#mainMenu li {
		display: inline-block;		
		background: url(images/bg_mainMenu_li.png) right center no-repeat;
		padding-right: 18px;
	}
	#mainMenu li a {
		color: #d6d6d6;		
		font: 14px/27px 'Raleway', sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		position: relative;	
		padding: 0 3px;
		background: none;				
		-webkit-transition: all .15s linear;
		   -moz-transition: all .15s linear;
		    -ms-transition: all .15s linear;
		     -o-transition: all .15s linear;
		        transition: all .15s linear;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid rgba(0,0,0,0);								
	}
		#mainMenu li a:hover, #mainMenu li.active a {
			border: 1px solid #9b9b9a;
			background: url(images/bg_mainMenu_link_hover.png) 0 0 repeat-x;
		}

			



		@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
		{  
		}
		
	/*  **************************************************/

	.sf-menu li:hover ul, .sf-menu li.sfHover ul {  }
	#topnav .sub-menu {
	  background: #f7f7f7;
	  padding: 5px 18px;
	  min-width: 170px;
	  width: auto;	  
	}
		#topnav .sub-menu .sub-menu {
		  background: #888b8f;
		  margin-left: 18px;
		  top: -5px;
		}

	#topnav .sub-menu li {
		background: none;	
		width: 100%;
		padding: 0;
		text-align: left;
		list-style-type: none;	
		position: relative;
		
	}
		#topnav .sub-menu li a, .sub-menu li li a {
		  color: #6a6a6a;
		  display: block;
		  font: 14px/22px 'Raleway', sans-serif;
		  height: auto;
		  text-decoration: none;
		  text-transform: capitalize;
		  white-space: nowrap;
		  text-align: left;	
		  border-radius: 0;  
		  -webkit-border-radius: 0;
		  -ms-border-radius: 0;
		  padding: 7px 0;
		  background: none;
		  border: none;		  
		  border-bottom: 1px solid #e3e3e3;
		  -webkit-transition: all .5s ease;
		     -moz-transition: all .5s ease;
		      -ms-transition: all .5s ease;
		       -o-transition: all .5s ease;
		          transition: all .5s ease;
		    position: relative;		                
		} 
			#topnav .sub-menu > li:hover > a, #topnav .sub-menu li li:hover > a,
			#topnav .sub-menu > li.current_page_item > a {
				color: #000;
				border-bottom: 1px solid #b5b5b5;
			}



/****************************************  SLIDER  ******************************************/
	
	#sliderWrap {
		z-index: 11;
		position: relative;
	}	
		#sliderWrap .metaslider .flexslider { margin: 0; }
			#sliderWrap .flex-control-nav { display: none; }
		
		#sliderWrap .metaslider .caption-wrap {
			background: none;
			opacity: 1;
		}
		#sliderWrap .metaslider .caption {
		  padding: 110px 0;
		  text-align: center;
		  
		}


		#main #sliderWrap .metaslider .caption h3,
		#main #sliderWrap .metaslider .caption h2 {
			color: #fff;
			font: bold 36px/36px 'Raleway', sans-serif;
			text-align: center;
			text-transform: uppercase;
			text-shadow: 0 3px 3px rgba(0,0,0,0.32);
			margin: 0;
		}
		
		#main #sliderWrap .metaslider .caption h2 {
			font-size: 90px;
			line-height: 1.2em;
		} 

		#main #sliderWrap .metaslider .caption a {
			font: bold 18px/50px 'Raleway', sans-serif;
			border: 4px solid #fff;
			-webkit-border-radius:33px;
			-moz-border-radius:33px;
			-ms-border-radius:33px;
			-o-border-radius:33px;
			border-radius:33px;
			padding: 0 20px;
			text-transform: uppercase;
			text-decoration: none;
			background: rgba(0,0,0,0.2);	
			display: inline-block;
			color: #fff;	
			margin-top: 25px;			
		}
			#main #sliderWrap .metaslider .caption a:hover {
				background: rgba(0,0,0,0.8);
			}


		#sliderWrap .flex-direction-nav a {
			background: url(images/bg_sliderNavi.png) 0 0 no-repeat;
			width: 41px;
			height: 58px;
			-webkit-transition: all .01s ease;
			   -moz-transition: all .01s ease;
			    -ms-transition: all .01s ease;
			     -o-transition: all .01s ease;
			        transition: all .01s ease;
			left: 0;    
			opacity: 1;    
		}	
		#sliderWrap .flex-direction-nav a.flex-next {
			background-position: -60px 0;
			left: auto;
			right: 0;
		}

		#sliderWrap .flex-direction-nav a.flex-prev:hover { background-position: 0 -60px; }	 
		#sliderWrap .flex-direction-nav a.flex-next:hover { background-position: -55px -60px; }	 



/*  ******************************************  PRIMARY WRAP CONTENT  ***********************************************/

	#primaryWrapContent {
		padding: 70px 0 20px 0;
		background: url(images/bg_contenn.jpg) repeat 0 0;
		border-bottom: 1px solid #fff;
	}
		.home #primaryWrapContent { padding: 0;  background: none; }
	
/*  ******************************************  HOME CONTENT  ***********************************************/

		#home-content {
		  margin: 0 auto;
		  position: relative;
		}


	
/*  ******************************** SIDEBAR ************************************************* */
		
		aside.sidebar {
		  padding-top: 24px;
		}
			
		.sidebar > div { margin-bottom: 30px; }					
			.sidebar ul { margin: 0; padding: 0; }
			

/*  ************************************************** IZOTOPE *************************************/

	#filter-by {
		text-align: left;
		margin-bottom: 30px;
	}
	#primaryWrapContent #filter-by a {
	  color: #404040;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: 700;
	  line-height: 20px;
	  padding: 5px 0;
	  text-decoration: none;
	  text-transform: uppercase;
	  -webkit-transition: all 0.3s ease-out 0s;
	  -moz-transition: all 0.3s ease-out 0s;
	  -ms-transition: all 0.3s ease-out 0s;
	  -o-transition: all 0.3s ease-out 0s;
	  transition: all 0.3s ease-out 0s;
	  margin-right: 30px;
	  font-family: 'Titillium Web', sans-serif;
	}
		#primaryWrapContent #filter-by a:hover, #primaryWrapContent #filter-by a.active { text-decoration: underline; }

	#galleryHolder { 
	  position:relative; 
	  width:100%; 
	  overflow:hidden; 
	} 
		#galleryHolder .isotope { margin-left: -30px; }

	.galleryItem { 
	  position:relative; 
	  float:left; 
	  overflow: hidden; 
	  position: relative; 
	  width: 262px; 
	  /* height: 212px;  */
	  margin: 0 0 30px 30px; 
	} 

		.galleryItem a {
			display: block;
			
		}


		.galleryItem a:after {
			position: absolute;
			display: block;
			content: '';
			background: url(images/gallery_item_after.png) center center no-repeat;
			width: 100%;
			height: 100%;
			z-index: 99;
			left: 0;
			top: 0;
			opacity: 0;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}

		.galleryItem a:hover:after {
			opacity: 1;			
		}


	/**** 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;
	}


/* ***************************************  FORMS  **************************************** */
	
	.wpcf7-form { margin: 0; }

	.wpcf7-form p.field small {	color:red;}

	.wpcf7-form .input-file {
		width: 79px;
		height: 22px;
		background: url(images/btn-choose-file.gif) 0 0 no-repeat;
		display: block;
		overflow: hidden;
		cursor: pointer;
		position:relative;
		}
	.wpcf7-form input[type="file"] {
		position: relative;
		height: 100%;
		width: auto;
		opacity: 0;
		cursor: pointer;
		-moz-opacity: 0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		}

	#footer .wpcf7-form textarea {
	  height: 60px;
	  overflow: auto;
	  width: 92%;
	}

	.wpcf7-form .submit-wrap {
		padding:0;
		margin:0;
	}

		div.wpcf7-response-output {
		  margin-left: 0 !important;
		  margin-right: 0 !important;
		  width: auto;
		  clear: both;		  
		}
		.wrap_cf.main div.wpcf7-response-output {
		  margin-left: 0 !important;
		  margin-right: 0 !important;
		  width: 200px;
		  margin-top: 0 !important;
		  clear: both;		  
		}
		
	.wpcf7-form .ajax-loader {
		margin: 17px 0 0 0 !important;
		width: auto !important;
	}



	/* Form defaults */
	#searchform {
		position: relative;
		clear: both;
		overflow: hidden;  
		max-width: 430px;
	}

	/*  **************************************************/

	/* .search-no-results .no-results #searchform input[type="text"],
	.error404 #error404 #searchform input[type="text"] {
		border: 2px solid #efefef;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		color: #8b8b8b;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 90%;
		padding-right: 30px;
	}
		.search-no-results .no-results #searchform input[type="text"] {
		  width: 94%;
		}
	
		.error404 #error404 #searchform input[type="submit"],
		.search-no-results .no-results #searchform input[type="submit"] {
			position: absolute;
			right: 9px;
			top: 9px;
			width: 14px;
			height: 15px;
			background: url(images/bg_submit.png) 0 0 no-repeat;
			border: none;
			outline: none;
			text-indent: -9999px;
		}
	
		#searchform input[type="submit"]:hover,
		.error404 #error404 #searchform input[type="submit"]:hover,
		.search-no-results .no-results #searchform input[type="submit"]:hover {
			opacity: 1;
		}
		
		#searchform input[type="text"]:focus,
		.error404 #error404 #searchform input[type="text"]:focus,
		.search-no-results .no-results #searchform input[type="text"]:focus {
			
		} */


		/*  **************************************************/


		.wpcf7-form input[placeholder],
		.wpcf7-form textarea[placeholder] {
			color: #8b8b8b;
		}
		.wpcf7-form input[placeholder]::-webkit-input-placeholder, 
		.wpcf7-form textarea[placeholder]::-webkit-input-placeholder { /* WebKit browsers */
		    color:    #8b8b8b;
		}
		.wpcf7-form input[placeholder]:-moz-placeholder,
		.wpcf7-form textarea[placeholder]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		    color:    #8b8b8b;
		}
		.wpcf7-form input[placeholder]::-moz-placeholder,
		.wpcf7-form textarea[placeholder]::-moz-placeholder { /* Mozilla Firefox 19+ */
		    color:    #8b8b8b;
		}
		.wpcf7-form input[placeholder]:-ms-input-placeholder,
		.wpcf7-form textarea[placeholder]:-ms-input-placeholder { /* Internet Explorer 10+ */
		    color:    #8b8b8b;
		}


		.wpcf7-form input[type="text"],
		.wpcf7-form input[type="email"],
		.wpcf7-form input[type="number"],
		.wpcf7-form input[type="tel"],
		.wpcf7-form textarea,
		.sidebar #searchform input[type="text"],
		.search-no-results .no-results #searchform input[type="text"],
		.search-no-results .no-results #searchform input[type="text"],
		.error404 #error404 #searchform input[type="text"]  {
		    border: 1px solid #c9d2c9;
			-webkit-border-radius:0;
			-moz-border-radius:0;
			-ms-border-radius:0;
			-o-border-radius:0;
			border-radius:0;
			color: #8b8b8b;
			-webkit-box-shadow: none;
			box-shadow: none;
			width: 92%;
			background: #fff;
			padding: 9px 14px;
			font: 300 14px/18px 'Open Sans', sans-serif;
		}
			.wpcf7-form textarea {
				height: 160px;
				resize: none;
			}
			.wpcf7-form input[type="text"]:focus,
			.wpcf7-form input[type="email"]:focus,
			.wpcf7-form input[type="tel"]:focus,
			.wpcf7-form input[type="number"]:focus,
			.wpcf7-form textarea:focus,
			.sidebar #searchform input[type="text"]:focus,
			.search-no-results .no-results #searchform input[type="text"]:focus,
			.search-no-results .no-results #searchform input[type="text"]:focus,
			.error404 #error404 #searchform input[type="text"]:focus  {
				border: 1px solid #769b75;				
			}

			.sidebar #searchform input[type="text"] { width: 85%; }

			.wpcf7-form p.btnSubmit { text-align: left; }

				.wpcf7-form input[type="submit"],
				#commentform input[type="submit"] {
					margin: 20px 0 20px;
					border: 5px solid #3aa0c6;
					color: #3aa0c6;
					background: none;
					font: bold 18px/22px 'Raleway', sans-serif;
					padding: 14px 55px; 
					text-transform: uppercase;	
					display: inline-block;	
					-webkit-border-radius: 33px;
					-moz-border-radius: 33px;
					-ms-border-radius: 33px;
					-o-border-radius: 33px;
					border-radius: 33px;	
					-webkit-transition: all .5s ease;
				    -moz-transition: all .5s ease;
				    -ms-transition: all .5s ease;
				     -o-transition: all .5s ease;
				        transition: all .5s ease	
				}
					.wpcf7-form input[type="submit"]:hover,
					#commentform input[type="submit"]:hover {
						background: #3aa0c6;
						color: #fff;
					}


			
			.wpcf7-form-control-wrap { overflow: hidden; }
				.wpcf7-form .wpcf7-not-valid-tip {
					position: absolute;
					top: 0;
					left: 0;
					height: 14px;
					background: #f00;
					color: #fff;
					padding: 9px;
					display: block;
					width: 100%;
					line-height: 14px;
				}

		.wpcf7-form-control-wrap + br { display: none; }

	/* .sidebar #searchform input[type="text"]	{
		border: 2px solid #efefef;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		color: #8b8b8b;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 81%;
		padding-right: 30px;
	}  */

	.sidebar #searchform input[type="submit"],
	.error404 #error404 #searchform input[type="submit"],
	.search-no-results .no-results #searchform input[type="submit"]  {
		background: url(images/bg_submit.png) 0 0 no-repeat;
		border: medium none;
	    height: 19px;
	    opacity: 0.7;
	    outline: medium none;
	    position: absolute;
	    right: 12px;
	    text-indent: -9999px;
	    top: 10px;
	    width: 18px;
	}


/*  ***************************************************** FOOTER *********************************************/

	#footer {
		background: #000;
		padding: 40px 0;
		color: #cccccc;
		font: 12px/20px 'Roboto', sans-serif;
	}
		#footer a {
			color: #cccccc;
			font: 12px/20px 'Roboto', sans-serif;
			display: inline-block;
			text-decoration: none;
			padding: 0 2px;
			margin: 0 5px;
		}
			#footer a:hover {
				text-decoration: underline;
				color: #fff;
			}

		#footer span.space {
			display: inline-block;
			width: 20px;
		 }

/*  ************************************************ BREADCRUMBS ****************************************/	

	#breadcrumbs {
		background: #334878;
	}
		#breadcrumbs .breadcrumb {
			background: none;
			padding: 13px 0;
			margin: 0 0 0 20px;
			overflow: hidden;			
		}
			#breadcrumbs .breadcrumb li {
				float: left;
				margin: 0 17px 0 0;
				padding: 3px 0;
			}
				#breadcrumbs .breadcrumb li a {
					display: block;
					background: url(images/bg_breadcrumbs_link.png) 0 center no-repeat;
					padding: 0 0 0 29px;
					text-decoration: none;
					color: #fff;
					font: 14px/18px 'Raleway', sans-serif;
					text-transform: capitalize;			
				}
					#breadcrumbs .breadcrumb li a:hover { text-decoration: underline; }
					
					#breadcrumbs .breadcrumb li.menu-item-home a {
						padding: 0;
						background: url(images/bg_breadcrumbs_link_first.png) 0 center no-repeat;					
						text-indent: -9999px;
						width: 18px;
						height: 16px;
					}	


/*  ************************************************* CONTACT PAGE *****************************************/

	.wrapIframe iframe {
		width: 100%;
		border: none;
		height: 400px;		
	}

	.leftPart {
		float: left;	
		width: 48%;		
	}

	.rightPart {
		float: right;		
		width: 48%;
	}


/*  ************************************************** BLOG PAGES	*****************************/

	.post-meta, #commentform p {
		color: #666666;
		font-weight: 300;
		padding-bottom: 10px;
		/* border-bottom: 1px solid #d9d9d9; */
		margin-bottom: 18px;
		font-family: "Roboto",sans-serif;
	}
		 #commentform p {
		 	padding-bottom: 0;
		 	border: none;		 	
		 }
		.post-meta a {
			text-decoration: underline;
			text-transform: capitalize;
		} 
			.post-meta a:hover { text-decoration: none; } 

		.post-meta time { margin-left: 10px; }



	.wrapMeta b { display: none; }		 
	
	article.post-holder .featured-thumbnail {
		width: 220px;
		max-height: 220px;
		height: auto;
		margin: 0 20px 20px 0;
		overflow: hidden;		
	} 
		article.post-holder .featured-thumbnail img {
			max-width: 100%;
			width: auto;
		}

	article.post-holder .excerpt {
		color: #414141;
		font: 14px/24px 'Roboto', sans-serif;
	}	


	/*  ********************************************** SINGLE POST *******************************************/

		.single-post #content .post-holder + h3 {
			margin-top: 50px;
		}

		.single-post #commentform textarea {
		    -webkit-border-radius: 0;
		    -moz-border-radius: 0;
		    -ms-border-radius: 0;
		    -o-border-radius: 0;
		    border-radius: 0;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    width: 91%;
		    background: #fff;
		    border: 1px solid #c9d2c9;
		    color: #8b8b8b;
		    font: 300 14px/18px "Open Sans",sans-serif;
		    padding: 9px 14px;
		}

		.single-post #commentform input[type="text"] {
			border: 1px solid #c9d2c9;
		    -webkit-border-radius: 0;
		    -moz-border-radius: 0;
		    -ms-border-radius: 0;
		    -o-border-radius: 0;
		    border-radius: 0;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    color: #8b8b8b;
		    padding: 5px 10px;
		    background: #fff;
		}

		.reply a {
			text-transform: uppercase;
			color: #3aa0c6;
		    display: inline-block;
		    font: bold 18px/22px "Raleway",sans-serif;
			margin: 12px 0 0 0;
		}


/*  *************************************************** WRAPTEAM **************************************/

	#wrapTeam {
		clear: both;
		overflow: hidden;
		text-align: center;	
		background: url(images/bg_wrapTeam.jpg) 0 0 repeat;	
		padding: 75px 0 65px;
	}

	#wrapTeam p.nameCaption {
		color: #414141;
		font: bold 28px/32px 'Raleway', sans-serif;
		text-transform: uppercase;
		margin: 0;
		text-align: left;
		padding: 0;
	}
	#wrapTeam p.vacancy {
		color: #686560;
		font: 14px/18px 'Roboto', sans-serif;
		text-transform: lowercase;
		margin: 0;
		text-align: left;
		padding: 0;
	}
	
	#wrapTeam .wrapTeam-area .span3 { position: relative; }
	
	#wrapTeam .popUp {
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(222,115,0,0.7);	
		width: 100%;
		height: 220px;	
		opacity: 0;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
		#wrapTeam .wrapTeam-area .span3:hover .popUp {
			opacity: 1;
		}


		#wrapTeam .popUp .exceprt {
			color: #fff;
			font: 14px/18px 'Roboto', sans-serif;
			padding: 20px 0;
			border-bottom: 1px solid #e9bc8c;
			margin: 0 18px 16px;
			text-align: center;
		}
		#wrapTeam .popUp p {
			text-align: center;			
		}
		#wrapTeam .popUp p a {
			display: inline-block;
			vertical-align: top;
			color: #fff;
			font-size: 18px;
			text-decoration: none;	
			margin: 0 9px;		
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
			#wrapTeam .popUp p a:hover {
				-webkit-transform: scale(1.5);
				   -moz-transform: scale(1.5);
				    -ms-transform: scale(1.5);
				     -o-transform: scale(1.5);
				        transform: scale(1.5);
			}


/*  ************************************************* OUR PROCESS ****************************************/

	#our-process {
		overflow: hidden;
		clear: both;
		padding: 78px 0;
		text-align: center;		
		background: url(images/bg_our-process.jpg) 0 -40% no-repeat fixed;
		-webkit-background-size: cover;
		background-size: cover;
	}
		#our-process.tableMobile {
			-webkit-background-size: 100% auto;
			background-size: 100% auto;
			background-attachment: scroll;
			background-position: center 0; 
		} 

		#our-process h2, #our-process h4, #our-process p {
			color: #fff;
			text-shadow: 0 1px 3px rgba(0,0,0,0.35);
			margin-bottom: 50px;			
		}
			#our-process h4 { margin-bottom: 10px; }

			#our-process p {
				margin-bottom: 0;
			} 

		.pattern {
			text-align: center;
			font: bold 40px/100px 'Raleway', sans-serif;
			color: #fff;
			background: url(images/bg_pattern.png) center 0 no-repeat;
			margin: 0 0 20px 0;
		}


/*  ***************************************************** WHAT-WE-DO ********************************************/

	#what-we-do {
		text-align: center;
		padding: 73px 0 20px;
		background: url(images/bg_what-we-do.jpg) 0 0 repeat;
	}
	
		#what-we-do .circle {
			background: none;
			border: 2px solid #87ab8a;
			color: #507a54;
			-webkit-border-radius: 39px;
			-moz-border-radius: 39px;
			-ms-border-radius: 39px;
			-o-border-radius: 39px;
			border-radius: 39px;
			float: left;
			margin-right: 18px;
			width: 78px;
			height: 78px;
			font-size: 30px;
			line-height: 80px;
			text-align: center;
			-webkit-transition: all .5s ease;
		    -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;	
		}
			#what-we-do .offer {
				display: table;
				text-align: left;	
				margin-bottom: 45px;		
			}
				#what-we-do .offer:hover .circle {
					background: #507a54;
					color: #fff;
					border: 2px solid #507a54;
				}
				
				#what-we-do .offer h5 {
				  font-weight: bold;
				  font-size: 16px;
				}

				#what-we-do .offer p {
					display: table;
					line-height: 20px;
				}

				#what-we-do .offer a { display: block; }
					#what-we-do .offer a:hover { text-decoration: none; }
					#what-we-do .offer:hover a { text-decoration: underline; }


/*  ********************************************** TESTIMONIALS *******************************************/

	#testimonials {
		overflow: hidden;
		clear: both;
		text-align: center;
		padding: 72px 0 40px;
		background: url(images/bg_testimonials.jpg) 0 -40% no-repeat fixed;
		
		-webkit-background-size: cover;
		background-size: cover;
	}
		#testimonials.tableMobile {
			-webkit-background-size: 120% auto;
			background-size: 120% auto;
			background-attachment: scroll;
			background-position: center 0; 
		} 


		#testimonials h2, #testimonials h5,
		#owl-testiCarousel .tes_item .testiContent  {
			color: #fff;
		    margin-bottom: 5px;
		    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
		}
			#testimonials h5 {
				margin-bottom: 40px;
			}	

		#owl-testiCarousel .tes_item {
		  margin: 0 auto;
		  text-align: left;
		  width: 80%;
		}

		
		#owl-testiCarousel .tes_item .testiTitle { display: none; }

		#owl-testiCarousel .tes_item .wrapTestiImg {
			-webkit-border-radius: 45px;
			 -moz-border-radius: 45px;
			 -ms-border-radius: 45px;
			 -o-border-radius: 45px;
			 border-radius: 45px; 
			margin-bottom: 15px; 
			overflow: hidden;			
		}
			#owl-testiCarousel .tes_item img {
				-webkit-border-radius: 45px;
				 -moz-border-radius: 45px;
				 -ms-border-radius: 45px;
				 -o-border-radius: 45px;
				 border-radius: 45px; 	
				width: auto;
				height: auto;		
			}

		#owl-testiCarousel .tes_item .testiContent {
			margin: 0 0 10px;
			font-weight: 500;
			font-size: 14px;
			line-height: 20px;
			text-align: left;	
			font-style: italic;
			font-family: 'Roboto', sans-serif;				
		}

		#owl-testiCarousel .tes_item .tes-name {
			position: relative;	
			font-weight: bold;
			font-size: 14px;
			line-height: 20px;
			text-transform: capitalize;
			padding-left: 40px;																						
			text-align: left;
			color: #fff;																			
		}

		#owl-testiCarousel .tes_item .tes-name:before {
			position: absolute;
			content: '\f10e';							
			display: block;
			color: #fff;
			font-size: 28px;
			left: 0px;
			top: 0;
			font-family: 'FontAwesome';
		}

		#owl-testiCarousel .owl-controls .owl-buttons {
			margin-top: 30px;
		}

		#owl-testiCarousel .owl-controls .owl-buttons div {
			background: url(images/bg_testiCarousel_owl-buttons_div.png) 0 0 no-repeat;
			width: 32px;
			height: 21px;
			opacity: 0.4;
			text-indent: -9999px;
			margin: 0 15px;
			display: inline-block;			
		}
			#owl-testiCarousel .owl-controls .owl-buttons div.owl-next {
				background-position: -36px 0;
			}

			#owl-testiCarousel .owl-controls .owl-buttons div:hover { opacity: 1; } 

		.sidebar .testiWrap .testi_item { margin: 0 0 20px 0; }

		.sidebar .testiWrap .wrapTestiImg, .sidebar .testiWrap .wrapTestiImg img {
		  -webkit-border-radius: 50%;
		  -moz-border-radius: 50%;
		  -ms-border-radius: 50%;
		  -o-border-radius: 50%;
		  border-radius: 50%;
		  width: auto;		  
		}
		.sidebar .testiWrap .wrapTestiImg { margin-bottom: 15px; }

		.sidebar .testiWrap .testiTitle a, .sidebar .testiWrap .testiContent  {
			color: #414141;
			font: bold 14px/20px 'Roboto', sans-serif;
			position: relative;
			text-align: left;
			text-transform: capitalize;
		} 
			.sidebar .testiWrap .testiContent {
				font-weight: normal;
				font-size: 12px;
			} 
			.sidebar .testiWrap .tes-name { display: none; }


/*  ************************************************ BLOG SECTION ********************************************/	

	#blog-section {
		padding: 73px 0 40px;			
		background: url(images/bg_blog_section.jpg) 0 0 repeat;
	}

		#blog-section h2 { text-align: center;	 }

		#blog-section a.more, #gallery a.more {
			color: #265b76;
			font: 300 24px/24px 'Raleway', sans-serif;
			display: inline-block;
			text-transform: lowercase;
			text-decoration: underline;									
		}

		#gallery a.more.brown { color: #7d6a3f; }

		#blog-section .recent-posts li {
			text-align: left;
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #98aeaf;
		}

		#main .recent-posts li h6, #main article.post-holder .entry-header h3 {
			text-transform: none;
			color: #265b76;
			font-size: 18px;
			padding: 0;
			margin: 0 0 8px 0;
		}
			#main .recent-posts li h6 a,
			#main article.post-holder .entry-header h3 a {
				color: #265b76;
				font-size: 18px;
				text-transform: none;
				font-weight: bold;				
			} 
				#main .recent-posts li h6 a:hover,
				#main article.post-holder .entry-header h3 a:hover { color: #3b85ab;  text-decoration: none; }


		#content article.post-holder {
			border-bottom: 1px solid #b4b1a8;
			padding-bottom: 20px;
		}	


		.recent-posts li .meta {
			color: #747474;
			font: 12px/18px 'Roboto', sans-serif;
			margin: 0 0 25px 0; 
		}
			.recent-posts li .meta a {
				color: #414141;
				text-decoration: underline;		
				text-transform: capitalize;								
			}
				.recent-posts li .meta a:hover { text-decoration: none; }


		.recent-posts li .excerpt {
			color: #414141;
			font-size: 14px;
			line-height: 24px;
			font-family: 'Roboto', sans-serif;
		}

		.recent-posts li a.button, a.readmore {
			background: url(images/bg_button.jpg) 0 7px no-repeat;
			padding-left: 20px;
			color: #265b76;
			font: 300 24px/24px 'Raleway', sans-serif;
			text-transform: lowercase;
			text-decoration: none;
			margin-top: 10px;
			display: inline-block;			
		}
			.recent-posts li a.button:hover, a.readmore:hover { text-decoration: underline; }


		
		/*********************/

		.list_cats li a, .recent-comments li a, .cat-item a, div[id*="archives"] li a {
			position: relative;
			display: inline-block;
			padding-left: 16px;
			color: #30637d;
			font: 14px/24px 'Roboto', sans-serif;
			text-transform: capitalize;
			text-decoration: none !important;											
		}
			.list_cats li a:before, .recent-comments li a:before,
			.cat-item a:before, div[id*="archives"] li a:before {
				position: absolute;
				font-family: 'FontAwesome';
				content: '\f0da';
				font-size: 14px;
				color: #75a4a1;
				display: block;	
				left: 0;			
			}

			.list_cats li a:hover, .recent-comments li a:hover,
			.cat-item a:hover, div[id*="archives"] li a:hover { color: #228ab2; }


		.post-holder { margin-top: 20px; }


/*  ******************************************* DEVIDER *********************************************/
	
	#devider-blog {
		text-align: center;
		background: url(images/bg_devider-contacts.jpg) 0 -60% no-repeat fixed;
		padding: 170px 0 140px;
		-webkit-background-size: cover;
		background-size: cover;

	}
		#devider-blog.tableMobile {
			-webkit-background-size: 130% auto;
			background-size: 130% auto;
			background-attachment: scroll;
			background-position: center 0; 
		} 

		#main #devider-blog h1, #main #devider-blog h2 {
			font-size: 56px;
			line-height: 1.2em;
			color: #fff;
			text-shadow: 0 1px 3px rgba(0,0,0,0.35);	
			font-weight: bold;
			margin-bottom: 15px;
			text-align: left;
			text-transform: uppercase;			
		}
		#main #devider-blog h2 {
			font-size: 36px;
			text-transform: lowercase;		
			font-weight: normal;									
		}



		.partly {
			margin: 0 auto;
		    min-height: 234px;
		    padding-left: 300px;
		    padding-top: 15px;
		    width: 50%;
			background: url(images/bg_divider_big_img.png) 0 0 no-repeat;
		}

		.partly img + br { display: none; }

		/*******************/

	#devider-contacts {
		text-align: center;
		background: url(images/bg_devider-contacts2.jpg) 0 -60% no-repeat fixed;
		padding: 170px 0 140px;
		-webkit-background-size: cover;
		background-size: cover;
	}
		#devider-contacts.tableMobile {
			-webkit-background-size:  120% auto;
			background-size:  120% auto;
			background-attachment: scroll;
			background-position: center 0; 
		} 

		#main #devider-contacts h1, #main #devider-contacts h2 {
			font-size: 56px;
			color: #fff;
			text-shadow: 0 1px 3px rgba(0,0,0,0.35);	
			font-weight: bold;
			margin-bottom: 35px;
			text-align: center;
			text-transform: uppercase;			
		}
		#main #devider-contacts h2 {
			font-size: 36px;
			text-transform: lowercase;		
			font-weight: normal;									
		}

/*  ********************************************** GALLERY ****************************************************/

	#gallery {
		text-align: center;
		padding: 70px 0;
		background: url(images/bg_gallery.jpg) 0 0 repeat;
	}
		#gallery .portfolioContent-box, .galleryItem .portfolioContent-box {
			border: 6px solid #ededed;
			overflow: hidden;
			display: inline-block;
			margin: 15px;
			position: relative;			
		}
			.galleryItem .portfolioContent-box { margin: 0; }


			#gallery .portfolioContent-box:hover, .galleryItem .portfolioContent-box:hover {
				border: 6px solid #cdc2a9;
			}

		#gallery .itemExc, .galleryItem .itemExc {
			position: absolute;
			left: 50%;
			margin-left: -106px;
			width: 214px;
			bottom: -100px;
			z-index: 99;
			text-align: center;
			color: #fff;
			font: 14px/20px 'Roboto', sans-serif;
			-webkit-transition: all .1s linear;
			   -moz-transition: all .1s linear;
			    -ms-transition: all .1s linear;
			     -o-transition: all .1s linear;
			        transition: all .1s linear;
		}
		#gallery .zoomIcon, .galleryItem .zoomIcon {
			position: absolute;
			z-index: 99;
			top: -35px;
			width: 20px;
			left: 50%;
			margin-left: -10px;
			text-align: center;
			color: #fff;
			font: 30px/30px 'FontAwesome';
			-webkit-transition: all .1s linear;
			   -moz-transition: all .1s linear;
			    -ms-transition: all .1s linear;
			     -o-transition: all .1s linear;
			        transition: all .1s linear;
		}

		#gallery .portfolioContent-box:hover .itemExc, 
		.galleryItem .portfolioContent-box:hover .itemExc  {
			bottom: 20px;
			opacity: 1;
		}

		#gallery .portfolioContent-box:hover .zoomIcon,
		.galleryItem .portfolioContent-box:hover .zoomIcon {
			top: 25px;
			opacity: 1;
		}

		#gallery img, .galleryItem .portfolioContent-box img {
			width: auto;
			-webkit-transition: all .5s ease;
			   -moz-transition: all .5s ease;
			    -ms-transition: all .5s ease;
			     -o-transition: all .5s ease;
			        transition: all .5s ease;
		} 

		#gallery a, .galleryItem .portfolioContent-box a {
			display: block;	
			position: relative;							
		}
			#gallery .portfolioContent-box:hover img, .galleryItem .portfolioContent-box:hover a img {
				opacity: 0.6;
			}

		.lightbox .lb-image { max-width: 800px !important; max-height: 600px !important; }

		.lb-prev { background: url(images/bg_lb_prev.png) 10% center no-repeat !important; }
		.lb-next { background: url(images/bg_lb_next.png) 90% center no-repeat !important; }


/*  ************************************************** CONTACTS ********************************************/

	#contacts {
		padding: 70px 0 55px;
		background: url(images/bg_contacts.jpg) 0 0 repeat;
	}

		#contacts h2 { text-align: center; margin-bottom: 50px; }
		#contacts h3 { margin-bottom: 38px; }

		#contacts .wpcf7-form p {
			color: #575757;
			text-transform: uppercase;
			font: bold 14px/24px 'Open Sans', sans-serif;
			width: 215px;
			display: inline-block;
		}

		#contacts .wpcf7-form div p:first-child {
			margin-right: 20px;
		}

		#contacts p input[type="text"],
		#contacts p input[type="email"],
		#contacts p input[type="tel"] {
			width: 191px;
		}
		#contacts p textarea {
			width: 430px;
			height: 80px;
		}

			#contacts p.fullWidth {
				width: 100%;
				display: block;
				margin-right: 0 !important;			
			}

		#contacts p.fullWidth input[type="text"],
		#contacts p.fullWidth input[type="email"],
		#contacts p.fullWidth input[type="tel"] {
			width: 430px;
		}
		
		#contacts p.fullWidth input[type="text"].wpcf7-not-valid,
		#contacts p.fullWidth input[type="email"].wpcf7-not-valid,
		#contacts p.fullWidth input[type="tel"].wpcf7-not-valid,
		.wpcf7-form input[type="text"].wpcf7-not-valid,
		.wpcf7-form input[type="email"].wpcf7-not-valid,
		.wpcf7-form input[type="tel"].wpcf7-not-valid	{
			border: 1px solid #f00;
		}		
		.wpcf7-not-valid-tip { display: none !important; }

		
		#contacts .wpcf7-form p.wrapCaptcha {
		  width: auto;
		  float: left;		  
		}

		#contacts p .wpcf7-captchac {
		  float: left;
		  margin: 8px 20px 0 0;
		  width: auto;		  
		}

		#contacts p span[class*="captcha"] {
			float: left;
			
		}
			#contacts p.wrapCaptcha input.wpcf7-captchar {
				width: 80px;				
			}

		#contacts .wpcf7-form p.submit {
		  width: auto;
		  float: right;		  
		}
			#contacts .wpcf7-form p.submit input[type="submit"] {
				float: right;
				margin: 0;
			}

		.contactDetail_descr {
			margin: 40px 0 30px;
		}
		.contactDetail_descr span {
			display: block;
			color: #000;
			font: bold 18px/22px 'Roboto', sans-serif;
		}

		.contactDetail_descr + p.alignleft { margin-right: 50px !important; }


/*  ************************************************* FOOTER-MAP ****************************************/

	#footer-map {
		position: relative;
	} 
		#footer-map:before, #footer-map:after {
			position: absolute;
			content: '';
			display: block;
			width: 100%;
			height: 19px;
			z-index: 10;
			top: 0;
			left: 0;
			background: url(images/bg_footer-map_before.png) 0 0 repeat-x;
		}
		#footer-map:after {
			bottom: -3px;
			top:auto;
			background: url(images/bg_footer-map_after.png) 0 0 repeat-x;
		}
		#footer-map iframe{
			width: 100%;
			height: 480px;
		}


/*  ************************************************ BEFORE-FOOTER-AREA ****************************************/

	#before-footer-area {
		background: url(images/bg_contacts.jpg) repeat 0 0;
		padding: 50px 0 35px 0;
	}

	#main + #before-footer-area {
		border-top: 1px solid #D1D1D1;
	}

	#before-footer-area .container { position: relative; }

	#logo img { width: auto; }

	#before-footer-area #logo {
	  margin-bottom: 45px;
	  display: inline-block;	  
	}
	
	#before-footer-area ul li a {
		color: #505050;
		font: 12px/16px 'Roboto', sans-serif;
		padding-left: 15px;
		position: relative;
		display: block;		
	} 
		#before-footer-area ul li a:before {
			position: absolute;
			display: block;
			content: '\f0da';
			font-family: 'FontAwesome';
			font-size: 10px;
			line-height: 10px;
			z-index: 10;
			left: 0;
			top: 3px;
			color: #959595;
		}
	
	#main #before-footer-area h2, #before-footer-area h2 {
	  margin-bottom: 20px;
	}


	#painterPen {
		background: url(images/bg_painterPen.png) 0 0 no-repeat;
		bottom: -60px;
	    height: 45px;
	    left: 50%;
	    margin-left: 135px;
	    position: absolute;
	    width: 99px;	
	}

	#painterSteps {
		background: url(images/bg_painterSteps.png) 0 0 no-repeat;
		bottom: -65px;
	    height: 352px;
	    right: -20px;
	    position: absolute;
	    width: 119px;	
	}


/*  ******************************************************************/

	#topPhotoWrap { 
		-webkit-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 405px;
		position: relative;	
		background: url(images/bg_subPage_topPhoto_default.jpg) 0 -40% no-repeat fixed;	
	}
		#topPhotoWrap.tableMobile {
			-webkit-background-size:  120% auto;
			background-size:  120% auto;
			background-attachment: scroll;
			background-position: center 0; 
		}