@charset "utf-8";

/* CSS Document */



@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

body {

	font: 14px/20px 'Roboto', sans-serif;

	color: #6a6a6a;

	 overflow-X: hidden;

}

section{overflow:hidden;}

#footer section{ overflow:visible;}	

a, #main-menu > li > a:before, #main-menu > li > a:after,.slide-control div {

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

#top {

	border-bottom: 1px dotted #CCC;

	font-size: 14px;

}

#top a {

	display: inline-block;

	border-right: 1px dotted #ccc;

	text-decoration: none;

	color: #6a6a6a;

}

#top .info {

	float: left;

}



#top .account-menu {

	float: right;

}

#top .account-menu a i {

	color: #f58220;

}

.logo {

	float: left;

	padding: 30px 0;

}

.menu {

	float: right;



}

#main-menu {

	display: block;

	margin: 0;

	padding: 0;

	text-decoration: none;

}



#main-menu > li > a {

	text-transform: uppercase;

	display: block;

	text-decoration: none;

	color: #6a6a6a;

	position: relative;

	overflow: hidden;

}



.shoping-cart {

	display: table;

	padding: 43px 0;

}

.shoping-cart a.cart-btn {

	display: table-cell;

	background: url(../images/cart-icon.png) no-repeat top left;

	width: 44px;

	height: 39px;

	background-size:contain;

}

.shoping-cart .cart-item {

	display: table-cell;

	width: 39px;

	height: 39px;

	background: #f58220;

	border-radius: 6px;

	position: relative;

	color: #FFF;

	text-align: center;

	-webkit-border-radius: 6px;

	vertical-align:middle;

}

.shoping-cart .cart-item:before {

	content: "";

	display: block;

	border-style: solid;

	border-color: transparent #f58220 transparent transparent;

	border-width: 5px 6px 5px 0;

	position: absolute;

	left: -6px;

	top: 50%;

	margin-top: -5px;

}

.center{ text-align:center;}

#slider,#inner-slider,#map-fix{ position:relative;}

.slider-wrap{ width:1903px; height:810px;}

#slider:before,#inner-slider:before,#map-fix:before{ content:""; display:block; position:absolute; top:0; left:50%; width:100%; max-width:1170px; height:100px; background:url(../images/shadow-slider.png) no-repeat top left; background-size:100% 100%;     transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);   z-index: 50; pointer-events:none;  }



