/*   
Theme Name: Yif Themes

Theme URI: 

Description:Design by Yif

Author: 

Version: version ++

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

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


* {
	padding:0;margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

body {
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	font-size:14px;
	text-align:justify;
	background:#494D51;

}

#preload {
display:none;
}

h1 { margin:0; padding:0;color:#ef823a;
font-size:24px;
font-weight:normal;}

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

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

   
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 {

}
ul{

}
ul ul{


}
ul li{


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

#wrap {

	
}

#header {
	padding:0;
	margin:0;
	width:100%;
	background:#000;
	border-top:7px solid #386EAF;
}

.header-content {
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
}


#logo {
padding:12px 0 12px 0;float:left;
}

#logo a {

}


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

/************ End Header ************/


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

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

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

#menu_container ul li { float: left; margin:0;  padding:0;font-family: 'Helvetica';font-size:16px;text-transform:uppercase;}

#menu_container ul li a {color:#fff;padding:25px 18px;display:block;}
#menu_container ul > li > a:hover,#menu_container ul > li:hover > a{background:#386EAF;}

#menu_container ul li.current-menu-item > a, #menu_container ul li.current_page_item > a #menu_container ul li.current-page-ancestor > a, #menu_container ul li.current-menu-ancestor > a, #menu_container ul li.current-menu-parent > a, #menu_container ul li.current-page-parent > a, #menu_container ul li.current_page_parent > a, #menu_container ul li.current_page_ancestor > a{background:#386EAF;}


#menu_container ul li ul.sub-menu{position:absolute;display:none;background:#000;}
#menu_container ul li ul.sub-menu li{float:none;}
#menu_container ul li ul.sub-menu li a{padding:18px 40px 18px 20px;}
/*********** End Nav ***********/	


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

#footer {
padding:0;
	margin:0;
	background:#000;
clear:both;
width:100%;
	}

#footer-layout {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:16px 0 10px 0;
}

#footer-layout div.copyright {
	font-size:11px;
	color:#ffffff;
	padding:0 0;
	margin:0;
	text-align:left;
	float:left;
	padding-top:5px;
}

.social-icon{float:right;}
.social-icon a{display:inline-block;width:30px;height:30px;padding:0 25px;text-align:center;}
.social-icon .fb{background:url(images/footer/social-icon.png) no-repeat 0px 0px;}
.social-icon .fb:hover{background:url(images/footer/social-icon.png) no-repeat 0px -30px;}
.social-icon .gplus{background:url(images/footer/social-icon.png) no-repeat 0px -60px;}
.social-icon .gplus:hover{background:url(images/footer/social-icon.png) no-repeat 0px -90px;}
.social-icon .twitter{background:url(images/footer/social-icon.png) no-repeat 0px -120px;}
.social-icon .twitter:hover{background:url(images/footer/social-icon.png) no-repeat 0px -150px;}
/********* End Footer ******/

/**********Home Slideshow*****************/
div.container-slide {
      position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 2000px;
	margin:0 auto;
	line-height:0;
}
div.container-slide div.align-slider {
    position: relative;
    width: 2000px;
    left: 50%;
    margin: 0 0 0 -1000px;
    text-align: center;
}
ul.bxslider{padding:0;margin:0;}
/*********** Begin homepage **********/
#home {
	margin:0 auto;
	padding:0;
	clear:both;
	width:100%;
}

#home .home-content {
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

ul.homesolutionlist{}
ul.homesolutionlist li{}
#page-content ul.homesolutionlist h4{font-family: 'Market_Deco';text-align:center;color:#fff;font-size:24px;font-weight:normal;background:#386eaf;padding:20px 0;margin-bottom:0;}

#page-content ul.homesolutionlist .solutioninfo{top:-293px;position:absolute;background:rgba(0,0,0,.7);width:100%;height:100%;padding:30px 20px;text-align:left;	-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;
}
#page-content ul.homesolutionlist .solutioninfo ul{list-style:disc;margin-left:30px;}
#page-content ul.homesolutionlist .solutioninfo ul li{margin-bottom:8px;}
#page-content ul.homesolutionlist .solutioninfo a{position:absolute;bottom:30px;color:#fff;font-size:18px;text-transform:uppercase;background:url(images/page/home/btnreadmore.png) left center no-repeat;padding-left:35px;margin-left:30px;}

