/*
Theme Name: Nexstair Theme
Theme URI: http://nexstair.com
Author: the Nexstair team
Author URI: http://nexstair.com/
Description: In 2015, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0

 * -----------------------------------------------------------------------------
 */
 
 @charset "utf-8";
/* CSS Document 
Developed By:Nexstair
*/
	.left{float:left;}
	.right{float:right;}
	.cleft{ clear:left;}
	.cright{ clear:right;}
	.clear{ clear:both;}
	img{ border:none; max-width:100%; display:block;}
	ul, body{ margin:0; padding:0; list-style-type:none;}
	a{ text-decoration:none;color:#000;}
	body{ font-family: 'Open Sans', sans-serif; font-size:16px; margin:0 auto;}
	

.header{ width:100%; margin:0 auto; background:#da272b; padding:5px 0;}
.header_contact{ width:50%; text-align:left;}
.header_social{ width:50%; text-align:right;}
.header_contact .phne_icon{ display:inline-block; vertical-align:middle; width:35px; height:35px; border:2px solid #fff; border-radius:100%; color:#fff; margin:0 -2px; text-align:center; font-size:20px;}
.header_contact a i{ line-height:35px;}
.header_contact p{ display:inline-block; vertical-align:middle; width:85%; color:#fff;  font-size:16px; font-weight:300; margin:0 -2px 0 2%; max-width:314px; text-align:left;}
.header_contact p span{ display:inline-block; vertical-align:middle; color:#fff; font-size:20px; font-weight:700;}
.header_social ul li{ display:inline-block; vertical-align:middle; margin:0; color:#fff; font-size:16px; font-weight:300;}
.header_social ul li a{ display:block; width:35px; height:35px; border:2px solid #fff; color:#fff; text-align:center; border-radius:100%; font-size:20px;}
.header_social ul li a i{ line-height:35px;}
.header_social.right li:first-child {margin: 0 2% 0 0;}
.nav_button{ display:none; color:#515151; padding:0px; cursor:pointer;/*border: 1px solid #0b98d6;*/ border-radius:5px;}


.banner{ max-width:1366px; width:100%; margin:0 auto; position:relative;}
.content_wrap{ width:100%; position:absolute; top:0; left:0; z-index:9999999;}
.nav_area{ background:url(images/header_mnu_border.png) repeat-x center bottom;/* padding:19px 0;*/}
.logo{ max-width:230px; width:21%; margin-top:19px;}
.navigation{ max-width:825px; width:79%; text-align:right;}
.navigation ul li{ display:inline-block; vertical-align:top; margin:0 1%; color:#fff; text-transform:uppercase; padding:43px 0 40px; border-bottom:4px solid transparent;}
.navigation ul li a{ display:block; color:#fff; font-size:18px; font-weight:600; text-transform:uppercase;}
.navigation ul li a i{ line-height:18px; }
.navigation ul li:hover{ border-bottom:4px solid #da272b;}
.banner_text{ width:100%; margin:0 auto; padding-top:12.3% ; text-align:center;}
.banner_text h2{ margin:0; font-size:46px; color:#fff; font-weight:300; text-transform:uppercase;}
.banner_text h2 span{ font-weight:700;}
.banner_text h3{ margin:0; font-size:30px; font-weight:600; color:#fff; text-transform:uppercase;}
.banner_text a{ display:block; background:url(images/learn_more.png) no-repeat center top; max-width:194px; width:20%; padding:25px 0; background-size:100% !important; margin:5.6% auto 0;}
.scroll_menu{ position:fixed; top:46%; right:2%; z-index:999999999;}
.scroll_menu ul li{ display:block; margin:5px 0 0;}
.scroll_menu ul li a{ display:inline-block; border:1px solid #dedede; background:transparent; width:16px; height:16px; border-radius:100%;}
.scroll_menu ul li:hover a{ background:#da272b; border:1px solid #da272b;}




.our_sectors{ width:100%; max-width:1366px; margin:0 auto; padding:50px 0;}
.sec_top{ max-width:690px; width:96%; margin:0 auto 10.2%; text-align:center;}
.sec_top h2{ font-size:40px; color:#000000; margin:0; font-weight:400; text-align:center;}
.sec_top h2 span{color:#da272b; font-weight:700;}
.sec_top ul { text-align:center; margin-top:40px;}
.sec_top ul li{ display:inline-block; vertical-align:top; margin:0 -2px; max-width:192px; width:28%; text-align:center;}
.sec_top ul li a{ display:block; margin:15px 0 0; font-size:18px; font-weight:600; color:#5f5f5f;}
.image_sec{ background:url(images/sec_wrap_bg.png) no-repeat center bottom; padding-bottom:13px; width:100%; margin:0 auto 10px;}
.sec_top ul li:hover .image_sec{background:url(images/sec_wrap_bg_hov.png) no-repeat center bottom;}
.img1{ max-width:136px;width:71%; margin:0 auto 14px; display:block;}
.img2{ display:none;}
.sec_top ul li:hover .img1{ display:none;}
.sec_top ul li:hover .img2{ display:block; width:71%; margin:0 auto 14px; max-width:136px;}
.sec_top ul li:hover a{ color:#da272b;}
.sec_top ul li:nth-child(2) {margin: 0 7%;}
.who_text{ max-width:552px; width:46%; margin-left:4%;}
.img_con{ max-width:630px; width:47%;}
.who_text p{ margin:15px 0; font-size:16px; color:#5f5f5f;line-height: 24px;}
.who_text ul li .shell_img{ max-width:112px; width:100%; margin:0 auto; background:url(images/shell_bg.png) no-repeat center top; background-size:100% !important; padding:52px 0 12px; text-align:center;}
.shell_img img{ margin:0 auto; }
.who_text ul li:hover .shell_img{ background:url(images/shell_bg_hov.png) no-repeat center top;}
.who_text ul li{ display:inline-block; vertical-align:top; margin:0 3.6%; max-width:130px; width:25%; cursor:pointer;}
.who_text ul li h3{ text-align:center;  font-size:20px; color:#5f5f5f; font-weight:700; margin:15px 0; text-transform:uppercase;}
.who_text ul li a{display: block;}
.who_text ul li a span,.who_text a span{ text-align:center; color:#ababab; font-size:14px; display:block; border-top:1px solid #ababab; border-bottom:1px solid #ababab; padding:10px 0;}
.who_text ul li:hover h3{ color:#eb2629;}
.who_text ul li:hover a span{color:#eb2629;  border-top:1px solid #eb2629; border-bottom:1px solid #eb2629;}
.who_text h2{ font-size:40px; color:#000000; margin:0; font-weight:400;}
.who_text h2 span{color:#da272b; font-weight:700;}
/*.single div.wpcf7{display: none;}
*/	
	
.services_wrap{ max-width:1366px; width:100%; margin:0 auto; background:url(images/services_bg.png) no-repeat center top; /*min-height:717px;*/ padding:84px 0 200px;}
.services_wrap h2{ font-size:40px; color:#fff; margin:0; font-weight:400; text-align:center;}
.services_wrap h2 span{color:#fff; font-weight:700;}
.services_wrap ul { text-align:center; padding:40px 0 0;}
.services_wrap ul li{ max-width:343px; width:31%; margin:0 2% 0 -2px; display:inline-block; vertical-align:top; cursor:pointer;}
.servic_content{ width:100%; background:#fff; text-align:center; position:relative;}
.icon_pro{ max-width:65px; width:100%; position:absolute; top:-60px; left:41%; z-index:99999;}
.simple_img{ display:block; width:65px; margin:0 auto;}
.hover_img{ display:none;}
.servic_inner{ padding:43px 0 28px;}
.servic_inner h3{ margin:0; font-size:20px; color:#000000; text-align:center; font-weight:400;}
.servic_inner h3 span{ font-weight:700; font-size:24px;}
.services_wrap ul li .servic_content:hover{ background:rgba(235,38,41,0.8) no-repeat center top;} 
.services_wrap ul li .servic_content:hover .hover_img{ display:block; width:65px; margin:0 auto; }
.services_wrap ul li .servic_content:hover .simple_img{ display:none;}
	
	
	
	
/*.projects_wrap{ width:100%; margin:0 auto; padding:35px 0;}	*/
.top_area{ max-width:791px; width:100%; margin:0 auto; text-align:center;}
.top_area h2{ font-size:40px; color:#1b1b1b; margin:0; font-weight:400; text-align:center;}
.top_area h2 span{color:#eb2629; font-weight:700;}
.top_area p{ color:#1b1b1b; font-size:18px; font-weight:400; font-style:italic; margin:20px 0; line-height:26px;}
.projects_wrap ul li{ display:inline-block; vertical-align:top; margin:0 1% 0 -2px; max-width:359px; width:32%; position:relative; cursor:pointer;}
.li_content { width:100%; background:rgba(36,36,36,0.9) no-repeat center top; position:absolute; bottom:0; left:0; z-index:9999; padding:18px 0;}
.li_inner{ max-width:338px; width:100%; margin:0 auto;}
.text_li{ width:72%; text-align:left;}
.text_li h3{ margin:0; font-size:18px; color:#fff; text-transform:uppercase; font-weight:700;}
.text_li p{ margin:0; font-weight:400; font-size:14px; color:#aaaaaa;}
.icon_li{ width:28%; text-align:right;}
.icon_li ul{ text-align:right;}
.icon_li ul li{ display:inline-block !important; vertical-align:top; max-width:44px; width:47% !important; margin:0 3% 0 -2px !important;}
.icon_li ul li a{ display:block; width:97%; height:44px; border:1px solid #fff; text-align:center; color:#fff; font-size:22px;}
.icon_li ul li a i{ line-height:44px;}
.projects_wrap ul li .li_content:hover{ background:rgba(235,38,41,0.92) no-repeat center top; }
			
.clients_logo{ width:100%; margin:40px auto -15px; border-bottom:3px solid #dedede; position:relative;}	
.clients_wrap{ position:relative; }
.logos_curv{ /*width:96%; background:url(images/left_bg.png) no-repeat center left, url(images/right_bg.png) no-repeat center right, #dedede repeat-x center center; height:100%;*//* background-size:100% 100% !important;*/}
.logos_curv:before{ background:url(images/before_bg.png) no-repeat center top; max-width:101px; width:9.1%; position:absolute; top:0; left:-9.1%; content:'|'; font-size:0; height:100%; z-index:999; background-size:100% 100% !important;}	
.logos_curv:after{ background:url(images/after2.png) no-repeat center top; max-width:101px; width:9.1%; position:absolute; top:0; right:-9.1%; content:'|'; font-size:0; height:100%; z-index:999;background-size:100% 100% !important;}
.logos_curv ul{background:#dedede;}
.logos_curv ul li{ display:inline-block; vertical-align:top; margin:0 auto; border-right:1px solid #fff; text-align:center; padding:21px 1.5%; min-height:80px;}
.logos_curv ul li a{ display:block;}
.logos_curv ul li:last-child{ border-right:none; }
		
.about_us{ background:url(images/about_us_bg.png) no-repeat center top; width:100%; margin:0 auto; padding:69px 0 65px; max-width:1366px; background-size:100% 100% !important;}
.about_us h3{ margin:0;}
.about_us h3 span{ margin:0; font-size:28px; font-weight:700; color:#fff; position:relative;}
.about_us p{ margin:12.5px 0; font-size:16px; color:#fff; font-weight:300; line-height:26px;}	
.about_us a{ display:block; font-size:14px; color:#fff; border:1px solid #fff; border-radius:19px; padding:8px 0; text-align:center; max-width:150px; width:100%; text-transform:uppercase; font-weight:700;}

.about_us h3 span::after {
    border: 1px dashed #888888;
    content: "|";
    font-size: 0;
    left: 108%;
    position: absolute;
    top: 20px;
    width: 725%;
}
	
/*=================================== Footer ==========================================================*/
.footer_top{ background:#ec262a; width:100%; margin:0 auto; padding:55px 0;}
.inner_con{ max-width:1100px; width:96%; margin:0 auto;}
.quick_links{ max-width:230px; width:21%; margin-right:5%;}
.contact_us{ max-width:370px; width:34%;}
.footer_top h3{ font-size:28px; color:#ffffff; font-weight:700; border-bottom:1px dashed #4c0607; margin:0 0 25px; padding-bottom:13px;}
.quick_links ul li{ display:block; font-size:16px; font-weight:300; color:#fff; border-bottom:1px dashed #4c0607; background:url(images/ft_li_bg.png) no-repeat center left; padding:8px 0 8px 14%;}
.quick_links ul li a{ display:inline-block; color:#fff;}
.contact_us ul li{display:block; font-size:16px; font-weight:300; color:#fff; border-bottom:1px dashed #4c0607; padding:13px 0;}
.contact_us ul li:last-child,.quick_links ul li:last-child{ border:none;}
.contact_us ul li a{ display:inline-block; vertical-align:top; width:10%; color:#fff; font-size:24px; text-align:center;}
.contact_us ul li p{ margin:0; color:#fff; display:inline-block; vertical-align:top;width:90%; line-height:32px;}


.map_area{ position:relative; max-width:385px; width:35%; margin-top:30px;}
.map_area a{ display:block; width:58px; position:absolute; top:60px; left:100px; z-index:999;}
.footer_logo{ max-width:190px; width:20%; position:absolute; bottom:25px; right:2%; z-index:999;}
.footer_logo_pos{ position:relative;}

.footer_bottom{ background:#991518; width:100%; margin:0 auto; padding:10px 0;} 
.copyright_text{ width:50%; text-align:left;}
.copyright_text p{ margin:8px 0; color:#fff; font-size:16px; font-weight:300;}
.social_footer{ width:50%; text-align:right;}
.social_footer ul li{ display:inline-block; vertical-align:top; margin:0;}
.social_footer ul li a{ font-size:24px; display:block; text-align:center; color:#fff; width:43px; height:43px; border:2px solid #fff; border-radius:100%;}
.social_footer ul li a i{ line-height:43px;}

/*=======================================  Wordpress =========================================================*/
.about_page_wrap{/* position:relative;*/ border-bottom:1px solid #c2c2c2;}
.abt_wrap_inner{ position:relative;}
.about_content{ max-width:723px; width:70%; padding:0 0 20px; }
.about_content p,.partnrs_summry p{ font-size:16px; color:#5f5f5f; line-height:28px;text-align:justify; margin:20px 0 0}
.partnrs_summry p{margin:0px 0 20px 0;}
.about_tabs{ max-width:306px; width:25%; background:#eb2629; /*margin:-52px 1.7% 0 0px;*/ position:absolute; right:1.7%; top:-5.4%; height:105.4%; z-index:9999;}
.about_tabs::before {background:url(images/abt_tabs_bg.png) no-repeat center top;content: "!";height: 30px;left: 0; position: absolute;top: -53px;width: 100%;
z-index: -1;padding:53px 0 0;font-size:0;}
.about_tabs > ul {padding:17% 0 0;}
.about_tabs ul li{ display:block;border-bottom: 1px solid #f83538; padding:12px 0;}
.about_tabs ul li .abt_tb_img{ display:inline-block; vertical-align:middle; width:28%; margin:0 -2px 0 -10%;}
.about_tabs ul li .abt_tb_txt{ display:inline-block; vertical-align:middle; width:75%; margin:0 -2px 0 4%;}
.abt_tb_txt p{ margin:0; font-size:24px; color:#fff; font-weight:600;}
.abt_tb_txt p a{ color:#fff; display:inline-block;}
.about_tabs ul li:hover .img_left_hov{ display:block; width:100%; margin:0 auto;}
.about_tabs ul li:hover .img_left{ display:none;}
.img_left{ width:100%; margin:0 auto; display:block;}
.img_left_hov{ display:none;}
#category-posts-2 > ul{ /*background:#eb2629; */margin-top:53px;}
.site-main .entry-title {color: #1b1b1b;font-size: 40px;}
.liquid_measurement{display:block;max-width:2048px;width:39%;height:auto;}
.bullet li{display:inline-block;width:37%;padding-bottom:8px;}
.bullets{list-style-type:disc;margin-left:24px;}
.post-title.cat-post-title {color: #fff;font-size: 24px;font-weight: 600;}
.cat-post-item {border-bottom: 1px solid #f83538;}
.form_wrap{ max-width:985px; width:100%; margin:0 auto;}
.form_row_1 .col_1{ max-width:482px; width:49%;margin:0 1% 0 0;}
.form_row_1 .col_1 .textbox1{ width:98%; border:none; background:#f1f1f1; padding:0 0 0 2%; min-height:48px; color:#2e2e2e; font-size:16px; font-weight:300; }
.form_row_1 .col_2 .textbox1{ width:98%; border:none; background:#f1f1f1; padding:0 0 0 2%; min-height:48px; color:#2e2e2e; font-size:16px; font-weight:300;}
.form_row_1 .col_2{ max-width:482px; width:49%;margin:0 1% 0 0;}
.form_row_3 .col_1{ max-width:854px; width:87%; margin-right:1%;}
.form_row_3 .col_2{ max-width:108px; width:12%;}
.form_row_3 .col_1 .messagebox{ width:98%; border:none; background:#f1f1f1; padding:0 0 0 2%;  height:82px; color:#2e2e2e; font-size:16px; font-weight:300; resize:none; }
.form_row_3 .col_2 .sbmit{ width:100%; background:url(images/sbmit.png) no-repeat center top; font-size:0; border:none; padding:41px 0; background-size:100% 100% !important;}
.map_loc{ max-width:1366px; width:100%; margin:0 auto;display: none;}
.byline,.posted-on,.cat-links{display:none;}
.contact_tabs > ul {text-align: center;}
.contact_tabs ul li{ display:inline-block; vertical-align:top; margin:0 10px; text-align:left;position: relative;/* padding-left: 60px;*/ padding:5px 0 35px 60px; display:block;}
.contact_tabs ul li a span{ display:inline-block; vertical-align:middle;width:49px; height:49px; background:#eb2629; border-radius:100%; 
margin:0 5px 0px 0px;text-align:center; color:#fff; font-size:26px;position: absolute;left: 0;top: -6px;}
.contact_tabs ul li a i{ line-height:49px;}
.contact_tabs ul li a{ display:inline-block; vertical-align:middle;color:#2e2e2e !important; font-size:16.5px;}
.contact_tabs li:nth-child(1) {max-width: 275px;width:14%;}
.contact_tabs li:nth-child(2) {max-width: 355px;width:17%;}
.contact_tabs li:nth-child(3) {max-width: 455px;width: 42%;}
.contact_us_tabs {padding: 53px 0;}
.about_img{max-width: 284px;width: 38%;}
.partnrs_summry {margin-bottom: 45px;}

/*services*/
.services_row_1{ max-width:1366px; width:100%; margin:0 auto; padding:94px 0;}
.global_pro_img{ max-width:630px; width:47%; position:relative;margin-top: 28%;}
.global_pro_img a{ display:block; max-width:116px; height:116px; position:absolute; right:-8%; top:45%; width:20%;}
.global_pro_text{ max-width:525px; width:40%; margin:20px 0 0 5%;}
.global_pro_text h3,.partnrs_summry h3{ color:#eb2629; font-size:35px; font-weight:400; margin:0 0 15px;}
.global_pro_text p{ color:#515252; margin:0 0 45px; font-size:16px;}
.global_pro_text a,.partnrs_summry a{ display:block; max-width:132px; width:100%; text-align:center; border-bottom:1px solid #eb2629; border-top:1px solid #eb2629; color:#eb2629; font-size:14px; font-weight:400; text-transform:uppercase; padding:8px 0;}
.partnrs_summry a{display:inline-block;padding: 5px 0px;}
.partnrs_summry i{margin-left: 6px;}
.partnrs_summry > h3{font-size: 22px;}
.services_row_2{max-width:1366px; width:100%; margin:0 auto;background:url(images/pns_bg.png) no-repeat center top; /*min-height:518px;*/ padding:85px 0 40px; background-size:100% 100% !important;}
.power_text{ max-width:765px; width:70%;}
.power_sys_img{ max-width:304px; width:30%;}
.power_text h3{ color:#fff; font-size:35px; font-weight:400; margin:0;}
.power_text p{ color:#fff; margin:0 0 55px; font-size:16px; font-weight:300;}
.power_text a{ display:block; max-width:132px; width:100%; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #fff; color:#fff; font-size:14px; font-weight:400; text-transform:uppercase; padding:8px 0;}
.services_row_3{ max-width:1366px; width:100%; margin:0 auto; padding:94px 0;}
.flow_meter_img{ max-width:550px; width:50%; position:relative; margin:0 5% 0 0;}
.flow_meter_img a{  display:block; max-width:116px; height:116px; position:absolute; right:-10%; top:33%; width:20%;}
.flow_meter_text{ max-width:465px; width:44%;}
.flow_meter_text h3{ color:#eb2629; font-size:35px; font-weight:400; margin:0 0 15px;}
.flow_meter_text p{ color:#515252; margin:0 0 45px; font-size:16px;}
.flow_meter_text a{ display:block; max-width:132px; width:100%; text-align:center; border-bottom:1px solid #eb2629; border-top:1px solid #eb2629; color:#eb2629; font-size:14px; font-weight:400; text-transform:uppercase; padding:8px 0;}

.banner > img {height: auto;width: 100%;}
.single .site-main,.archive .site-main{max-width:1100px; width:96%; margin:0 auto;}
.post_thumbnail_right{ max-width:350px; width:30%; margin:0 0 0 2%;}
.post_thumbnail_right img{ height:auto; max-width:350px; width:100%;}
.li_style,.li_style1{list-style:disc; }
.li_style li,.li_style1 li,.bullets li{margin:10px 0 10px 18px;}
.li_style1 li:last-child{text-decoration:underline;}
.li_style1 li:last-child a{color:#000;}
.li_style li:last-child,.bullets li:last-child{margin-bottom: 25px;}
.single .published,.single .updated{display: none;}
.entry-content table{width: 100%;color: #716e6e;margin-bottom: 40px;}
.entry-content table,th, td{ border: 1px solid #e8e6e6;border-collapse: collapse;}
.entry-content th{border-right:1px solid #000;}
.entry-content th, td {padding: 15px;}
.entry-content td {padding: 10px;}
.entry-content th{font-size: 20px;background: #da272b;color: #fff;}
.entry-content td{font-size: 14px;}
.slick-prev.slick-arrow,.slick-next.slick-arrow{border:none;position: absolute;content: "!";font-size: 0;
width: 16px;height: 15px;top: 40%;z-index: 999999;cursor: pointer;}
.slick-prev.slick-arrow{left: -7%;background: url('http://nexstair.com/wordpress/enerflow/wp-content/uploads/2016/05/larrow.png') no-repeat;}
.slick-next.slick-arrow{right: -6.5%;background: url('http://nexstair.com/wordpress/enerflow/wp-content/uploads/2016/05/rarrow.png') no-repeat;}
.req_1{background: #f6f6f6;color: #000;}
.slick-slide img{margin: 0 auto;}
.page-id-408 .site-main .entry-title{font-size: 35px;}
.prtnrs_lgo{/*max-width: 143px;*/ max-width:300px;width: 20%;}
.page-id-4 .projects_wrap{display: none;}
.size-medium.wp-image-143.align.right{width: 19% !important;max-width: 688px;margin-left: 20px;}
.home .about_us{display: none;}

.bullet_item { display: list-item;list-style: outside none disc;  margin: 0 0 0 15px;}


.top_address p { border-bottom: thin dashed #b7b7b7; margin: 0; padding: 18px 0;}
.top_address p i {background:#eb2629;  border-radius: 100%;  color: #fff; font-size: 22px;  height: 40px; line-height: 40px;  margin-right: 10px; text-align: center;  width: 40px;}
/*=====================  responsive========================*/



@media all and (max-width:1300px){
	.logos_curv ul {
    background: #dedede none repeat scroll 0 0;
    margin: 0 auto;
    text-align: center;
    width: 82%;
}
.logos_curv::before{ left:0;}
.logos_curv::after{ right:0;}
	
	
	
}

@media all and (max-width:1070px){
	.services_wrap{ padding:84px 0 223px;}
	
	.text_li{ margin-left:2%; width:70%;}
	.text_li h3{ font-size:16px;}
	.about_us h3 span::after{ width:630%;}
	.banner_text{ padding-top:5.3%;}
	.about_tabs{ right:6.7%;}
	.about_content{ width:65%;}
	}

@media all and (max-width:1040px){
	.navigation ul li{ margin:0 0.5%;}
	.navigation ul li a{font-size:16px;}
}

@media all and (max-width:975px){
	.contact_tabs ul li a{font-size: 14.5px;}
	.contact_tabs li:nth-child(3){width: 37%;}
}


@media all and (max-width:960px){
	
	.banner_text{padding-top:5.2%;}
	.banner_text a{ margin:2.6% auto 0;}
	.who_text.left > ul{ text-align:center;}
	.who_text ul li{ width:32%; margin:10px 0.9%;}
	.services_wrap{ padding:84px 0 251px;}
	.projects_wrap ul{ text-align:center;}
	.projects_wrap ul li{ width:42%; margin:20px 1% 0 -2px;}
	.about_us h3 span::after{ width:550%;}
	.about_tabs{ right:4.7%; top:-4.4%; height:104.4%;}
	.contact_tabs ul li span{ font-size:14px; width:79%; margin:0 -2px 0 1%; text-align:left;}
	.services_row_2{ padding:20px 0 40px;}	
}

@media all and (max-width:870px){
	.navigation ul li a{ font-size:14px;}
}

@media all and (max-width:860px){
	.about_us h3 span::after{ width:493%;}
	.quick_links{ width:31%;}
	.contact_us{ width:47%;}	
	.map_area{ float:left; width:62%;}
	.abt_tb_txt p{ font-size:16px;}
	
}

@media all and (max-width:820px){
	.contact_tabs > ul{text-align: left;}
	.contact_tabs li{width: 96% !important;margin: 10px 0px !important;padding: 0 !important;max-width: inherit !important;}
	.contact_tabs ul li a span{position: static;}
	.contact_tabs ul li:last-child a span{position: absolute;}
	.contact_tabs ul li:last-child{padding-left: 60px !important;width: 90% !important;}
	.size-medium.wp-image-143.align.right{float: none;width: 23% !important;margin: 10px auto;}
}

@media all and (max-width:795px){
	
	.banner_text h2{ font-size:33px;}
	.banner_text h3{ font-size:26px;}
	.scroll_menu{ top:33%;}
	.img_con{ float:none; width:96%; margin:0 auto;}
	.who_text{ float:none; width:96%; margin:30px auto 0;}
	.servic_inner h3{ font-size:16px;}
	.servic_inner h3 span{ font-size:16px;}
	.icon_pro{ left:35%;}
	.services_wrap{ padding:84px 0 286px;}
	.projects_wrap ul li{ display:block; width:100%; margin:20px auto 0;}
	.about_us h3 span::after{ width:450%;}
	.logos_curv ul li{ width:12%;}
	.about_tabs > ul{ padding:35% 0 0;}
	/*.contact_tabs ul li{ display:block; width:100%; margin:20px auto 0 !important; text-align:center;}*/
	.global_pro_text,.flow_meter_text{ float:none; width:96%; margin:0 auto 20px;}
	.power_text p{ margin:0 0 15px;}
	.global_pro_text p,.flow_meter_text p{ margin:0 0 20px;}
	.power_text,.power_sys_img{ float:none; margin:0 auto; width:100%;}
	.global_pro_img,.flow_meter_img{float:none; width:83%; margin:0 auto 20px;}
	
}

@media all and (max-width:765px){
	.navigation ul li a{ font-size:13px;}
}

@media all and (max-width:725px){
	.about_us h3 span::after{ width:372%;}
	.about_tabs::before{ display:none;}
	.about_tabs{ position:static; width:100%; margin:0 auto; max-width:inherit;}
	.about_tabs > ul{ padding:0;}
	.about_tabs ul li{ display:inline-block; vertical-align:top; margin:0 -2px; width:32%; border:none;}
	.about_tabs ul li .abt_tb_img{ margin:0 auto 10px; display:block;}
	.about_tabs ul li .abt_tb_txt{ display:block; width:100%; margin:0 auto; text-align:center;}
	.about_content{ width:100%; margin:0 auto;}
	
	
}
@media all and (max-width:710px){
	
	.banner_text h2{ font-size:28px;}
	.banner_text h3{ font-size:21px;}
	.navigation ul li{ padding:36px 0 20px;}
	.header_contact p span{ font-size:16px;}
	.header_contact p{ font-size:14px;}
	.sec_top ul li{ width:32%;}
	.sec_top ul li:nth-child(2){ margin:0 2%;}
	.services_wrap{ background-size:cover !important;}
	.services_wrap ul li{ display:block; width:100%; margin:20px auto 0;}
	.icon_pro{ left:40%;}
	.about_us p{ font-size:14px;}
	.about_us h3 span::after{ width:330%;}
	.quick_links,.contact_us,.map_area{ float:none; width:100%; margin:20px auto; max-width:inherit;}
	.quick_links ul li{ padding:8px 0 8px 5%;}
	.footer_logo{ width:33%;}
	.form_row_1 .col_1,.form_row_1 .col_2,.form_row_3 .col_1{ float:none; width:100%; margin:15px auto 0; max-width:inherit;}
	.form_row_3 .col_2{ float:none; width:100%; margin:15px auto 0;}
	
}

@media all and (max-width:695px){
	.navigation,.header_contact,.header_social{ float:none; margin:10px auto; text-align:center; width:100%;}
	.logo{float:none; margin:10px auto; text-align:center;width:100%;}
	.navigation ul li{ padding:10px 0;}
}

@media all and (max-width:620px){
	
	.banner_text{ padding-top:0;}
	.banner_text a{ margin:0.6% auto 0;}
	.header_contact p{ width:41%;}
	.about_us h3 span::after{ width:292%;}
	
	
}

@media all and (max-width:580px){
	.size-medium.wp-image-143.align.right{width: 29% !important;}
}

@media all and (max-width:570px){
	.page-id-4 .banner_text{display: none;}
}

@media all and (max-width:560px){
	.nav_button{display:block; text-align:right; padding:0px 3% 10px 0;font-family: 'Conv_ProximaNova-Regular'; font-size:18px; color:#fff}
	.navigation { position:relative; float: none; padding: 0; width:96%; padding:0px 3% 0px 0; }
	.navigation ul {background:#da272b;position: absolute; right:0; top: 44px; width: 250px; z-index:9999; padding:0 5px; display:none;}
	.navigation ul li{display:block;}
	.navigation ul li a{display:block;}
	.logo, .navigation, .header_contact, .header_social{ margin:5px auto;}
	.header_contact p{ width:50%;}
	.banner_text h2{ font-size:24px;}
	.banner_text h3{ font-size:18px;}
	.sec_top ul li{ width:39%; margin:10px 1% !important;}
	.about_us h3 span::after{ width:240%;}
	.copyright_text,.social_footer{ float:none; width:100%; margin:10px auto 0; text-align:center;}
	
	
}

@media all and (max-width:500px){
	.about_img{float: none;width: 45%;margin: 20px auto !important;}
}

@media all and (max-width:485px){
	
	.header_contact p{ width:56%;}
	.banner_text h2{ font-size:20px;}
	.banner_text h3{ font-size:14px;}
	.quick_links ul li{ padding:8px 0 8px 8%;}
	.about_tabs ul li{ display:block; width:100%;} 
}

@media all and (max-width:470px){
	.size-medium.wp-image-143.align.right{width: 38% !important;}
}

@media all and (max-width:460px){
	
	.about_us h3 span::after{ display:none;}
	.logos_curv::before{ display:none;}
    .logos_curv::after{ display:none;}
	.logos_curv ul { width:100%;}
	.logos_curv ul li{ width:12%;}
	.flow_meter_text h3,.power_text h3,.global_pro_text h3{ font-size:28px;}
	.global_pro_text p,.power_text p,.flow_meter_text p{ font-size:14px;}
	.slick-next.slick-arrow{right: -6px;}
	.slick-prev.slick-arrow{left: -8px;}
	.contact_tabs ul li:last-child{width: 85% !important;}
}
@media all and (max-width:390px){
	
	.banner_text h2{ font-size:11px;}
	.banner_text h3{ font-size:10px;}
	.logo, .navigation, .header_contact, .header_social{ margin:0 auto;}
	.sec_top ul li{ width:100%; margin:10px auto !important; display:block;}
	.sec_top h2,.who_text h2,.services_wrap h2,.top_area h2{ font-size:28px; text-align:center;}
	.who_text ul li{ width:42%;}
	.who_text p,.top_area p{ font-size:14px; text-align:center;}
	.text_li h3{ font-size:14px;}
	.text_li p{ font-size:12px;}
	.about_us{ text-align:center;}
	.about_us a{ margin:0 auto;}
	.quick_links ul li{ padding:8px 0 8px 10%;} 
	
    .footer_logo { width: 70%; bottom:-50px;}
	.logos_curv ul li{ width:29%; border:none;}
	.flow_meter_text h3, .power_text h3, .global_pro_text h3{ font-size:24px;}
	.size-medium.wp-image-143.align.right{width: 49% !important;}
	
}

@media all and (max-width:360px){
	.contact_tabs ul li:last-child{width: 82% !important;}
}

@media all and (max-width:290px){
	.header_social ul li{ display:block; text-align:center;}
	.header_social ul li a{ margin:0 auto; }
	.header_contact a{ display:block; margin:0 auto;}
	.header_contact p{ display:block; width:100%; margin:0 auto; text-align:center;}
	.who_text ul li{ display:block; width:100%; margin:10px auto;}
	.text_li,.icon_li{ float:none; text-align:center; width:100%; margin:0px auto;}
	.li_content{ padding:3px 0;}
	.quick_links ul li{ padding:8px 0 8px 14%;} 
	.copyright_text p{ font-size:14px;}
	.banner_text{ display:none;}
}