.ms-layer.title{ font-size:35px; color:#FFF; background:rgba(0,0,0,0.7);  border-left:2px solid #f58220; line-height: normal; padding:10px; font-weight:300; text-transform:uppercase; text-shadow:3px 3px 8px #000; }



#intro{background:#FFF url(../images/parallax-1.jpg) 5% 0; background-size:cover; min-height:491px; background-attachment:  fixed;}

.underline { margin:0 0 18px 0;}

.underline span{ position:relative; font-weight:300; text-transform:uppercase; padding-bottom:5px; display:inline-block;}

h1..underline span{ font-size:30px;}

.underline span:after{ content:""; display:block; width:100px; height:1px ; background:#f58220 ; position:absolute; bottom:0; left:50%; margin-left:-50px;}

.white{ background:#FFF;}

.white-block{ background:#FFF; width:100%;max-width:585px; padding:75px 0;}

a.know-more{ display:inline-block; text-transform:uppercase; color:#FFF; background:#f58220; text-decoration:none; padding:8px 15px; margin:10px 0 0 0;}

a.know-more:hover{ background:#666;}



.icon-bg{ width:161px; height:161px; background-position:bottom left; position:relative; background-size:100%; float:left; margin:10px 0 28px 25px;}

.icon-bg:nth-of-type(1){ background:url(../images/icon-bg1.png);background-position:bottom left; background-size:100%;}

.icon-bg:nth-of-type(2){ background:url(../images/icon-bg2.png);background-position:bottom left; background-size:100%;}

.icon-bg:nth-of-type(3){ background:url(../images/icon-bg3.png);background-position:bottom left; background-size:100%;}

.icon-bg:nth-of-type(4){ background:url(../images/icon-bg4.png);background-position:bottom left; background-size:100%;}

.icon-bg span {display: block; position: absolute; background: #F58220; color: #FFF; padding: 5px 10px; border-radius: 5px; -webkit- border-radius: 5px; -moz- border-radius: 5px;  bottom: -27px;  max-width: 100px; text-transform: uppercase; right: 0; -moz-box-shadow: 2px 2px 5px #A2A2A2;

-webkit-box-shadow: 2px 2px 5px #A2A2A2;

box-shadow: 2px 2px 5px #A2A2A2;

filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#A2A2A2');

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#A2A2A2')";

}

.icon-bg span, .icon-bg {-webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}

.icon-bg:hover{ background-position:top left;}

.icon-bg:hover span{ background:#7A7A7A;}

.trans-block{ max-width:585px; width:100%;}

.newsupdate{ background:rgba(255, 255, 255, 0.92); color:#505050; position:relative; margin:75px 30px; border:none;}

.newsupdate .panel-body{ padding:15px 15px  0 15px ;}

.newsupdate ul{ list-style-type:none; padding:0;}

.newsupdate ul.demo1 li a{ color:#505050; text-decoration:none; display:table-cell; padding-left:15px;}

.newsupdate ul.demo1 li .content{ display:table; width:100%; padding:10px 0;}

.newsupdate ul.demo1 li .content:before{ background:url(../images/news-ico.png) no-repeat top left; display:table-cell; width:40px; height:40px; content:"";}

.panel-footer{position:absolute;bottom:0;right:0;padding: 0;border: none;background: transparent;}

.panel-footer ul li a{position: relative;float: left;padding:2px 5px ; background:#f58220; color:#FFF;}

.panel-footer ul li a:hover{ background:#7A7A7A;}

#product_display{ background:#f6f6f6; background-attachment:fixed; padding:125px 0; }

#product_display figure img{ margin:0 auto; display:block; max-width:100%;}

.prod_block{background:#FFF;  width:100%; position:relative; margin:15px 0;}

.prod_block:after{ content:""; display:block; width:100%; height:15px; background:url(../images/shadow-prod.png) no-repeat top left; background-size:100% 100%; position:absolute; bottom:-16px; left:0; opacity:0.5;}

.prod_block figure{padding: 15px 25px 0;}

.prod_data{width:100%;background:#FFF;padding: 0 25px 15px;}

.prod_data:before{content:""; display:block; width:100%; height:1px; border-top:1px solid #f58220;}

.prod_data h4{ text-transform: uppercase;}

h4.price{ color:#f58220; font-size:22px;}

.more-data{ overflow:hidden; width:100%; height:auto; max-height:0;  background:#FFF;  padding:0 25px; position:relative;

-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;}

.prod_block,.prod_block:after{-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;}	

.more-data p{ margin:0 0 5px; font-size:15px;}

.prod_block:hover:after{opacity:0; bottom:-100px;}

.prod_block:hover .more-data{ max-height:200px; margin-bottom:-200px; position:relative; z-index:500; padding:0 25px 15px;  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.23); }

.prod_block:hover{ transform:scale(1.1); z-index:100; box-shadow:1px 2px 16px rgba(0, 0, 0, 0.23);}

.prod_block:hover .more-data p{  -webkit-animation-duration: 1s;          animation-duration: 1s;  -webkit-animation-fill-mode: both;   animation-fill-mode: both;   -webkit-animation-name: slideInRight;      animation-name: slideInRight;  -webkit-animation-duration: .75s;          animation-duration: .75s;}

.prod_block:hover .more-data a.add-cart{  -webkit-animation-duration: 1s;          animation-duration: 1s;  -webkit-animation-fill-mode: both;   animation-fill-mode: both;   -webkit-animation-name: slideInLeft;      animation-name: slideInLeft;  -webkit-animation-duration: .75s;          animation-duration: .75s;}

a.add-cart{display:block;background:#f58220;color:#FFF;font-size: 18px;padding: 21px 60px 21px 21px;position: relative;text-align: center; text-decoration:none; margin:10px 0;}

a.add-cart span{background: #000;padding: 16px; position: absolute; right: 0; top: 0;  font-size: 30px;}

.h-row{ width:100%; float:left; padding:7px 0;}

#product_display .h-row:nth-of-type(1){ margin-top:15px;}

.prod_block figure img { max-width:100%;}

#partner img{ margin:30px auto;}



#clients{background:#FFF url(../images/parallax-2.jpg) 5% 0; background-size:cover; padding:150px 0; background-attachment:  fixed; position:relative; color:#FFF; }

#clients:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}

#client_scroll .item img { width:auto; display:inline-block; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); top:50%; left:50%; position:absolute; max-width:90%;}

#client_scroll .white_frame{ background:rgba(255,255,255,0.7); width:100%; height:100px; text-align:center; position:relative; }

#clients h1.underline{ margin-bottom:50px;}

.slide-control div{display:inline-block;cursor:pointer;background:#7a7a7a;font-size: 25px;width: 35px;border-radius: 100%;-webkit-border-radius: 100%;height: 35px;line-height: 30px;text-align: center; color:#FFF;}  

.slide-control div:hover{ transform:scale(0.9);}

.slide-control .owl-next{ background:#f58220;}



footer{ background:#1F1F1F; color:#8C8C8C;}

#pre-footer{ padding:80px 0 30px;}

#cmsinfo_block .elements_info {

	margin-top: 41px;

	margin-bottom: 50px

}



#cmsinfo_block .elements_info h3 span {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% - 70px);

    padding-bottom: 6px;

}

#cmsinfo_block .elements_info h3 {

    font: 500 20px/30px 'Roboto', sans-serif;

    margin: -3px 0 31px;

    text-transform: uppercase;

    color: #102747;

    letter-spacing: 0.06em;

}

#cmsinfo_block .elements_info h3:before {

    width: 68px;

    overflow: hidden;

    font-size: 50px;

    line-height: 1;

    display: inline-block;

    vertical-align: middle;

    color: #F58220;

    font-weight: normal;

	font-family: 'FontAwesome';

}

.fl-bigmug-line-wallet26:before {

    content: "\f09d ";

}

.fl-bigmug-line-planetary2:before {

    content: "\f0d1";

}

.fl-bigmug-line-email67:before {

    content: "\f0e0";

}

#cmsinfo_block .elements_info p {

    margin-bottom: 21px;

}

#cmsinfo_block .elements_info:nth-child(2), #cmsinfo_block .elements_info:nth-child(5), #cmsinfo_block .elements_info:nth-child(8) {

    border-left: 1px solid #d2dae3;

    border-right: 1px solid #d2dae3;

}

#cmsinfo_block .elements_info .pay_box {

    margin-bottom: 3px;

}

#cmsinfo_block .elements_info .pay_box a {

    display: inline-block;

    margin-right: 10px;

    margin-top: 9px;

    -moz-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    -webkit-transition: 0.3s ease;

    transition: 0.3s ease;

}

#cmsinfo_block .elements_info .pay_box a:hover {

    opacity: 0.5;

}

.footer-container {

    padding: 0 0 60px;

    position: relative;

    overflow: hidden;

}

.footer-container #footer .footer-block {

    width: 20%;

    padding: 50px 30px;

    float: left;

    position: relative;

	background:#1F1F1F;



}

.footer-container #footer {

    border-bottom:1px solid #464646;

}

.footer-container #footer .footer-block:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    height: 1000px;

    border-left:1px solid #333333;

}

.footer-container #footer h4 {

    font: 500 20px/30px "Roboto",sans-serif;

    color: #B1B1B1;

    margin: 0 0 20px 0;

    text-transform: uppercase;

    letter-spacing: 0.06em;

}

.footer-container .bottom-footer {

    padding: 0 30px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 60px;

    line-height: 60px;

    background:#101010;

    z-index: 2;

    border: none;

}

.footer-container .bottom-footer a{ color:#7D7B7B;}

.footer-container #footer ul {

    margin: 0; list-style:none; padding:0;

}

.footer-container #footer ul li {

    text-transform: uppercase;

    padding: 5px 0 6px;

    letter-spacing: 0.06em;

}

.footer-container #footer ul li a {

    color: white;

}

.footer-container #footer h4 a {

    color: #B1B1B1;

}

.text-box{ text-align:center;}

#footer #newsletter_block_left .form-group .form-control {

    width: 100%;

    height: 52px;

    line-height: 30px;

    background: none;

    color: white;

    padding: 11px 12px;

    display: block;

    border: 1px solid #656565;

    border-radius: 0;

    margin-bottom: 30px;

}

.btn-primary {

    color: white;

    background:#F58220;

    border-color: #F58220;

}

.footer-container #footer #block_contact_infos > div ul li {

    text-transform: none;

    padding-left: 45px;

    padding-bottom: 10px;

    position: relative;

    letter-spacing: 0;

}

.footer-container #footer #block_contact_infos > div ul li:before {

    color:#F58220;

    font-size: 29px;

    position: absolute;

    left: 2px;

    top: 6px;

	font-family: 'FontAwesome';

}