#infobox{position:relative;overflow:hidden;}
#page-content ul.homesolutionlist #infobox:hover .solutioninfo{top:0px !important;}
.bx-wrapper .bx-controls-direction a{width:29px !important;height:29px !important;}
.bx-wrapper .bx-prev{left:-40px !important;background:url(images/page/home/btnarrow.png) 0px -29px no-repeat !important;}
.bx-wrapper .bx-next{right:-40px !important;background:url(images/page/home/btnarrow.png) -29px -29px no-repeat !important;}
.bx-wrapper .bx-prev:hover{background:url(images/page/home/btnarrow.png) 0px 0px no-repeat !important;}
.bx-wrapper .bx-next:hover{background:url(images/page/home/btnarrow.png) -29px 0px no-repeat !important;}

#home-about-box{background:url(images/page/about/abt-bg.jpg) no-repeat center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;padding:260px 0 10px 0;margin-top:-200px;}
#home-about-box .containerbox{max-width:1000px !important;width:100%;}  
.homeaboutleft{float:left;width:45%;}
.homeaboutright{float:right;width:53%;text-align:left;}
.homeaboutright a{background:#386eaf;
width:160px;
height:40px;
padding:9px 0;
border:none;
cursor:pointer;
color:#fff;
font-size:16px;
border-radius:8px;
display:block;
text-align:center;
margin-top:30px;}
.homeaboutright a:hover{background:#002849;}

#home-customer-box{padding:30px 0;}
#home-customer-box ul{margin:0;padding:0;list-style:none;float:left;width:100%;}
#home-customer-box ul li{float:left;margin:0 21px;}
/*********** End Home page ***********/	 




/*********** Begin Page ***********/	

#page {position:relative; z-index:20; clear:both;}
#page img{max-width:100%;height:auto;}

#page-content { clear:both; padding:30px 0 0px 0; position:relative;}
#page-content .containerbox{max-width:1100px; margin:0 auto; width:100%;}
#page-content h2{font-family: 'Market_Deco';text-align:center;font-size:28px;color:#fff;text-transform:uppercase;font-weight:normal;margin-bottom:38px;}
#page-content h2:after{content:"";border-bottom:2px solid #fff;display:block;width:35%;margin:10px auto;}
#page-content h3{font-family: 'Market_Deco';font-size:23px;color:#fff;text-transform:uppercase;font-weight:normal;margin-bottom:16px;}
#page-content h3:after{content:"";border-bottom:2px solid #fff;display:block;width:45%;margin:10px 0;}
#page-content h4{color:#5da9e8;font-size:16px;font-weight:bold;margin-bottom:16px;}

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

/*********** Begin About ***********/
#aboutbox01{margin-bottom:30px;}
#aboutbox01 h3{text-align:left;}
#aboutbox01 h3:after{display:none;}
.abtleft01{float:left;width:41%;}
.abtright01{float:right;width:57%;}
.abtleft02{float:left;width:57%;clear:both;}
.abtright02{float:right;width:41%;}

#aboutbox02{background:url(images/page/about/abt-bg.jpg) no-repeat center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;text-align:center;padding:30px 0;}
/*********** End About ***********/	

/***************BEGIN DURR*****************/
#durrbox01{margin-bottom:60px;}
#durrbox01 h3{border-bottom:2px solid #fff;display:inline-block;padding-bottom:5px;}
#durrbox01 h3:after{display:none;}

#durrbox01 ul, #durrbox02 ul, #durrbox03 ul, #durrbox04 ul, #durrbox05 ul{margin:0;padding:0;list-style:url(images/general/bullet.png);margin-left:20px;}
#durrbox01 ul li,#durrbox02 ul li, #durrbox03 ul li, #durrbox04 ul li, #durrbox05 ul li{margin-bottom:25px;line-height:22px;}
#durrbox02 ul ul, #durrbox03 ul ul{margin-left:33px;}
#durrbox02 ul ul li, #durrbox03 ul ul li{list-style:url(images/general/bullet02.png);}
.durr-left01{float:left;width:48%;}
.durr-right01{float:right;width:49%;}

#durrbox02{padding-bottom:75px;}
.durr-left02{float:left;width:49%;}
.durr-right02{float:right;width:48%;}

#durrbox03{background:#21272d;padding:50px 0 80px 0;}
#durrbox03 ul{padding-right:60px;}
.durr-left03{float:left;width:48%;}
.durr-right03{float:right;width:48%;}

#durrbox04{background:url(images/page/contact/enquiry-bg.jpg) center center no-repeat;padding:30px 0 50px 0;}
#durrbox04 h4{color:#fff;}
#durrbox04 ul.kitlist{margin:0;padding:0;list-style:none;}
#durrbox04 ul.kitlist li{padding:0;margin:0;text-align:center;float:left;width:25%;}

#durrbox05{padding:40px 0;}
#durrbox05 ul li{float:left;width:45%;}
/***************END DURR****************/
/*********** Begin Total Solutions ***********/
#solutionbox01{text-align:center;}

#solutionbox01 ul{margin:0;padding:0;list-style:none;float:left;width:100%;margin-top:25px;}
#solutionbox01 ul li{float:left;width:30%;margin:0 16px;min-height:300px;}
#solutionbox01 ul li h4{text-transform:uppercase;margin-top:10px;}

#solutionbox02{background:url(images/page/about/abt-bg.jpg) no-repeat center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;padding:60px 0 40px 0;}
#solutionbox02 h2{text-align:left;margin-bottom:22px;}  
#solutionbox02 h2:after{margin:10px 0;width:60%;}
#solutionbox02 ul{margin:0;padding:0;list-style:url(images/general/bullet.png);margin-left:20px;}
#solutionbox02 ul li{margin-bottom:15px;line-height:22px;}
#solutionbox02 ul ul{margin-top:5px;}
#solutionbox02 ul ul li{list-style:url(images/general/bullet02.png);margin-bottom:4px;}
.solutionleft02{float:left;width:40%;}
.solutionright02{float:right;width:55%;}
/*********** End Total Solution ***********/	

/*********** Begin Mechanical Work ***********/	 
#mechanicalbox01{text-align:center;}
#mechanicalbox01 ul.mechanical-list{margin:0;padding:0;list-style:none;float:left;width:100%;margin-top:25px;margin-bottom:90px;}
#mechanicalbox01 ul.mechanical-list li{float:left;width:20%;margin:0 26px;}

#mechanicalbox01 ul.mechanical-list01{margin:0;padding:0;list-style:none;float:left;width:100%;margin-top:25px;margin-bottom:60px;}
#mechanicalbox01 ul.mechanical-list01 li{float:left;width:50%;}

#mechanicalbox02{background:url(images/page/about/abt-bg.jpg) no-repeat center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;padding:60px 0 60px 0;text-align:center;}

#mechanicalbox03{padding:30px 0 60px 0;}  
#mechanicalbox03 ul{margin:0;padding:0;list-style:none;}
#mechanicalbox03 ul li{float:left;width:20%;text-align:center;}
#mechanicalbox03 ul li img{border:1px solid #fff;}
/*********** End Mechanical Work ***********/	
#fabrication01{text-align:center;}
#fabrication01 ul.fabrication-list{margin:0;padding:0;list-style:none;float:left;width:100%;margin-top:25px;margin-bottom:70px;}
#fabrication01 ul.fabrication-list li{float:left;width:15%;margin:0 25px;}
#fabrication01 ul.fabrication-list01{margin:0;padding:0;list-style:none;float:left;width:100%;margin-top:25px;margin-bottom:20px;}
#fabrication01 ul.fabrication-list01 li{float:left;width:50%;}
#fabrication01 ul.fabrication-list02{margin:0;padding:0;list-style:none;float:left;width:100%;margin-top:25px;margin-bottom:100px;}
#fabrication01 ul.fabrication-list02 li{float:left;width:33.3%;}

#fabrication02{text-align:center;background:url(images/page/product/fabrication/fabrication-bg.jpg) no-repeat center center;-webkit-background-size: cover;  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;padding:25px 0 40px 0;}
#fabrication02 h2{color:#494d51;font-size:28px;}  
#fabrication02 h2:after{border-bottom:2px solid #494d51;}


#fabrication03{background:url(images/page/contact/enquiry-bg.jpg) no-repeat center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;text-align:center;padding:30px 0 30px 0;}
  
#fabrication04{padding:30px 0 40px 0;}  
#fabrication04 ul{margin:0;padding:0;list-style:none;}
#fabrication04 ul li{float:left;width:20%;text-align:center;margin-bottom:15px;}
#fabrication04 ul li img{border:1px solid #fff;} 
/*********** Begin Contact ***********/	 
#contactbox01{}
.contactleft01{float:left;width:50%;}
.contactright01{float:left;width:50%;background:#21272d;padding-top:20px;min-height:500px;}
#contactbox01 .contactright01 h3{text-align:center;margin-bottom:20px;}
#contactbox01 .contactright01 h3:after{content:"";border-bottom:2px solid #fff;display:block;width:48%;margin:10px auto;}
.contactright01 ul{margin:0;padding:0 20px;list-style:none;}
.contactright01 ul li{margin-bottom:20px;}
.contactright01 ul li span{display:inline-block;vertical-align:top;}
.contactright01 ul li span.icon01{width:30%;padding-left:25px;background:url(images/page/contact/contact-icon.png) no-repeat 0 0;}
.contactright01 ul li span.icon02{width:30%;padding-left:25px;background:url(images/page/contact/contact-icon.png) no-repeat 0 -18px;}
.contactright01 ul li span.icon03{width:30%;padding-left:25px;background:url(images/page/contact/contact-icon.png) no-repeat 0 -36px;}
.contactright01 ul li span.icon04{width:30%;padding-left:25px;background:url(images/page/contact/contact-icon.png) no-repeat 0 -54px;}
.contactright01 ul li span.icon05{width:30%;padding-left:25px;background:url(images/page/contact/contact-icon.png) no-repeat 0 -71px;}
.contactright01 ul li span.icon06{width:30%;padding-left:25px;background:url(images/page/contact/contact-icon.png) no-repeat 0 0px;}

#contactbox02{background:url(images/page/contact/enquiry-bg.jpg) no-repeat center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;text-align:center;padding:50px 0 150px 0;margin-top:55px;}
#contactbox02 h3:after{content:"";border-bottom:2px solid #fff;display:block;width:48%;margin:10px auto;}


.formleft{float:left;width:49%;}
.formright{float:right;width:49%;}
.wpcf7-form{text-align:left;}
.wpcf7-form ul{margin:0;padding:0;list-style:none;}
.wpcf7-form ul li{margin-bottom:18px;}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"]{
border:1px solid #fff;
width:100%;
padding:18px 20px;
background:none;
color:#fff;font-size:16px;
}
.wpcf7-form textarea{
border:1px solid #fff;
width:100%;
padding:18px 20px;
height:278px;
background:none;
font-family:inherit;
color:#fff;font-size:16px;
}

.wpcf7-form input::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder {
   color: #c2c2c2;font-size:16px;
}

.wpcf7-form input:-moz-placeholder, .wpcf7-form textarea:-moz-placeholder { /* Firefox 18- */
  color: #c2c2c2;font-size:16px;
}

.wpcf7-form input::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #c2c2c2;font-size:16px;
}

