/*   
Theme Name: Yif Themes

Theme URI: 

Description:

Author: 

Version: version ++

/*********** Begin Structure **********/

@import url("font.css");
.hiddenpic {display:none;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}


body {
	margin:0 auto;
	font-family: 'Oxygen', sans-serif;
	color:#777777;
	font-size:14px;
	text-align:justify;

}

#preload {
display:none;
}

h1 { margin:0; padding:0;color:#515151;
font-size:36px;
font-weight:normal;font-family: 'Raleway', sans-serif;}

h2 {
margin:0; padding:0;
color:#4397b9;
font-size:18px;
font-weight:normal;
   }

h3 {
  margin:0; padding:0;font-weight:normal;font-family: 'Raleway', sans-serif;background:url(images/general/title-line.png) no-repeat bottom left;padding-bottom:15px;margin-bottom:16px;font-size:28px;color:#515151;   }

   
h4 { margin:0; padding:0;font-weight:normal; }

h5 {
margin:0; padding:0;font-weight:normal;
   }
  
p {
   line-height:22px;
   margin:0 0 20px;
   padding:0;
   }  
   

a {
   outline:none;
   text-decoration:none;
   color:#de461c;
   	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		cursor:pointer;
   }
   
a:hover {
color:#f28b3a;
}

img {
outline:none;
border:none;
}
a img{
border:none;
outline:none;
}
.page-footer {
clear:both;padding:30px 0;
}
ul{

}
ul ul{


}
ul li{


}
/************ Begin Header ************/

#wrap {

	
}

#header {
	padding:0;
	margin:0;
	width:100%;
}

.header-content {
	position:relative;
	max-width:1230px;
	margin:0 auto;
	width:100%;
	margin-bottom:10px;
}


#logo {
float:left;
}

#logo a {

}


#logo a img{
        outline:none;
		border:none;
}



.topbar{
background:#C9C9C9;
width:100%;height:8px;
margin-bottom:25px;
}
.topbar2{width:100%;max-width:1230px;margin:0 auto;position:absolute;background:#5F8AD6;height:14px;left:0;right:0;}

img{max-width:100%;height:auto;}
/************ End Header ************/


/*********** Begin Nav ***********/	 

#menu_container {  position:relative; z-index:10;}

#menu_container ul { list-style: none; float: right;  margin:0;padding:0;margin-right:20px;margin-top:30px;}

#menu_container ul li { float: left; margin:0 12px;  padding:0;
font-family: 'Roboto', sans-serif;font-size:16px;text-transform:uppercase;
}

#menu_container ul li a { 
color:#5F8AD6;min-width:140px;display:block;
padding-bottom:12px;
}
#menu_container ul li a:after{content:'';display:block;height:11px;background:url(images/nav/blank.png) 0px 2px no-repeat;border-bottom:2px solid #C9C9C9;width:100%;margin-bottom:-5px;margin-top:4px;
-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}
#menu_container ul li a:hover:after{content:'';display:block;background:url(images/nav/menu-nav.png) 0px 2px no-repeat;border-bottom:2px solid #5f8ad6;width:100%;}
#menu_container ul li a span{color:#515151;font-size:15px;display:block;margin-bottom:8px;}

#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a{color:#515151;} 
#menu_container ul li.current-menu-item a:after, #menu_container ul li.current_page_item a:after{content:'';display:block;background:url(images/nav/menu-nav.png) 0px 2px no-repeat;border-bottom:2px solid #5f8ad6;}
/*********** End Nav ***********/	


/********** Begin Footer **********/

#footer {
clear:both;

}

#footer-layout {
	widows:100%;
	max-width:1230px;
	margin:0 auto;
	padding:20px 0;
}

#footer-layout p.copyright {
	font-size:14px;
	color:#777777;
	margin:0;
	text-align:center;
}

.footerbar{
background:#C9C9C9;
width:100%;height:8px;


}
.footerbar2{width:100%;max-width:1230px;margin:0 auto;position:absolute;background:#5F8AD6;height:14px;left:0;right:0;margin-top:-3px;}
/********* End Footer ******/



/*********** Begin homepage **********/
#home {

	margin:0 auto;
	padding:0;
	clear:both;
	width:100%;
}