.footer-container #footer #block_contact_infos  ul li.address-box:before {

    content: "\f041 ";

    display: inline-block;

    font-weight: normal;

}



.footer-container #footer #block_contact_infos  ul li.phone-box:before {

    content: "\f095 ";

    display: inline-block;

    font-weight: normal;

}

.footer-container #footer #block_contact_infos  ul li.mail-box:before {

    content: "\f003 ";

    display: inline-block;

    font-weight: normal;

}

.footer-container #footer #block_contact_infos #social_block {

    padding: 36px 0 0;    clear: both;    width: 100%;

}

.footer-container #footer #social_block ul li {

    display: inline-block;

    margin-right: 15px;

    padding: 0 !important;

    left: 0 !important;

}

.footer-container #footer #social_block ul li a {

    font-size: 20px;

    line-height: 1;

    color: white !important;

}

.footer-container #footer ul li a:hover{ color:#F58220; text-decoration:none;}

a.contact{

    display: inline-block;

    background: transparent;

    color:  #F58220;

    padding: 14px 40px;

    border-radius: 5px;

    text-transform: uppercase;

    border: 2px solid #F58220;

}

a.all{display:inline-block;padding:15px 30px;text-decoration:none;background:#7a7a7a;color:#FFF;margin: 30px  0;text-transform: uppercase;font-size: 17px; border-radius:4px;}

a.all:hover{ background:#f58220;}



#page-content{ padding:30px 0;}



#inner-slider h1{ display:block;}

.orange-pipes{ background:#CFCFCF url(../images/innerbanner.jpg) no-repeat center center; background-size:cover;}

#inner-slider h1{display:block; text-align: center;margin:90px 0;}

#inner-slider h1{ position:relative; z-index:5}

#inner-slider h1 span{position:relative;color: #FFF;text-transform: uppercase;border: 1px solid #FFF;padding: 6px 15px;background: rgba(0,0,0,0.2); display:inline-block; font-weight:300;}

#inner-slider h1 span:after {

    height: 137px;

    content: "";

    border-left: 1px solid #FFF;

    top: -138px;

    position: absolute;

    left: 50%;

}

#inner-slider h1 span:before {

    height: 137px;

    content: "";

    border-left: 1px solid #FFF;

    bottom: -138px;

    position: absolute;

    left: 50%;

}



#inner-slider:after{ content:""; top:0; left:0; right:0; bottom:0; position:absolute; background:rgba(0,0,0,0.3); }

.icon-fix { display:none;}

.flow-chart .block h4{ color:#F58221;}

.vision{ border:1px solid #ccc; border-radius:8px;  padding:8px;}

.vision h3{ font-weight:300;}



#google-map a,#google-map .gmnoprint{ display:none !important;}

#map-fix{ position:relative;}

#map-fix iframe { width:100%; height:300px; }

.form-head{ display:none;}

.form-box{ width:100%; padding:15px;}

.enquiry input[type="text"],.enquiry textarea,.resume_block input[type="text"],.resume_block input[type="file"]{display:block;width:100%;/*background: rgba(187, 187, 187, 0.65);*/border: 1px solid #DCDCDC; padding:5px; border-radius:4px;}

.enquiry input[type="submit"],.enquiry input[type="reset"]{display:block;width: 50%;border: none;text-transform: uppercase;padding: 13px;border-radius: 5px;background:#ED9141;color: #FFF;margin-top: 15px; float:left;}

.enquiry input[type="reset"]{ width:40%; background:#000; margin-left:15px;}

.enquiry label{ font-weight:normal; margin-top:8px;}

.resume_block input[type="submit"]{display:inline-block;padding: 17px 80px;BACKGROUND: #F58220;BORDER: NONE;COLOR: #fff;TEXT-TRANSFORM: UPPERCASE;MARGIN: 16PX 0 0;FONT-SIZE: 20PX;BORDER-RADIUS: 8PX;}



.enquiry input[type="text"]:focus,.enquiry textarea:focus,.resume_block input[type="text"]:focus,.resume_block input[type="file"]:focus{ outline:none; border-color:#FFB75D; -moz-box-shadow: 0px 0px 4px #ff9812;

-webkit-box-shadow: 0px 0px 4px #ff9812;

box-shadow: 0px 0px 4px #ff9812;

}

.hands{ background:url(../images/partner-banner.jpg) no-repeat bottom center ; background-size:cover; background-attachment:fixed;}

.partner .enquiry h4{ text-transform:uppercase; font-weight:300; padding:0 10px;}

.partner .enquiry textarea{ height:32px;}

.partner .enquiry input[type="submit"]{ width:100%;}

.tech-service > a { display:inline-block; text-decoration:none;}

.tech-service > a img{ display:block;}

.tech-service > a span{text-align:center;display: block;color: #F58220;text-transform: uppercase;font-size: 15px;padding: 2px 0;}

.tech-service p a{ color:#f58220; font-size:18px;}

#page-content.products{ overflow:visible; background:#f6f6f6; padding:0 0 60px;}

#product_filter{background:#f6f6f6; padding:60px 0  30px;}

.filter-fix{ position: relative; width:100%; float:left;}



.select-fix{width:100%;display:table;background: #F6F6F6;position: relative;z-index: 5; border: 1px solid #ccc; border-radius:4px ; -webkit-border-radius:4px ; padding:5px; margin:10px 0;}



.select-fix .tab-cell{ display:table-cell; vertical-align:middle;}

.select-fix label{ width:100%; text-transform:uppercase; margin-bottom:0; }

.select-fix select:focus{ outline:none; box-shadow:0px 0px 4px #f58220;}

.select-fix select{ width:100%; border:none; background:transparent; padding:3px; }

.paging{ margin:10px 0;} 

.paging ul{ display:block; list-style-type:none; padding:0; margin:0; text-align:center;}

.paging ul li{ display:inline-block; margin-left:6px;}

.paging ul li a,.paging ul li span, #paging a.item{display:block;padding: 5px 10px;border: 1px solid #ccc;background: #F6F6F6; border-radius:4px; -webkit-border-radius:4px; text-decoration:none; color:#6a6a6a; text-align:center;}



.paging ul li a:hover, #paging a.item:hover,#paging .owl-controls .owl-nav div:hover{ background:#f58220; }

.paging ul li.active span.current , #paging a.item.current{ background:#E4E4E4;}

.paging ul li.disabled { display:none;}

#paging{ width:100%; max-width:200px;  margin:0 auto}

#paging .owl-prev,#paging .owl-next{display:inline-block;padding: 5px 10px;border: 1px solid #ccc;background: #F6F6F6; border-radius:4px; -webkit-border-radius:4px; text-decoration:none; color:#6a6a6a; text-align:center; pointer-events:all;}

#paging .owl-prev{ float: left; margin-left: -45px;}

#paging .owl-next{ float: right; margin-right: -45px;}

#paging .owl-controls{ position:absolute; top:50%; left:0; width:100%; pointer-events:none; margin-top:-15px;}

.flow-chart{ padding:0 15px;}



.prod-group{ visibility:hidden; height:0; overflow:hidden}

.prod-group.open{ visibility:visible; height:auto; overflow: visible;}

.trig_pop{ display:none;}



@media screen and (min-width:320px) and (max-width:600px){

	.logo{ width:100%; padding:30px 0 0; float:none;}

	.logo img{ margin:0 auto;}

	.menu{ padding:15px 0; float:none; margin:0 auto; max-width:160px;} 

	#main-menu{	top: 155px;}

	.footer-container #footer .footer-block {

    padding: 30px;

    width: 100%;

	}



	

	

.footer-container #footer .footer-block:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 1000px;

    border-top: 1px solid #333333;

	

}

#main-menu > li{ display:block; margin:4px 0;}

#main-menu > li > a{

    text-transform: uppercase;

	padding:8PX 0;

    display: block;

    text-decoration: none;

    color: #6a6a6a;

    position: relative;

    border: 1px solid #ccc;

    text-align: center;



	}

	}

@media screen and (min-width:601px) and (max-width:767px){

	.menu{ padding:43px 0;}

	#main-menu{	top: 100px;}

	.footer-container #footer .footer-block {

    padding: 20px;

    width: 33.33333%;

}	

.footer-container #footer #block_contact_infos{ width:50%; clear:left;}

.footer-container #footer #block_contact_infos:before,.footer-container #footer #newsletter_block_left{ 

	height: auto;

    width: 100%;

    border-left: none;

    border-top: 1px solid #333333;

	}

.footer-container #footer #newsletter_block_left{ width:50%;}

#main-menu > li > a{  padding: 15px;}

#main-menu li{

	display: inline-block;

	margin:2px 0;

	width:30%;

	}

	#main-menu > li > a{

    text-transform: uppercase;

    display: block;

    text-decoration: none;

    color: #6a6a6a;

    position: relative;

    overflow: hidden;

    border: 1px solid #ccc;

    text-align: center;

    margin: 0 auto;	

	}

}

@media screen and (min-width:320px) and (max-width:767px){

	#top{ display:none;}

	section#menu_bar{ overflow:visible;}

	#mob_menu{

	display:block;

	float:left;

	border: 2px solid #F58220;

	background: #000;

	padding: 9px;

	margin-left: 13px;

	border-radius: 5px;

	color: #FFF;

	}

	#main-menu{

	position:absolute;

	left: -15px;

	right: -15px;

	background: #FFF;

	z-index: 100;

	padding: 15px;

	text-align:center;

	display:none;	}

	

	#main-menu > li > a:hover{ color:#f58220; border-color:#f58220;}

	.shoping-cart {

	padding: 0;

	float:left;

	}

	button#mob_menu.on {

    background: #949494;

	}

	.wow:first-child{ visibility:visible;}

	.wow{ animation:none !important;}

	.prod_block{ margin:15px 0;}

	#intro{background:#FFF url(../images/parallax-1.jpg) left;background-size:cover;min-height:491px;}

	#clients .container .col-sm-6:nth-of-type(2) h1.underline{ margin-bottom:10px; margin-top:30px;}

	.slide-control{ width:100%; padding:10px; text-align:right;}

	.white-block{ margin:15px 0; max-width:none; padding:20px;}

	.white{ background:none;}

	.trans-block{ max-width:none;}

	.newsupdate{ margin:0;}

	.icon-bg{ display:inline-block; float:none; margin:10px 5px 28px;}

	#partner img{ margin:0 auto;}

	.h-row{ padding-bottom:0;}

	.form-box{ width:100%; padding:30px;}

	.career img{ display:none;}





	

}

@media screen and (min-width:768px){

	

	.wow:first-child {  visibility: hidden;    }

	#mob_menu{

	display:none;

	}

	.logo img{ margin:0 auto;}

	.logo{ float:none; padding: 20px 0 0; }

	#main-menu > li > a{

	font-size: 14px;

	padding:20px 7px 36px;

	}

	#top .account-menu a:first-child{ border-left:0;}

	#top a{ padding:10px ;}

	.shoping-cart {

	display: table;

	padding:10px 0 27px;

	float:left;

	}

	#main-menu{ float:left; }

	#main-menu > li > a:before {

	content: "";

	display: block;

	position: absolute;

	top: 100%;

	width: 1px;

	background: #f58220;

	left: 50%;

	margin-left: -1px;

	bottom: 0;

}