.wpcf7-form input:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder {  
   color: #c2c2c2;font-size:16px;
}

.wpcf7-form input[type="submit"]{
background:#386eaf;
width:170px;
height:43px;
border:none;
cursor:pointer;
color:#fff;
font-size:16px;
border-radius:8px;
float:left;
margin-top:20px;
}
.wpcf7-form input[type="submit"]:hover{

}
.wpcf7-form input.wpcf7-captchar{
width:100px;
}
div.wpcf7 img.ajax-loader{
margin-right:5px;
}
/*********** End Contact ***********/	 

.bxslider-gallery{margin-bottom:100px;}
.bxslider-gallery .bx-wrapper img{margin:0 auto;}
.bxslider-gallery .gallery-wrapper{background:#231f20;padding:10px 10px;margin-bottom:40px;}
.bxslider-gallery .bx-controls-direction{display:none;}
.bxslider-gallery .bxpager img{border:4px solid #fff;}

.pastright{float:right;width:70%;}
.pastleft{float:left;width:25%;}
.pastleft ul{margin:0;padding:0;list-style:none;}
.pastleft ul li{text-align:left;margin-bottom:8px;text-transform:uppercase;}
.pastleft ul li a{color:#fff;padding:12px 25px;display:block;border:1px solid #777a7d;}
.pastleft ul li a:hover{background:#314964;}
.pastleft ul licurrent-menu-item a, .pastleft ul li.current_page_item a{background:#314964;}

#page-content .pastright h2{text-align:left;margin:0;}
#page-content .pastright h2:after{width:100%;}
/**********************************************/

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

.slicknav_menu {
	display:none;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1200px) {
#page-content .containerbox, #home .home-content, #footer-layout, .header-content{padding-left:20px;padding-right:20px;}
	
}
@media (max-width: 820px) {
div.container-slide{max-width:100%;width:100%;}
div.container-slide div.align-slider{max-width:100%;width:100%;left:inherit;margin:0;}

}


@media (max-width: 700px) {
	#menu_container {	display:none;	}
	
	.slicknav_menu {	display:block;	}
	#home-about-box{margin:0;padding:50px 0;}
	.homeaboutleft{float:none;width:100%;}
	.homeaboutright{float:none;width:100%;}
	#home-customer-box ul{margin:0 auto;text-align:center;}
	#home-customer-box ul li{float:none;display:inline-block;}
	.social-icon{margin-top:10px;}
	
	.abtleft01{float:none;width:100%;margin-bottom:20px;}
	.abtright01{float:none;width:100%;}
	.abtright02{float:none;width:100%;}
	.abtleft02{float:none;width:100%;}
	
	.durr-left01{float:none;width:100%;margin-bottom:20px;}
	.durr-right01{float:none;width:100%;}
	
	.durr-left02{float:none;width:100%;}
	.durr-right02{float:none;width:100%;}
	
	.durr-left03{width:100%;float:none;}
	.durr-right03{width:100%;float:none;}
	#page-content h3{text-align:left;}
	#page-content h4{text-align:left;}
	#durrbox03 ul{padding:0;}
	#durrbox04 ul.kitlist{margin:0 auto;text-align:center;}
	#durrbox04 ul.kitlist li{float:none;display:inline-block;width:49%;}
	
	#durrbox05 ul li{float:none;width:100%;text-align:left;}
	.contactleft01{float:none;width:100%;}
	.contactright01{width:100%;float:none;padding:30px 0;}
	
	.contactright01 ul li span.icon01{width:100%;margin-bottom:3px;}
	.contactright01 ul li span.icon02{width:100%;margin-bottom:3px;}
	.contactright01 ul li span.icon03{width:100%;margin-bottom:3px;}
	.contactright01 ul li span.icon04{width:100%;margin-bottom:3px;}
	.contactright01 ul li span.icon05{width:100%;margin-bottom:3px;}
	.contactright01 ul li span.icon06{width:100%;margin-bottom:3px;}
	
	.formleft{float:none;width:100%;}
	.formright{float:none;width:100%;}
	
	.bx-wrapper .bx-prev{left:0px !important;}
.bx-wrapper .bx-next{right:0px !important;}
#page-content .solutionlist{padding-left:30px;}

.pastleft{float:none;width:100%;}
.pastright{float:none;width:100%;}

#solutionbox01 ul{float:none;}
#solutionbox01 ul li{float:none;width:100%;vertical-align:top;margin:0;}
#solutionbox01 ul li h4{text-align:center;}
.solutionleft02{float:none;width:100%;margin-bottom:20px;}
.solutionright02{float:none;width:100%;}

#fabrication01 ul.fabrication-list li{float:none;width:100%;margin:0;}
#mechanicalbox01 ul.mechanical-list li{float:none;width:100%;margin:0;}
}