@import "css/skeleton.css";

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#6e6c6c; background:#f5f5f5; -webkit-text-size-adjust: none;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#6e6c6c;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#e45925; text-decoration:none;}

.button{ display:inline-block; padding:6px 22px 8px; margin: 28px 0 0 0; font-size: 12px; line-height: 16px; color:#fff;background: url('images/button.png') repeat-x ;}
.button:hover{ background:#045FB3; color:#fff;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {background: url('images/header_bg.jpg') repeat-x;position: relative; z-index:10;}
header h1{width:338px;float:left; font-family: 'Philosopher', sans-serif;}
header h1 a {display:block;width:338px;height:36px; text-decoration:none; font-size: 38px; color: #000}
header h1 a:hover {color: #fff}
header .top{padding: 58px 21px 54px 9px;overflow: hidden;}

.top_bord{border-top: 3px solid #e24f20;}

/*********************************navigation*************************************/
nav{ background: url('images/menu_bg.gif') repeat-x #e7e7e7; height: 68px;}
.sf-menu ul {  display:none;/* left offset of submenus need to match (see below) */}
.middle {width: 1000px; margin: 0 auto;}
.sf-menu ul li {width:100%;}
.sf-menu li {float:left;position:relative}

.sf-menu>li>a{display:block;position:relative; font-size: 16px; line-height: 17px; color:#fff;font-weight:bold; width:189px;padding: 27px 0 24px;text-align:center;position: relative;overflow: hidden; font-family: 'Philosopher', sans-serif;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{font-size: 28px}
.sf-menu>li>a>em{display:block;width:0;height:0;position: absolute; bottom:200%;left:50%;right:50%;top:auto;background:#fa5758;height:3px;}
.sf-menu>li>a:hover>em,.sf-menu>li.current>a>em,.sf-menu>li.sfHover>a>em{bottom:0;left:0;right:0;width:100%;}

.sf-menu>li{border-left:1px solid #d0d0d0;}
.sf-menu>li:first-child{border-left:none;}
.sf-menu a{}


#menu-icon{display:none;}

.sf-menu li a .menu-arrow{display:inline-block; width:5px;margin: -3px 0 0 5px;height:3px;text-indent:-100%; font-size:0; line-height:0;background: url('images/menu_arrow.png') no-repeat;vertical-align: middle;}
	 .sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a:hover .menu-arrow{background-position:0;}



/*********************************content*************************************/
#content {padding:27px 0px 57px 0px; z-index:8;}
.cont_pad{padding:0 0 57px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:20px}
.p2{ margin-bottom:14px;}
.p3{ margin-bottom:11px;}
.p4{ margin-bottom:24px;}
.p5{ margin-bottom:7px;}
.p6{ margin-bottom:4px;}
.p7{ margin-bottom:30px;}
.p8{ margin-bottom:20px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(images/marker1.png) 0 8px no-repeat; margin-bottom:10px; padding-left:17px;}
.list1 a:hover{color:#222222;}

.list2{}
.list2 li{ background:url(images/marker1.png) 0 8px no-repeat; padding-left:15px;border-bottom:1px solid #dfdfdf;margin-bottom:10px;padding-bottom:9px;}
.list2 a{font-size:14px;}

.last_li{border:none !important;padding-bottom:0 !important;margin-bottom:0 !important;}

.list3{}
.list3 li{ background:url(images/marker1.png) 0 8px no-repeat; margin-bottom:10px; padding-left:17px;}
.list3 li a{color: #6e6c6c;}
.list3 a:hover{color:#222222;}
/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 25px; line-height: 30px; color:#434141;font-weight:600;letter-spacing:-1px; margin-bottom:23px;}
h2 span{display:block;margin-top:-4px;}

h2.ind{ margin-bottom:20px;}
h2.ind1{ margin-bottom:25px;}
h2.ind2{ margin-bottom:18px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.offer .title, .flexslider .banner .text, .manufacturing .title, h3, .search_list h4{font-family: 'Philosopher', sans-serif;}
.sf-menu>li>a, h2, #menu-icon, .solution>figure{font-family: 'Philosopher', sans-serif;}

/*================================>> hovers <<========================================*/
.sf-menu>li>a, .sf-menu em, .list1 a, .button, footer a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.flexslider li .banner{-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}



.link1{color:#024182;font-size:14px;}
.link1:hover{color:#6e6c6c;}

.overview{margin-bottom:32px;}


.m_bot1{margin-bottom:40px;}
.m_bot2{margin-bottom:47px;}
.m_bot3{margin-bottom:42px;}
.m_bot4{margin-bottom:30px;}

.service2>li{margin-bottom:13px;}
.service2>li>figure{margin: 7px 20px 0 0;}

.manufacturing{padding: 32px 0 54px;color:#6e6c6c;background:#fff;}
.manufacturing .title{font-size: 30px; line-height: 36px; color: #3f3f41; font-weight:bold; font-style:italic;letter-spacing:-1px;margin-bottom:16px;padding-left:40px;}

.manufacturing ul{margin-top:-5px;}

.solution1>figure{width:69px;height:58px;text-align:center;font-size: 36px; line-height: 44px; color: #fff; font-weight:600;margin: 0 11px 2px 0;background:#0988FF;border-radius:100%;padding: 11px 0 0;}


/****************************footer************************/
footer {background: url('images/footer.png') repeat-x;}
.footer_box{padding:10px 0 10px;}
footer .privacy{padding: 20px 0 20px 32px;}
footer .privacy, footer .privacy a{color:#fff;}
.f_logo{display:inline-block;margin: -2px 5px 0 0;}
footer a:hover{color:#000;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .solution1>div{overflow: visible;}
 .solution1>figure{float: none;margin:0 auto 20px;}
 .project .text{padding: 12px 15px 23px 20px;}
 .shadow{box-shadow: none !important;}
 .flexslider{height: 368px;}
 .flex-control-nav{padding-bottom:10px;}

}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .manufacturing{padding:20px 30px;}
 .manufacturing .title{padding-left:0;}

 header h1{margin-bottom:20px;}
 .flexslider .banner .text{font-size:24px;line-height:29px;}
 .offer_box{padding:10px 0;}
 .offer{padding:10px 20px;border-color: #fff;}
 img{width:100%;}
 .flexslider{height: 204px;}
 .offer_box .grid_8{margin-bottom:0;}
 .pad_box{padding-right:0;border:none;}
 footer .f_menu, footer .social{float: none;}
 footer .f_menu{padding:0;}
 footer .social{padding: 15px 0 0 17px ;}
 footer .privacy{padding: 30px 20px 20px;}
 .service2>li>div{overflow: visible;}
 .solution1>div{overflow: hidden;}
 .solution1>figure{float: left;margin:0 25px 2px 0;}
  .flex-control-paging{right:50%;margin-right:-50px;}
  .flex-control-paging li{margin-left:10px;}
  .flexslider .banner{display:none;}
  .flexslider .flex-active-slide .banner{bottom:10px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 header .top{padding:30px 13px;}
 header h1{margin-bottom:0;}
 header h1{width: auto;}
 header h1 a{background-size: contain;width: auto;}
 .flexslider .banner .text{font-size:18px;line-height:22px;}
 .service2>li>figure{width:100%;float: none;margin-bottom:20px;}
 .f_menu, .flexslider .flex-active-slide .banner{display:none;}
 .flexslider{height: 146px;}
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	 .sf-menu>li>a{width:150px;}
   .sf-menu>li:first-child a{width:154px;}
}

@media only screen and (max-width: 767px) {
  .menu-arrow{display:none !important;}
  nav{
		float:none;
		font:12px/20px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#3e3e3e;
		padding:29px 10px;
	}
		nav:before{
			content:'Menu:';
			display:block;
			margin-bottom:5px;
		}
	nav select{
		font:12px/21px Arial, Helvetica, sans-serif;
		color:#464646;
		width:100%;
		border:2px solid #9e9e9e;
	}
  .sf-menu{display:none;}
}

@media only screen and (max-width: 479px) {
	
}