#main-menu > li > a:after {

	content: "";

	display: block;

	position: absolute;

	top: 100%;

	width: 10px;

	height: 10px;

	background: #f58220;

	border-radius: 100%;

	-webkit-border-radius: 100%;

	left: 50%;

	margin-left: -5px;

}

#main-menu > li > a:hover, #main-menu > li > a.active {

	color: #000;

}

#main-menu > li > a:hover:before, #main-menu > li > a:hover:after, #main-menu > li > a.active:before, #main-menu > li > a.active:after {

	top: 70%;

}

#main-menu li {

	float: left;

	display: block;

}

.icon-bg{

	float:none;

	margin:35px auto;

	}

.newsupdate{

	margin:50px 30px;

	}

#partner img{

	margin:120px auto;

	}

.footer-container #footer .footer-block {

    padding: 20px;

    width: 33.33333%;

}	

.footer-container #footer #block_contact_infos{ width:50%; clear:left;}

.footer-container #footer #block_contact_infos:before,.footer-container #footer #newsletter_block_left{ 

	height: auto;

    width: 100%;

    border-left: none;

    border-top: 1px solid #333333;

	}

.footer-container #footer #newsletter_block_left{ width:50%;}

#intro{background:#FFF url(../images/parallax-1.jpg) 5% 0;background-size:cover;min-height:491px; background-attachment:  fixed; }