#home .home-content {
	max-width:1230px;
	padding:10px 0 0;
	margin:0 auto;
	width:100%;
}
.cycloneslider-template-standard .cycloneslider-prev, .cycloneslider-template-standard .cycloneslider-next{opacity:1 !important;margin-top:-90px;}
.cycloneslider-template-standard .cycloneslider-prev{background:url(images/slide/btnarrow-left.png) no-repeat;width:90px;height:181px;border:0;box-shadow:none;border-radius:0;left:0;}
.cycloneslider-template-standard .cycloneslider-next{background:url(images/slide/btnarrow-right.png) no-repeat;width:90px;height:181px;border:0;box-shadow:none;border-radius:0;right:0;}
.cycloneslider-template-standard .arrow{display:none;}
/*********** End Home page ***********/	 
.slideshow{margin-bottom:70px;}
ul.home-info{margin:0;padding:0;list-style:none;text-align:left;margin-bottom:50px;float:left;width:100%;}
ul.home-info > li{float:left;background:url(images/page/home/icon01.png) no-repeat left top;width:31%;padding-left:75px;margin:0 13px;}
ul.home-info li h3{margin-bottom:18px;}
ul.home-info li p{margin:0 0 6px 0;}
ul.home-info ol{margin:0;padding:0;list-style:url(images/page/home/bullet.png);margin-left:15px;}
ul.home-info ol li{line-height:18px;margin-bottom:3px;}

.home-project{margin-bottom:50px;}
.home-project h3{}
.home-project ul{margin:0;padding:0;list-style:none;}
.home-project ul li{position:relative;float:left;width:24.2%;overflow:hidden;}
.home-project ul li p{margin:0;}
a .projectinfo{color:#777777;}
.projectinfo{background:url(images/page/home/project-box.png) no-repeat;width:89%;height:118px;text-align:center;position:absolute;padding:30px 0px 0 0;text-transform:uppercase;font-size:14px;left:0;right:0;margin:0 auto;bottom:-180px;opacity:0;line-height:22px;
-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;}
.home-project ul li:hover .projectinfo{bottom:45px;opacity:1;}		
		
		
ul.home-logo{margin:0;padding:0;list-style:none;}
ul.home-logo li{display:inline-block;margin:0 9px;}	
/*********** Begin Page ***********/	

#page {position:relative; z-index:20; clear:both;
}

#page-content { clear:both; width:100%;max-width:1230px; margin:0 auto; padding:0; position:relative; }