.slide-control{ float:right;}



.form-body{ display:table; width:100%;}

.adrs,.enquiry{ width:50%;  padding:15px 30px; display:table-cell; vertical-align:middle; position:relative;}

.partner .enquiry{padding:0;width:100%;display:block;float: left;padding: 10px 0; border: 1px solid #ccc;background: #F5F5F5;border-radius: 6px;}



.adrs p{ padding-left:24px;}

.adrs h2{ margin:0;}

.adrs h4{ font-weight:300;}

#page-content.career{ padding:30px  0 0 ;}

.career-form .underline{ margin:15px;}

.resume_block{ 

padding: 30px; margin-top: 21px;

-moz-box-shadow: 0px -4px 30px #DEDEDE;

-webkit-box-shadow: 0px -4px 30px #DEDEDE;

box-shadow: 0px -4px 30px #DEDEDE;

filter: progid:DXImageTransform.Microsoft.Shadow(strength = 0, direction = 0, color = '#DEDEDE');

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 0, Direction = 0, Color = '#DEDEDE')";}

	.shoping-cart {

	display: table;

	padding: 15px 0;

	}

	.shoping-cart a.cart-btn,.shoping-cart .cart-item{

	 width: 30px;

    height: 30PX;

    background-size: contain;

	font-size:14px;

	}



	.filter-fix .row1{ margin-left:-15px; margin-right:-15px;}

}



@media screen and (min-width:992px){

	

	#main-menu > li > a{

	font-size: 14px;

	padding: 44px 7px;

	}

	.logo{

	max-width:230px;

	float:left;

	padding: 30px 0;



		}

		



	#top a{ font-size:13px; padding:5px 10px;}

	#top .info a:first-child, #top .account-menu a:first-child {

	border-left: 1px dotted #ccc;

	}

	.icon-bg {

    width: 140px;

    height: 140px;

    display: inline-block;

    float: none;

    margin: 7px 7px 33px;

	}

/*	.icon-bg:nth-of-type(3),.icon-bg:nth-of-type(4){margin-bottom:7px;}*/

	.icon-bg span{ bottom:-44px;}

	#partner img{ margin:30px auto;}

	.footer-container #footer .footer-block,.footer-container #footer #block_contact_infos {

    padding: 20px;

    width: 25%;

	clear:none;

	

}

.footer-container #footer #block_contact_infos:before{	

	content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    height: 1000px;

    border-left: 1px solid #333333;

	}

.footer-container #footer #newsletter_block_left{

	width:100%;

	}

.footer-container #footer #newsletter_block_left:before	{

    height: auto;

    width: 100%;

    border-left: none;

    border-top: 1px solid #333333;

}

a.add-cart span{ padding:8px ;font-size:24px;} 