.containerbox{max-width:1190px;width:100%;margin:0 auto;}
.titlebg{background:#F4F4F4;padding:22px;margin-bottom:40px;margin-top:20px;}
.titlebg h1{text-transform:uppercase;float:left;}
.titlebg .breadcrumbs{float:right;margin-top:15px;font-size:15px;}
.titlebg .breadcrumbs a span{color:#777777;font-weight:normal;}

/*********** End Page ***********/	 	

/*********** Begin About ***********/
.abtleft{float:left;width:47%;}
.abtright{float:right;width:50%;}
.abtright h3{text-transform:uppercase;}
.abtinfo{margin-top:70px;}
.abtinfo h3{text-transform:uppercase;}
.abtinfo ul{margin:0;padding:0;list-style:none;float:left;width:100%;}
.abtinfo ul li{float:left;background:url(images/page/home/icon01.png) no-repeat left top;width:41%;padding-left:75px;margin:0 13px;text-align:justify;}
/*********** End About ***********/	

/***************BEGIN POST*****************/

/***************END POST****************/
/*********** Begin Service ***********/
.servicebox{padding:0 30px;}

.servicelist{margin:20px 0;padding:0;list-style:none;float:left;width:100%;clear:both;}
.servicelist li{padding:10px 0;padding-left: 65px;background:url(images/page/service/icon01.png) no-repeat 0 0px;font-size:27px;font-family: 'Raleway', sans-serif;width:43%;float:left;margin-bottom:30px;}

.servicelist li.icon02{background:url(images/page/service/icon02.png) no-repeat 0 0;}
.servicelist li.icon03{background:url(images/page/service/icon03.png) no-repeat 0 0;}
.servicelist li.icon04{background:url(images/page/service/icon01.png) no-repeat 0 0;}
.servicelist li.icon05{background:url(images/page/service/icon04.png) no-repeat 0 0;}
.servicelist li.icon06{background:url(images/page/service/icon05.png) no-repeat 0 0;}

.service-project{clear:both;}
.service-project ul.resp-tabs-list li.resp-tab-item{font-size:21px;font-weight:normal;border:none !important;border-bottom:1px solid #C6C6C6 !important;text-align:left;border-right:1px solid #C6C6C6 !important;padding:20px 30px !important;-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;position:relative;}
.service-project ul.resp-tabs-list li.resp-tab-item:hover{background:#6C90EA;color:#fff;}

.service-project ul.resp-tabs-list li.resp-tab-item.resp-tab-active{background:#6C90EA;color:#fff;margin-right:0 !important;}
.service-project ul.resp-tabs-list li.resp-tab-item.resp-tab-active:after{content:'';display:block;position:absolute;width:13px;height:22px;background:url(images/page/service/arrow.png) no-repeat;top:40%;right:-13px;}
.service-project .resp-vtabs .resp-tabs-container{border:none;}
.service-project .resp-tab-content{padding:0 0px 0 30px;}

.bwg_standart_thumb_spun:hover{  -ms-transform: scale(1.03) !important;  -webkit-transform: scale(1.03) !important; transform: scale(1.03) !important;  } 


#portfolio-list{margin-bottom:50px;}

#portfolio-list .resp-tab-content{padding:0px;border:none;}

#portfolio-list ul.resp-tabs-list{margin-bottom:30px;float:left;width:100%;}
#portfolio-list ul.resp-tabs-list li{border:none;font-size:16px;font-family: 'Roboto', sans-serif;font-size:16px;text-transform:uppercase;font-weight:normal;}
#portfolio-list ul.resp-tabs-list li:after{content:'';display:block;height:11px;background:url(images/nav/blank.png) 0px 2px no-repeat;border-bottom:2px solid #C9C9C9;width:100%;margin-bottom:-5px;-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}
#portfolio-list ul li:hover:after{content:'';display:block;background:url(images/nav/menu-nav.png) 0px 2px no-repeat;border-bottom:2px solid #5f8ad6;width:100%;}

#portfolio-list ul li.resp-tab-active{color:#515151;padding: 13px 15px !important;} 
#portfolio-list ul li.resp-tab-active:after{content:'';display:block;background:url(images/nav/menu-nav.png) 0px 2px no-repeat;border-bottom:2px solid #5f8ad6;}
/*********** End Service ***********/	

/*********** Begin project ***********/	 

/*********** End project ***********/	



/*********** Begin Contact ***********/	 

.contactleft{float:left;width:48%;}
.contactleft ul{margin:0;padding:0;list-style:none;}
.contactleft ul li{margin-bottom:15px;}

.contactright{float:right;width:48%;}
.contactright ul{margin:0;padding:0;list-style:none;}
.contactright ul li{float:left;vertical-align:top;margin-bottom:15px;line-height:22px;}
.contactright ul li:nth-child(1n){width:30%;}
.contactright ul li:nth-child(2n){width:70%;}
.wpcf7-form{
}

.wpcf7-form input[type="text"],.wpcf7-form input[type="email"]{
border:none;
background:#F4F4F4;
height:40px;
width:96%;
padding:0 2%;
margin-top:5px;
}
.wpcf7-form textarea{
border:none;
width:96%;
background:#F4F4F4;
height:150px;
width:96%;
padding:2%;
margin-top:5px;
}
.wpcf7-form input[type="submit"]{

width:217px;
height:52px;
border:none;
cursor:pointer;
font-size:16px;color:#fff;
background:#5F8AD6;
-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}
.wpcf7-form input[type="submit"]:hover{
background:#3f5a8a;
}
.wpcf7-form input.wpcf7-captchar{
width:100px;
}
div.wpcf7 img.ajax-loader{
margin-right:5px;
}
/*********** End Contact ***********/	 



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

/* begin form */


/* end form */

.clear { clear:both;}


/***********************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
float:right;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;

}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
/************************************************/
#button-wrap {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width:100%;
    z-index: 1000;
}
#toTop {
	width:50px;
	height:50px;
	background:url(images/general/backtop.png) no-repeat;
		 position:relative;
  width:960px;
  margin:0 auto;
  z-index: 1000;
  color: #C6C6C6;

        bottom:25px; /* together with this to put the div at the bottom*/
        left:1000px;
        cursor:pointer;
        display:none;
		z-index:20;
       
}
/*#toTop {
	width:50px;
	height:50px;
	background:url(images/general/backtop.png) no-repeat;
        position:fixed; 
        bottom:25px; 
        right:100px;
        cursor:pointer;
        display:none;
		z-index:20;
       
}*/
#toTop:hover{
background:url(images/general/backtop-hover.png) no-repeat;
}


@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
@media (max-width: 768px) {
	#wrap{padding:0 20px;}
	#menu_container ul li a{min-width:115px;}
	ul.home-info{float:none;}
	ul.home-info li{margin:0;width:100%;margin-bottom:25px;}
	.servicelist li{width:100%;}
	.resp-vtabs .resp-tabs-container{width:100% !important;}
	h2.resp-accordion{text-align:left;}
	.bwg_standart_thumb{width:48%;margin-bottom:10px;margin-right:2%;}
	.bwg_standart_thumb_spun{height:inherit !important;width:100%!important;margin:0 !important;}
	.bwg_standart_thumb_spun2{height:inherit !important;width:100% !important;}
	.bwg_standart_thumb_img{width:100% !important;height:auto !important;}
	.service-project .resp-tab-content{padding:15px;}
	#portfolio-list .resp-tab-content{padding:15px;}
}
@media (max-width: 643px) {
	h3{text-align:left;}
	#header{padding-top:10px;}
	#wrap{padding:0 20px;}
	.page-footer{padding:18px 0;}
	.cycloneslider-template-standard .cycloneslider-prev, .cycloneslider-template-standard .cycloneslider-next{display:none;}
	.slideshow{margin-bottom:30px;}
	ul.home-info{float:none;}
	ul.home-info li{float:none;width:100%;margin:0;background:none;padding:0;margin-bottom:30px;}
	
	.home-project ul li{display:inline-block;width:50%;}
	.slicknav_nav a span{margin-right:5px;}
	ul.home-logo{text-align:center;margin:0 auto;}
	.titlebg .breadcrumbs{float:none;margin:0;}
	.titlebg h1{float:none;}
	.titlebg{margin-left:-20px;margin-right:-20px;padding:10px 20px;}
	
	.abtleft, .abtright{float:none;width:100%;}
	.abtleft{margin-bottom:20px;}
	
	.abtinfo{margin-top:30px;}
	.abtinfo ul{float:none;}
	.abtinfo ul li{float:none;width:100%;background:none;padding:0;margin:0;}
	
	.servicebox{padding:0;}
	
	.servicelist li{text-align:left;float:none;width:100%;background-position:0 0px !important;margin-bottom:10px;min-height:62px;}
	
	.resp-vtabs .resp-tabs-container{width:100% !important;}
	h2.resp-accordion{text-align:left;}
	.bwg_standart_thumb{width:100%;margin-bottom:10px;}
	.bwg_standart_thumb_spun{height:inherit !important;width:100%!important;margin:0 !important;}
	.bwg_standart_thumb_spun2{height:inherit !important;width:100% !important;}
	.bwg_standart_thumb_img{width:100% !important;height:auto !important;}
	.service-project .resp-tab-content{padding:15px;}
	#portfolio-list .resp-tab-content{padding:15px;}
	.contactleft, .contactright{float:none;width:100%;}
	.contactleft{margin-bottom:35px;}
}