a.add-cart{ padding:10px 40px 10px 10px; font-size:15px;}

.flow-chart{ width:100%; float:left; margin: 30px 0;}

.icon-fix img{ position:relative; margin:0 auto; z-index:50;}

.icon-fix { position: relative; display:block; margin-bottom:30px;}

.icon-fix:before {content: "";display: block;height: 1000px;position: absolute;border-right: 1px solid #ccc;top: 0;left: 50%;}

.flow-chart .block{ padding:10px; border: 1px solid #ccc; border-radius: 8px; position:relative;}

.flow-chart .left{ width:50%; float:left; padding:0 30px 0 0;}

.flow-chart .right{ width:50%; float:left; padding:0 0 0 30px;}

.flow-chart .left .block:after{ content:""; width:30px; border-top:1px solid #ccc; top:50%; right:-30px; position:absolute; }

.flow-chart .left .block:before{content:"";width: 10px;height: 10px;top:50%;right: -36px;position:absolute;background: #F58221;border-radius: 100%;margin-top: -5px;z-index: 1;}

.flow-chart .right .block:after{ content:""; width:30px; border-top:1px solid #ccc; top:50%; left:-30px; position:absolute; }

.flow-chart .right .block:before{content:"";width: 10px;height: 10px;top:50%;left: -36px;position:absolute;background: #F58221;border-radius: 100%;margin-top: -5px;z-index: 1;}







.flow-chart .left .block:nth-child(2){ margin:40px 0 0;}

.flow-chart .right .block:nth-child(2){ margin:104px 0;}



#clients_about{overflow:visible; padding-bottom:30px;}

#clients_about .container{    padding-top: 15px;padding-bottom: 15px;border: 1px solid #ccc; border-radius: 8px; position:relative; }

#clients_about .container:before{content: ""; width: 10px;height: 10px; top:0;left: 50%; margin-left:-5px;  position: absolute;  background: #F58221; border-radius: 100%;  -webkit- border-radius: 100%; margin-top: -5px;  z-index: 1;}



#google-map{ width:100%; height:300px;  border-top:1px solid #ccc;border-bottom:1px solid #ccc;} 

#map-fix .form-wrap{ position:absolute; left:0; bottom:0; width:100%; z-index:10; pointer-events:none;}

.form-box{ width:100%; margin:0 auto; max-width:768px; /*background:rgba(0,0,0,0.85);*/ background:#FFF; padding:15px; pointer-events:all;  -moz-box-shadow: 0px -4px 30px #7d787b;

-webkit-box-shadow: 0px -4px 30px #7d787b;

box-shadow: 0px -4px 30px #7d787b;

filter: progid:DXImageTransform.Microsoft.Shadow(strength = 0, direction = 0, color = '#7d787b');

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 0, Direction = 0, Color = '#7d787b')";

}

.

.form-head { background: rgb(82, 79, 80);margin: -15px -15px 0; display:block;}

.form-head .social{ list-style-type:none; margin:0; padding:0; float:right;}

.form-head .social li { display:inline-block;}

.form-head .social li a{color:#ED9141;padding: 12PX  10PX;display:inline-block;font-size: 22px;}



#full-map{display:inline-block;text-decoration:none;padding: 13px;background: #ED9141;color: #FFF;font-size: 17px;font-weight: 300;text-transform: uppercase;}

#full-map:hover{ background:#FD7600;}

#full-map:before{content:"\f016"; font-family:FontAwesome; padding-right:5px;}

#full-map.on:before{ content:"\f041" ; font-family:FontAwesome;}

#map-fix iframe{ display:none; position:absolute; top:0; left:0;  width:100%; height:100%;}



.form-head{ display:block; background:#464646; margin:-15px -15px 0;}

.shoping-cart{ padding:38px 0;}

.tech-service{width:100%;display: table;padding-right: 80px;}

.tech-service p{ padding-left:15px; display:table-cell; vertical-align:middle;}

.tech-service > a { display:table-cell; vertical-align:middle;}

.paging{ /*float:right;*/ position:relative; z-index:5;}

#paging{ float:right; margin:0 45px;}

	.filter-fix:after{ width:100%; border-top:1px dashed #ccc; position:absolute; left:0; top:50%; content:"";}

	

.adress-pop{ display:none; position: absolute;top: 0;left: 0;padding: 15px;background: #FFF; opacity:0; width:100%; height:100%; }

.trig_pop{cursor:pointer;display: block;margin: 0;font-size: 20px;font-weight: 300;padding: 15px;border: 1px dashed #ccc;margin: 12px 0;}

.trig_pop:hover{ background:#ED9141; color:#FFF; border-color:transparent;}

.adress-pop .data{ display:table-cell; vertical-align:middle; position:relative}

.adress-pop #close{position:absolute;display: block;left: 0;top: 15px;color: #000;border: 1px solid #ccc;padding: 2px 15px;border-radius: 4px; cursor:pointer;}	

}

@media screen and (min-width:1200px){

	.logo{

		max-width:320px;

		}

	#main-menu > li > a{

	font-size: 15px;

	padding: 53px 8px;

	}

	.shoping-cart {

	display: table;

	padding: 43px 0;

	}

	#top a{

	padding:10px 15px;

	font-size:14px;

	}

	.shoping-cart a.cart-btn {

	display: table-cell;

	width: 44px;

	height: 39px;

	}

	.shoping-cart .cart-item {

		width: 39px;

	height: 39px;

	}

	.icon-bg{

	width: 125px;

	height: 125px;

	}

	.icon-bg span{ bottom:-25px;}

	.footer-container #footer .footer-block,.footer-container #footer #block_contact_infos {

    padding: 20px;

   width: 20%;

}

.footer-container #footer #newsletter_block_left{

	width:20%;

	}

.footer-container #footer #newsletter_block_left:before	{     

	content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    height: 1000px;

    border-left: 1px solid #333333;}

	a.add-cart span{ padding:16px ;font-size:30px;} 

a.add-cart{ padding:21px 60px 21px 21px; font-size:18px;}

#page-content{ padding:60px 0;}

#clients_about{ padding-bottom:60px;}

#page-content.career{ padding:60px 0 0;}



}

@media screen and (min-width:1680px){

	.logo{

		max-width:none;

		}

	.white-block{ padding:120px 0;}

	.newsupdate{ margin:120px 30px;}

	#menu_bar .container,#top .container,#product_display .container,#clients .container,#page-content .container,#product_filter .container{ width:1600px;}

	.vision figure { max-height:136px; overflow:hidden;}

	.vision figure img{ transform:translateY(-99px);}

	.form-box{ max-width:1024px; padding:15px; }

	.enquiry textarea{ height:100px;}

	}