@charset "utf-8";
/* CSS Document */
/*fonts css*/
/*@font-face {
  font-family: 'OpenSansRegular';
  font-style: normal;
  font-weight: normal;
  src: local('OpenSansRegular'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
}*/
body{margin:0; padding:0; width:100%; height:auto; font-family:"Open Sans"; font-size:16px; color:#333; background:#fff}
header, nav, article, section, aside, details, figcaption, figure, hgroup, footer, div, span, label {display: block; margin:0; padding:0; }
img{border:1px solid block; margin:0; vertical-align:top; border: 0;  -ms-interpolation-mode: bicubic; /* Improves image quality when scaled in IE7 */max-width: 100%; height: auto; width: auto\9; /* ie8 */}

/*css*/
.div_full, header, header > div.div_full, footer, footer > div{ width:100%; display:inline-block; vertical-align:top}
.div_full > div, header > div, footer > div > div{ width:1200px; padding:0px; margin:0 auto;}
header > div.div_full{ padding:0}
.div_full > div > div{display:inline-block; width:100%;}
/*common css*/
h1,h2,h3,h4,h5,h6{ color:#333; font-weight:normal; margin:15px 0 30px 0}
h1{ font-size:28px; margin:20px 0px;color: #1182C4;}
h2{ font-size:26px; margin:15px 0 10px 0}
h3{ font-size:24px;}		/*not define yet*/
h4{ font-size:20px; margin: 5px 0 20px 0;    line-height: 20px;}
h5, h6{ font-size:20px;}
a{ color:#5086e1; text-decoration:none;}
a:hover{ color:#5086e1; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
p{ margin:0; padding:0;line-height:20px; letter-spacing:1px;color: black}
p.letter_space0{ letter-spacing:normal}
p.font-16{ font-size:16px;}
ul{ margin:5px 0 12px 0; padding:0;}
ul li{ list-style-type:none; background: url(../images/bullet.png) no-repeat left 11px;  padding-left: 1em;}/* margin-bottom:10px;*/
ul.arrow_bullet li{ list-style-type:none; line-height:21px; background:url(../images/list-btn.png); background-repeat:no-repeat; padding-left:25px;}
ul li, ol li{ list-style-position:outside; margin-left: 25px; line-height: 26px; margin-bottom: 5px;}
ul li ul,ol li ol{ margin-top:0; margin-bottom:0 }
address{ font-style:normal; margin-bottom:30px;}
.red_color{ color:red;}
.left{ float:left}
.right{ float:right}
.pg_content_area.inner_pg .right{width: 68%}
.display_email a{color: #fff}
/*.display_email a:hover{color: #fff}*/
.inline_b{ display:inline-block; width:100%; vertical-align:top}
.center{ text-align:center}
.txtcenter{ text-align:center;}
.txtright{ text-align:right}
.pos_relative{ position:relative}
.img_border{ border:2px solid #e0e1e2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.img_left{ float:left; margin-right:30px; margin-bottom:15px;}
.img_right{ float:right; margin-left:30px; margin-bottom:15px;}
/*margin padding*/
.mrgnbtm0{ margin-bottom:0}
.mrgnbtm5{ margin-bottom:5px;}
.mrgnbtm30{margin-bottom:30px;}
.pdngright20{ padding-right:20px}
.border_radius5{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
b.display_email, strong.display_email,
b.display_email2, strong.display_email2{ font-weight:normal}
/*input css*/
label{ display:inline-block; width:100%; padding:10px 0 2px 0}
input[type="text"], input[type="search"], textarea, select{ margin:0; height: 36px; border:none;  text-align:left; line-height:18px; display:inline-block; vertical-align:top; width:100%; padding:5px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box; background:#fff; border-color: transparent; -webkit-border-radius: 3px; border-radius: 8px; margin: 0 0 10px 0px; color:black; font-size:16px;}
select{ padding-right:5px}
textarea{ min-height:80px; resize:vertical;}
input[type="text"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder , textarea::-webkit-input-placeholder{ /* WebKit browsers */ color:#fff; font-size:15px}/*d4d4d9*/
input[type="text"]:-moz-placeholder, input[type="search"]:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#757575; font-size:15px}
input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */color:#757575; font-size:15px}
input[type="text"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder ,textarea:-ms-input-placeholder{ /* Internet Explorer 10+ */color:#757575; font-size:15px}
input[type="submit"], .main_button{ -webkit-appearance: none; background:#AC1A25; -webkit-border-radius: 10px; border-radius:6px; color: #FFF; text-transform: uppercase;border: none;    font-size: 14px;font-weight: 700; cursor: pointer;display: inline-block; padding:8px 20px;}
input[type="submit"]:hover, .main_button:hover{ border-color: #fff7e1;}
input[type="text"].tick, textarea.tick, select.tick{ background-image:url(../images/form-tick.jpg); background-repeat:no-repeat; background-position:right; display:block; width:100% }
input[type="text"].warning, input[type="search"].warning, textarea.warning, select.warning,
.form_area.inner input[type="text"].warning, .form_area.inner input[type="search"].warning, .form_area.inner textarea.warning, .form_area.inner select.warning{ border:1px inset red}
.bg_turquoise{ background:black;}
.bg_blue{ background:#0A7FC4;    border-bottom: 1px solid #fff;}
.bg_black{background-color: black;padding:18px 0px;margin-top: 0px;}
.bg_blue .div_full > div{ padding: 0px}
.bg_blue h1,.bg_blue h2,.bg_blue h3,.bg_blue h4,.bg_blue h5,.bg_blue h6,
.bg_black h1,.bg_black h2,.bg_black h3,.bg_black h4,.bg_black h5,.bg_black h6,
.bg_turquoise h1,.bg_turquoise h2,.bg_turquoise h3,.bg_turquoise h4,.bg_turquoise h5,.bg_turquoise h6{ color:#fff;}
.bg_blue a.btn{ border:1px solid #FFC315;}
.bg_black p{color:#fff;text-align: center;}
.bg_black h4{text-align: center;margin: 0px;padding: 0px;font-weight: bold;    letter-spacing: 3px;}
/*button*/
.btn, a.btn{    margin: 18px 30px 4px 30px; border-radius: 6px;display:inline-block;padding: 4px 15px;    border: 1px solid #fff;    background: #0a7fc3;    color: #fff;    font-size: 15px;}
	a.btn{ text-decoration:none}
/*big buttons*/
/*a.big_btns{ padding:25px 10px; min-width: 245px; margin:20px 0; display:inline-block; vertical-align:top; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:none;  -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box;}
a.big_btns.right_space5p{ margin-right:5%;}
a.big_btns span{ font-size:20px; line-height:20px; color:#fff; text-decoration:none; padding-top:5px; display:inline-block;  vertical-align:top}*/
/*big buttons side images*/
.big_btns_image{background:url(../images/button-sprite.png); background-repeat:no-repeat; display:inline-block; vertical-align:top; margin-right: 10px;}
.star{ background-position:-2px -4px; width:36px; height:30px;}
.tick{ background-position:-2px -42px; width:36px; height:30px;}
.bulb{ background-position:-2px -81px; width:36px; height:30px;}
.bulb_big{ background:url(../images/need-help.jpg); background-repeat:no-repeat; display:inline-block; vertical-align:top; height:124px; width:94px; margin:25px 0;}
/*big button color*/
a.btn_blue{ background:#66849c;}
a.btn_blue:hover{ background:#5C788E;}
a.btn_green{ background:#89c5cf;}
a.btn_green:hover{ background:#6FB8C5;}
a.btn_navy{ background:#063b5a;}
a.btn_navy:hover{ background:#04273C;}
a.btn_red{ background:#AC1A25;}
/*header start*/
.fixed { position: fixed; top:0; left:0; width: 100%; z-index: 10000;}
header .fixed.bg_turquoise{ top:0px;}
header .fixed.second_row{ top:46px;background-color:rgba(255, 255, 255,0.8)}
header .top_row > div ul{ padding:0; margin:14px 0; display:inline-block;}
header .top_row > div ul li{ list-style-type:none; margin:0; padding:0; display:inline-block; margin-right:13px;}
header .top_row > div ul li a{ color:#fff; font-size:18px; text-transform:uppercase; text-decoration:none}
header .top_row > div ul li a:hover{ color:#143875}
header .top_row > div span{ display: block; padding:3px 15px; text-align:center; float:right; height:36px; font-size:20px; color: #01103D; line-height: 35px;}
header .top_row > div span a{padding-right: 25px;letter-spacing: 4px; color:#fff; font-size:22px; font-weight: 700;}
header .top_row > div span i.header_img{    padding-left: 15px;width:32px;height:30px;background:url(../images/call.png); background-repeat:no-repeat; display:inline-block;}
header .top_row > div span a.btn_red{font-style:italic;font-size: 16px;margin:0px;    padding: 6px 9px 8px 8px;letter-spacing: normal;    border-radius: 6px;}

header .logo{ display:inline-block; vertical-align:middle}
header .logo a{ background:url(../images/logo.png); background-repeat:no-repeat; display:inline-block; width:405px; height:105px; text-decoration:none; margin:0; border:none}
header .logo a:hover{opacity: 0.8;}
header nav{ display:inline-block; margin:0; padding:0; vertical-align:top; float:right; margin-top: 45px;}
a#pull{ display:none; border-bottom:none}
header nav > ul li{ list-style-type:none; line-height:22px; display:inline-block; margin:0; position:relative;background:transparent;}
header nav > ul li a{ font-size:18px; display:inline-block; margin-right:10px;color: black;    text-transform: uppercase;    font-weight: bold;}
header nav > ul li a.current, header nav > ul li a:hover{ }
header nav > ul > li:last-child a{ margin-right:0px;}
/*sub menu*/
nav ul.submenu{display:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
nav i.arrow{ width:0 !important; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid rgba(16, 46, 95, 0.90); position:absolute; left:10px; top:20px; display:none}
nav li:hover i.arrow{ display:block}
nav li:hover .submenu {border:none; height:auto; margin:0; padding:0; display: block;position: absolute;left: 0;top:30px; font-weight:normal; width:240px; z-index:1000}
nav li:last-child:hover .submenu{ right: 0px; left: initial;}
nav ul.submenu li{ width:100%; background:rgba(16, 46, 95, 0.90); display:block; border-bottom:none; margin-left:0; padding:0}
nav ul.submenu li a{padding:15px 20px; text-align:left; display:block; margin-right:0; color:#fff; font-size:14px;}
nav ul.submenu li a:hover{ background:#25B6CB;}
nav ul.submenu li:first-child, nav ul.submenu li:first-child a{-moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
nav ul.submenu li:last-child, nav ul.submenu li:last-child a{-moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;}
header .top_row ul.res_icon{display:none; margin:0; padding:0; margin-top: 13px;}
header .top_row ul.res_icon li{margin:0; padding:0; display:inline-block; margin-right:10px;}
header .top_row ul.res_icon li a{display:inline-block; width:38px; height:30px;background:url(../images/res-top-icon.png); background-repeat:no-repeat; text-decoration:none; cursor:pointer}
header .top_row ul.res_icon li a.home{ background-position:0px 0px;}
header .top_row ul.res_icon li a.contact{ background-position:-38px 0px;}

/*search start*/
/*header .search_area{ width:200px; background:#fff; -moz-border-radius: 5px; -webkit-border-radius:  5px; border-radius:5px; float:right; margin-top:5px}
header .search_area input[type="search"]{ width:80%; vertical-align:middle; -moz-border-radius: 3px; -webkit-border-radius:  3px; border-radius:3px; padding-right:0}
header .search_area input[type="submit"]{  float: right;background:url(../images/sprite.png); filter:none; background-position:-3px -0px; background-repeat:no-repeat; width:30px; padding: 4px 5px 0 0; margin:0; border:none; height: 30px; cursor:pointer}*/
/*trust symbols*/
/*.trust{  display:block; margin-bottom:15px}
.trust > span{background:url(../images/trust-symbol-sprite.png); background-repeat:no-repeat; height:52px; display:inline-block; vertical-align:top}
.trust .geo{ background-position:-15px -10px; width:220px;}
.trust .bbb{ background-position:-18px -85px; width:36px; }
.trust .mca{ background-position:-97px -90px; width:150px;   margin:0 7%}
.trust .sat{ background-position:-10px -172px; width:124px; margin-right:7%}*/
.wid33{ width:33.33%;float:left; text-align:center; padding:30px 1.3%;}
.wid33 img{max-width: 100%;}
.wid100{width: 100%;}
.wid100 ul.sty{float: left;width: 100%;}
.wid33 .layer {background-color:#000;margin-top: 5px;padding: 10px 0px;}
.wid33 .layer h3{color:#fff; font-size:18px;margin: 6px 0px;}
.wid33 a{background-color: #00b7a3;
    margin-top: 105px;
    /* float: left; */
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 8%;
    font-size: 16px;}
.wid33 .layer p{color:#fff;margin-bottom: 0px !important;margin: 9px 0px !important;font-weight: 100;}
/*content*/
.content_left_area{ width:800px; display:inline-block; vertical-align:top; padding:10px 0; margin-bottom:25px}
.content_left_area .border_right{ width:750px; padding-right:40px; margin-right:10px; border-right:2px dashed #4394a7 }
aside, .content_right_area{ width: 340px; float:right; padding:13px 0px ;}
.home-bg-img .content_left_area p{/*padding-bottom:30px;*/ margin: 0px 70px;    font-size: 15px;}
/*column*/
.col_two, .col_three, .col_four, .col_five{ display:inline-block; width:100%;}
.col_two > div, .col_three > div, .col_four > div, .col_five > div{display:inline-block; vertical-align:top; width:33%; margin:0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box;}
.col_two > div.last, .col_three > div.last, .col_four > div.last, .col_three, .col_five > div.last > div:nth-child(3n){ margin-right:0;}
.col_two > div{ width: 47%; margin-right: 5%;}/*width: 49.7%;*/
/*.col_three > div{ width:29%;margin: 20px 20px 0px 20px;}*/
.col_four > div{ width:22.7%;text-align: center;margin-left: 19px;}
.col_five > div{ width:19%;text-align: center;    margin-bottom: 25px;}
 .col_five > div span.first_img{padding: 0px;    margin: 0px;    border: 2px solid black;    border-radius: 50% 50%;    display: inline-block;
    background: #fff;}  
 .col_five > div img{padding: 2px;    border-radius: 50% 50%;} 
 .col_five > div span.marketing_expert{font-weight: bold;    margin: 6px 0px 0px 0px;color: #0a7fc3;text-transform: uppercase;}  
.col_five h1 {text-align: center;    color: blue;    font-weight: bold;    font-size: 36px;color: #0a7fc3;margin: 11px 0px 5px 0px}
.testimonials > div span{ margin:0px;border: 2px solid #1182C4;    border-radius: 50% 50%;  display: inline-block;}
.div_full.opt_div.testimonials{margin-top: 30px}
.col_three > div >div{width: 70%;padding: 0px 18px;margin: 0px;float: right;}
.col_three > div >div p{font-size: 12px;font-weight: bold;line-height:17px;letter-spacing: 0px;}
.testimonials span img{padding: 10px;}
.testimonials a{color: #1182C4} 
.col_three > div .center{text-align: center;}
.col_three .center a{margin: 0px 10px}
.div_full.opt_div.testimonials .line{margin-top: 10px;background-position: center;background:url(../images/line.png); background-repeat:no-repeat; display:inline-block; width:40px; height:20px;}

/*home page top img div css*/
.home-bg-img{ background:url(../images/steelit-home-img2.png); background-repeat:no-repeat; background-position:center center; width:100%; height:380px;margin-top: 128px;}
.home-bg-img h1{font-size: 30px;    font-weight: bold;color:#0C7FC2; margin: 65px 0 10px 0;text-align: center;font-style: italic;}
.home-bg-img p{color:#fff;}
.steel-bar{ background:url(../images/steel-bar.jpg); width:100%; height:30px; }
h4.center-width{ width:80%; display: inline-block;}
.home_col_two.col_two{margin: 30px 0;}
.home_col_two.col_two > div{ text-align:center}
.home_col_two.col_two > div:first-child{ border-right:1px solid #1182C4;; padding-right:8%; width:49%;}
.home_col_two.col_two > div h2{font-size: 40px; margin-bottom: 30px; line-height: 36px; color: #25B6CB; font-weight:normal}
.home_col_two.col_two > div p{ font-size: 15px;    line-height: 25px;    color: black;    font-weight: bold;    text-align: left;}
.home_col_two.col_two > div h5{ color: #143875; font-weight:bold }
.home_col_two.col_two > div a.btn{ background:none; color: #143875; margin-top: 20px; border:1px solid #143875; padding-top: 6px; padding-bottom: 6px;}
.home_col_two.col_two > div a.btn:hover{ color:#25B6CB; border-color:#25B6CB;}
.home_col_two.col_two > div:last-child{ padding-left: 4%; width: 45%;}
.featured_pro ul{ padding:0;margin-top: 50px;}
.featured_pro ul li{ margin:0; padding:0; position:relative; list-style-type:none; width:488px; margin-bottom:20px; display: inline-block;}
.featured_pro ul li a{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); font-size: 20px; color: #fff; display: block; padding: 25px;text-align: center; text-decoration: none; text-transform: uppercase; font-weight:bold; line-height: 24px; box-sizing: border-box;}
.featured_pro ul li a:hover{  background:rgba(0,0,0,.2);}
.home_col_two.col_two > div .featured_pro a.btn{ padding:10px 4em;}
.get_started *{ display:inline-block; vertical-align:middle; margin:0px 15px;}
.get_started h4{ font-size: 36px; text-transform:uppercase; font-weight:normal}
/*home page product div css*/
.product_div h4{ color:#000;}
.product_div > div{background:#fbfbfb; padding:10px;  width:30%; margin-right:4.5%;}
.product_div > div p{ color:#666666; min-height:80px; }
.product_div > div p.min_height{min-height: 120px;}
.product_div > div a{ margin-bottom:15px; padding-left:20px; padding-right:20px;}
.product_div > div img{ width:100%; height:109px;}
.col_three > div span.left_image{padding: 0px; text-align: center;}
.col_three > div span.left_image img{padding: 0px}
.col_three > div .contact span a{color: #fff}
.col_four.product_div > div{ width:21%; margin-top:40px; margin-bottom:40px; padding:0;}
.col_four.product_div > div img{ height:115px;}
.col_four.product_div > div h4, .col_four.product_div > div p, .col_four.product_div > div a{ margin:10px;}
.col_four.product_div > div a{ border-color:#1C6D82; float:right;
background: #1c6d82; /* Old browsers */
background: -moz-linear-gradient(top,  #1c6d82 0%, #30859a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c6d82), color-stop(100%,#30859a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c6d82 0%,#30859a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c6d82 0%,#30859a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c6d82 0%,#30859a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c6d82 0%,#30859a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6d82', endColorstr='#30859a',GradientType=0 ); /* IE6-9 */}
.col_four.product_div > div a:hover{background: #0c687c; /* Old browsers */
background: -moz-linear-gradient(top,  #0c687c 0%, #158099 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c687c), color-stop(100%,#158099)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c687c 0%,#158099 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c687c 0%,#158099 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c687c 0%,#158099 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c687c 0%,#158099 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c687c', endColorstr='#158099',GradientType=0 ); /* IE6-9 */}
.col_four.product_div > div a.big_btns{ margin:0; width:100%; min-width:0; background:#063b5a; border:1px solid #fff; text-align:center; min-height: 294px;}
/*home page product div css end*/
.top_width{float: left; width: 340px;}
.top_width a.btn_blue{padding:10px 2%; width:100%;float: right; margin-right:0 }
blockquote { margin:15px 0 15px 0; padding:0; quotes: "\201C""\201D""\2018""\2019"; width:100%; float:right; color:#333; line-height:24px; position:relative; letter-spacing:1px;}
blockquote:before { content: "\201C"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:45px; color: #0e4471;  position: absolute; left: -28px; top:5px;}
blockquote:after { content: "\201D"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:45px; color: #0e4471;  position: absolute; right: 0px; bottom: -22px;}
/*form css*/
.form_area{background:rgba(165,166,168,0.7);-webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box; padding:5px 15px}
/*.form_area.home{ margin:20px 0px;}*/
.form_area.home h2{ color: #fff; margin: 0 0 10px 0;  padding: 0; text-align: center; text-transform: uppercase; font-size: 20px; font-weight:bold}
.form_area.home input[type="text"]::-webkit-input-placeholder,.form_area.home input[type="search"]::-webkit-input-placeholder ,.form_area.home textarea::-webkit-input-placeholder{ /* WebKit browsers */ color:black;}
.form_area.home input[type="text"]:-moz-placeholder, .form_area.home input[type="search"]:-moz-placeholder, .form_area.home textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:black;}
.form_area.home input[type="text"]::-moz-placeholder, .form_area.home input[type="search"]::-moz-placeholder, .form_area.home textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */color:black;}
.form_area.home input[type="text"]:-ms-input-placeholder, .form_area.home input[type="search"]:-ms-input-placeholder , .form_area.home textarea:-ms-input-placeholder{ /* Internet Explorer 10+ */color:black;}
.form_area.position_up h2{margin-top: 5px;}
.form_area.position_up label{ padding:8px 0 0 0;}
.form_area.position_up p.info{font-size: 12px; line-height: 10px; letter-spacing: 0; line-height:12px;} 
.form_area .col_two > div.last{ float:right}
/*where to buy css*/
.col_two.where_to_buy > div{ padding:25px 0; text-align:center; width:58%; margin:0}
.col_two.where_to_buy > div.last{width: 40%; float: right;}
/*popular industry css*/
.pop_ind h1{ margin-top:0px;}
.pop_ind ul{ padding:20px 0 60px 0; margin:0}
.pop_ind li{ width:195px; text-align:center; display:inline-block; vertical-align:top; margin-right:1.5%; margin-left:0}
.pop_ind li.last{ margin-right:0}
.pop_ind li > span{ display:inline-block; width: 100%; color:#fff; font-size:16px; text-transform: uppercase; line-height:20px; margin-top: 20px;}
footer{ background:#25b6cb; padding: 0;}
footer h3{ text-transform:uppercase; margin-top:0}
footer h4{ text-transform:uppercase; margin-top:0}
footer address, footer h3, footer span{font-size:15px; color:#fff}
footer address{    margin-top: 15px; font-style:normal;line-height: 20px;}
footer ul{ padding:0; margin:0;width:50%;float: left}
footer ul li{ font-weight: bold;margin:0px 0px 25px 0px;    padding: 0px 10px 0px 30px;background: url(../images/layout1.png); background-repeat:no-repeat; list-style-type:none; line-height:18px; margin-left:0}
footer ul li a{ color:#fff; border:none; font-size:15px; text-transform:uppercase}
footer ul li a:hover{ color:#143875; border:none}
footer span a{ color: #fff;}
footer span a:hover{ color: #fff;}
footer .social_area{display:inline-block; margin:25px 0 0 0; }
footer .social_area h5{color: #143875; text-align:left}
footer .social{ display:inline-block; padding:10px 0 8px 0; width:100%}
footer .social > a{ background:url(../images/social-sprite.png); background-repeat:no-repeat; display:inline-block; vertical-align:top; width:44px; height:44px; border:none; margin-right:3px;}
footer .social a.fb{ background-position:-0px -0px; }
footer .social a.twitter{ background-position:-62px -0px; }
footer .social a.gplus{ background-position:-125px -0px; }
footer .social a.youtube{/* background-position:-128px -0px;*/ }
footer p{font-size:14px; color:#fff; display:inline-block; width:100%; margin-top: 15px}
footer p.Copyright{text-align: center;}
footer p.Copyright a{color: #fff;}
footer span.phone_no{ margin-bottom: 15px;}
footer > div .col_three >div{margin-top: 30px ;}
footer > div .col_three >div:last-child{width: 37%;}
footer > div .col_three .left_div{    width: 29%;}
footer > div .col_three .contact{width: 33%;    padding: 0px 75px}
/*end footer css*/
.inner_top{margin-top: 130px;}
.div_full.bg_lit_gray.main_div.inner_top.div_bg_rem .content_left_area.opt_div{margin: 0px;padding: 0px}
.div_full.bg_lit_gray.main_div.inner_top.div_bg_rem .content_left_area.opt_div h1{margin: 0px;padding: 0px}

.inner_top .content_left_area, .inner_top .content_right_area{ margin-bottom:10px; background:#fff;}
.inner_top.div_bg_rem .content_left_area, .inner_top.div_bg_rem .content_right_area{ background:none}
.inner_top > div:before, .inner_top > div:after{ content: ''; display: block; position: absolute; width: 0; height: 0;}
.inner_top > div:after{ bottom:-48px; border-color: #F6F6F6 transparent transparent transparent; border-width: 24px;}
.inner_top > div:before{ bottom:-54px; border-color: #E1E1E1 transparent transparent transparent ; border-width: 27px; margin-left:-3px;}
.inner_top{} /*blank class because next css not working thats why..*/
.top_social_div{ height: 30px; display: inline-block; float: right; overflow: hidden; padding-top:15px;}
.top_social_div div{ float:left}
.top_social_div .fb_div{padding-top:4px;}
.top_social_div .twitter_div{padding-top:3px; width:90px; padding-left:15px;}
.top_social_div .g_plus{width:90px;}
.form_area.position_up.inner{ position:relative; top:-55px;}
.left_area{ width:60%;}
.right_area{ width:35%;}
/*--------breadcrums---------*/
.breadcrumbs{    margin: 0px 0px 10px 0px; font-size: 12px;}
.breadcrumbs ol{display:block; margin:0; padding:0;}
.breadcrumbs ol li{display:inline-block; list-style-type:none; vertical-align:middle; margin-left:0}
.breadcrumbs li div, .breadcrumbs li span{ display:inline-block; color:#a6a6a6}
.breadcrumbs li a span{ border-bottom:none; color:#31859c}
.inline_b.mrgnbtm30 h1{margin-top: 0px;margin-bottom:15px;padding: 0px}
/* page css*/
.inner_pg h1, .inner_pg h2, .inner_pg h3, .inner_pg h4, .inner_pg h5/*{color: #25B6CB; }*/
.inner_pg h6,
.inner_pg p, .inner_pg li, .inner_pg td{color: #1A2850; }
.inner_pg p{color: black}
.inner_pg h2{ margin:0px 0 15px 0}
.inner_pg a{ color: #25B6CB; text-decoration:underline}
.inner_pg a:hover{ text-decoration:none}
.inner_top_area{ display:inline-block; width:100%; /*position:relative;*/ z-index:10; margin-top: 151px;}
.inner_top_area > div{ float:left; width:55%; float:left; min-height:208px; box-sizing: border-box;}
.inner_top_area > div:first-child{ background:#143875; text-align:center; color:#fff; padding-top: 60px; font-size: 30px;width: 45%}
.inner_top_area > div:last-child img{ width:auto; height:208px;}

.parallax{width: 100%; padding: 90px 0; background-attachment: fixed;  background-position: center center;}
.parallax.img_1{ background-image:url(../images/steel-it-background1.jpg); }
.parallax.img_2{ background-image:url(../images/steel-it-background2.jpg); }
.parallax.img_3{ background-image:url(../images/steel-it-background3.jpg); }
.form_area.inner{ background:#fff;}
.form_area.inner h2{ color: #25B6CB;}

.form_area.inner input[type="text"], .form_area.inner input[type="search"], .form_area.inner textarea, .form_area.inner select{ border:1px solid #a9a9a9; background:#fff; color:#000; border-radius:0px;}
.form_area.inner input[type="submit"]{ width: 50%; display: block;}
.form_area.inner input[type="submit"]:hover{ border-color:#25B6CB; color:#25B6CB; background:#AC1A25;}
.col_three.Bookmarking >div{padding: 0px 10px 20px 10px}
.col_three.Bookmarking >div .txtcenter{float: none}
.col_three.Bookmarking >div h4{color: black;font-weight: bold;margin: 0px;padding: 0px}
.col_three.Bookmarking >div p{font-size:14px;line-height: 30px;margin: 0px}
.col_three.Bookmarking >div:first-child{background: #F7B916;}
.col_three.Bookmarking >div:nth-child(2n){    background: #B7B7B7;}
.col_three.Bookmarking >div:last-child{ background: #E9EEEF;float: right;}
.pg_content_area.inner_pg p{margin-bottom: 30px;font-size: 14px;}
.pg_content_area.inner_pg hr{margin:17px 0px;    border-top: 1px solid #eeeeee;}
/*.pg_content_area.inner_pg h2{font-size: 31.5px;}*/
/* Accordion css*/
#info_div_accordion, #info_div_accordion ul, #info_div_accordion li, #info_div_accordion a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1;font-size: 1em;position: relative;}
#info_div_accordion a{line-height: 1.3;}
#info_div_accordion{width: 100%; margin-bottom:25px;}
#info_div_accordion > ul { background:#F0F0F0;}
#info_div_accordion li{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box; padding:0 10px; border-bottom:1px solid #ccc; margin-left:0}
#info_div_accordion li.bg_blue{ background:#c6e0eb}
#info_div_accordion > ul > li > a { display: block; background:#f0f0f0; color: #ffffff;}
#info_div_accordion > ul > li.bg_blue > a{ background:#c6e0eb}
#info_div_accordion > ul > li > a > span {	display: block;	font-size:22px; color:#838383; letter-spacing:-1px}
#info_div_accordion > ul > li > a:hover {text-decoration: none;}
#info_div_accordion > ul > li.has-sub > a span {background: url(../images/accordion-plus.png); background-repeat:no-repeat; background-position: center right; letter-spacing: 1px; color:#666666; padding:10px 0;}
#info_div_accordion > ul > li.has-sub.active > a span {background:url(../images/accordion-minus.png); background-repeat:no-repeat; background-position: center right; min-height:38px; color:#063b5a; padding:10px 0;}
#info_div_accordion > ul > li.has-sub.active > a span , #info_div_accordion > ul > li:last-child > a span { border-bottom:none;}
#info_div_accordion ul li ul {/*display: none;*/background: #fff;}
#info_div_accordion ul li ul li {	padding:2% 4%;	margin:0; background: #FFFFFF; border-bottom:none; margin-left:0}
#info_div_accordion > ul > li div{ line-height:28px;}
#info_div_accordion ul li ul li ul{ display:inline-block !important; width:100%; padding:0; margin:0}
#info_div_accordion ul li ul li ul li{ list-style-type:disc; padding:0; line-height:30px; color:#333333; margin-left:25px}
.arrow_btm{ width: 0 !important; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 20px solid #fff; }
.col_four.product_div > div.arrow_btm { position: absolute; padding: 0 !important; top: -10px; left:0; background:none; margin:0 }
.help_me_div{ display:inline-block; vertical-align:top; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; background:#66849c; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:25px; }
/*.help_me_div .left_Area{width:70%; float:left}
.help_me_div .right_Area{width:30%; float:right; padding-top:20px}
.help_me_div b, .help_me_div p{ display:inline-block; vertical-align:middle}
.help_me_div b{ font-size:54px; color:#fff; width:80px; text-align:center; font-weight:normal}
.help_me_div p{ color:#fff; margin:0; width:75%; font-size:20px;}
.help_me_div .right_Area span{ width:50%; text-align:center; float:left; position:relative}
.help_me_div .right_Area input[type='radio'], .help_me_div .right_Area label{ font-size:24px; width:auto; color:#fff; margin:0; padding:0; display:inline-block; vertical-align:top}
.help_me_div .right_Area input[type='radio']{ width:25px; height:25px; margin-left:20px; margin-right:5px;}
.help_me_div .right_Area span.click .arrow_btm { display:none } 
.help_me_div .right_Area span.click.true .arrow_btm { display:block}
.help_me_div .right_Area span .arrow_btm { position:absolute; left:50px; bottom:-54px; border-top-color:#66849c; border-left-width:15px; border-right-width:15px;}
.help_me_div.result{ background:#89c5cf}
.help_me_div.result .left_Area{ text-align:center;}
.help_me_div.result .left_Area p, .help_me_div.result .left_Area b{ width:100%; color:#000}
.help_me_div.result .left_Area b{ font-size:32px; margin-top:5px;}*/
.map iframe{ width:100%; height:450px;}
.pro_main_row a{ color:#000; font-size:14px; font-weight:bold; text-transform:uppercase; border:none; margin-bottom:10px; min-height: 40px; display:block}
p.form_res{ color:red}
.industry_main .img_border{/* width:35%*/}
.industry_main .img_border img{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:120px; width:100%}
.testimonial .client_img{ margin:10px 0 15px 0; -moz-border-radius:50% 50%; -webkit-border-radius:50% 50%; border-radius:50% 50%; border:3px solid #ececec; width:120px; height:120px;}
.box_container > div{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:20px 10px; background: #FFF4D4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box_container.whitebox > div{ background:#fff}
#sds_data > div:first-child{ width:57%;}
#sds_data > div:first-child > a{ width:48%; margin-right:2%; display:inline-block; vertical-align:top}
#sds_data > div:first-child > a:nth-child(2n){ margin-right:0px;}
#sds_data > div:last-child{ width:38%; float:right}
.box_container h3{ margin:0 0 10px 0;}
.box_container strong{ color:#31859D;}
.box_container a{ text-decoration:none; font-size:13px; border-bottom:none; cursor:pointer; display: inline-block; width: 100%; margin-bottom: 15px;}
.box_container i{ background:url(../images/pdf-icon.png); background-repeat:no-repeat; display:inline-block; width:20px; height:20px; vertical-align:middle; background-size:100% 100%; }
/*.box_container b{ background:url(../images/download-icon.png); background-repeat:no-repeat; display:inline-block; width:30px; height:30px; vertical-align:middle }*/
.form_area.pg_form{ background:#B8F0F2; width:90%;color:black;}
.passworddiv input[type="text"]{ margin:0; height: 30px; border:2px solid #ccc; line-height:28px; display:inline-block; vertical-align:top; width:80%; padding:5px 25px 5px 5px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box; }
.passworddiv input[type="button"]{ height: 30px;line-height:30px;}
.showdetails{ display:inline-block; width:100%;}
.showdetails h2, .showdetails > div{ display:block; padding:10px; background:#eee; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box; margin-bottom:15px;}
.showdetails h2{ margin-bottom:0; background-color: #000; color: #fff;}
.showdetails h2 a{ float:right;font-size: 14px;font-weight: bold;}
.showdetails > div{ font-size:16px; }
.showdetails a{ cursor:pointer}
/*Product pop up*/
.product_pop_up{ display:none}
.bg_fade{ background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; z-index:1000; display: block; top: 0; left: 0;}
.sds_form{ display: block; width:50%; left:25%; top:25%; position:fixed; z-index:10000; background:#FEFFCF}
.sds_form h2{ color:#0053A0}
.sds_form label{ color:#715602}
.sds_form input[type="text"]{ border:1px solid #BDA14E}
.sds_form form{ position:relative}
.sds_form i.close{ text-align:center; padding:5px 10px; position:absolute; right:0px; top:0px; color:#fff; background:#000; font-style:normal; z-index: 100000; font-weight:bold; cursor:pointer}
/* INDEX 2 css */
.form_up .form_area.position_up{ top:100px; /*0px*/}
.form_up .content_right_area{padding-top: 250px;  /*135px*/ background: #fff; }
.form_up .content_right_area .top_width{margin-right: 20px; margin-top:5px}
/* blog css */
.blog .small_img{ width:100%; height:90px; float:left; margin:0 15px 15px 0 }
/* Green theme css */
.green_theme .bg_black{ background:#86C04E;}
.green_theme .form_area, .green_theme .bg_blue{ background:#75B64B;}
.green_theme .form_area label{ color:#000}
.green_theme .form_area input[type="submit"]{ background: #cbffa9; color: #000; border-color: #86C04E; text-shadow: none;}
.green_theme #info_div_accordion > ul > li.has-sub.active > a span{ color:#75B64B}
.green_theme #info_div_accordion li.bg_blue, .green_theme #info_div_accordion > ul > li.bg_blue > a { background: #e9f9df;}
/*========= page gallery Area =========*/
#phgallery {float: left;width:100%;}
#phgallery ul {display: block;list-style: none outside none; margin: 0; overflow: auto;padding: 0;width: 100%;}
#phgallery ul li {line-height: inherit;list-style: none outside none; float:left; padding:0; margin:0; background:transparent; }
#phgallery ul li div {float: left;margin:0px 10px 10px 0; width:250px;}
#phgallery ul li div img {width:100%; border-radius:5px; height:250px; display:block}
#phgallery ul li div p{ min-height:60px}
.col_four.industry_div{display: inline-block;    width: 100%; margin-bottom:30px;}
.col_four.industry_div > div{border: 1px solid #1182C4;position: relative;}
.col_four.industry_div > div .first_img{border: 1px solid #1182C4;border-radius: 50px 50px;display: inline-block;    padding: 10px;position: absolute;
    top: -46px;    left: 97px;    background: #fff;}
.col_four.industry_div h1{text-align: center;font-weight: bold;text-transform: uppercase;font-size: 44px;margin-bottom:65px;}
.col_four.industry_div > div .first_img img{padding: 3px}
.col_four.industry_div > div h3{    margin-top: 40px;    margin-bottom: 10px;}
.col_four.industry_div > div p{text-align: left;padding: 0px 12px;float: left; display: inline-block;font-weight: bold;font-size: 13px;    letter-spacing: 0px;}
.col_four.industry_div > div .last_img{display: inline-block;    padding: 10px;position: relative;  width: 100%}
.col_four.industry_div > div .last_img a.learn_more{text-transform:uppercase;text-decoration: none;background: #AC1A25;color: #fff;padding: 4px 6px;border-radius: 4px; font-size: 15px;position: absolute;
    display: inline-block;    left: 25%}

.col_two.services_icon >div:first-child{border-right: 1px solid #fff;text-align: center;}
.col_two.services_icon >div fieldset{font-size: 26px;border: none; border-top: 2px solid #fff;    background: transparent;    padding: 25px;    padding-bottom: 0px;
    width: 390px;    display: inline-block;    margin-top: 30px;    line-height: 0px;}
.col_two.services_icon >div fieldset legend{background: transparent;    color: #fff;    padding: 10px 20px 10px 20px;  font-weight: bold;    /* letter-spacing: -8px; */ }
.col_two.services_icon >div .last legend{font-size: 0px}
.col_two.services_icon ul{ margin:0px;padding: 0px}
.col_two.services_icon ul li{background: transparent;margin-bottom:25px;padding: 0px;list-style: none;    color: #fff;    font-size: 21px;text-align: left}
.col_two.services_icon ul li.dotted span{border-bottom: 2px dashed #fff;display: inline-block;}

.col_two.services_icon ul li i{padding-right: 10px;background-image: url(../images/sprite-img.png);background-repeat: no-repeat;display: inline-block;width: 32px;height:32px;vertical-align: middle;}
.col_two.services_icon ul li i.target{background-position: -0px -46px;}
.col_two.services_icon ul li i.share{background-position: -0px -86px;}
.col_two.services_icon ul li i.verified{background-position: -0px -130px;}
.testimonials .container .row .col-sm-6{width: 100%;padding: 0px;margin: 0px 0px 0px 15px}

.testimonials .carousel-inner .row{margin: 0px;padding: 0px}
.testimonials .row p{padding: 0px 10px;    width: 80%;}
.pg_form .txtcenter{margin-top:10px}
.pg_content_area.testimonial .txtright.pdngright20{display: inline-block;}
.txtright.pdngright20 a{color: #467cf5}
.txtright.pdngright20 a:hover{color: #467cf5}
.pg_content_area.testimonial .right_area.left.center span{margin: 0px;    border: 2px solid #1182C4;    border-radius: 50% 50%;    display: inline-block;}
.pg_content_area.testimonial .right_area.left.center img{padding: 10px}

.pg_content_area.testimonial .right_area.right.center span{margin: 0px;    border: 2px solid #1182C4;    border-radius: 50% 50%;    display: inline-block;}
.pg_content_area.testimonial .right_area.right.center img{padding: 10px}
.content_left_area.blog a{color: #5086e1}
.content_left_area.blog a:hover{color: #5086e1}
.inline_b.mrgnbtm30 .blog_shadow{box-shadow: 1px 1px 15px #b9b6b6;}
.inline_b.mrgnbtm30 .border{border: 1px solid #ccc;padding: 10px;}
.pg_content_area.blog.col_three >div >div {width:85%;padding: 15px}
.pg_content_area.blog.col_three >div >div h3{margin: 0px}
.pg_content_area.blog.col_three >div >div p{font-size: 15px;line-height: 24px}
.banner_area.lit_txt.mrgnbtm30 a{color:#5086e1 }
.content_right_area .industry_div, .content_right_area .industry_div > div{   display: inline-block; vertical-align:top; width:100%;}
.content_right_area .industry_div > div{ margin-bottom:30px;}
.content_right_area .industry_div > div .first_img{ width:65px;display: inline-block; vertical-align:top; }
.content_right_area .industry_div > div h3{ display: inline-block; vertical-align:top; width:calc(100% - 70px);    margin-top: 0;    margin-bottom: 5px;}

.full_width .content_left_area{width:100%;}
.div_full.left_sidebar .content_left_area{ float:right;}
.div_full.left_sidebar .content_right_area{float:left;}

.top_info_row{ background:#0099ff;padding: 5px 0;    color: #fff;    text-align: center;position:relative;padding-right: 55px;    position: absolute;
    top: 0px;
        width: auto;
    padding-left: 56px;
    padding-right: 10px;
    display: inline-block;
    z-index: 1000000;
    text-align: center;line-height: 36px;}
.top_info_row i{ position:absolute; left:0px; top:0px; padding: 5px 15px;  background: #19438b;  color: #fff; font-size: 17px;font-weight: normal;  font-style: normal; cursor:pointer; width:15px;}
.top_info_row i::after{content:'x'; position:absolute; top:0px; left:0px;width:100%; text-align:center;    line-height: 36px;}

#myCarousel .carousel-control.left, #myCarousel .carousel-control.right{ background-image:none;}
#myCarousel.carousel {
	margin: 50px auto;
	padding: 0 70px;
}
#myCarousel.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: 290px;
}
#myCarousel.carousel .item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
#myCarousel.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
#myCarousel.carousel .testimonial {
	padding: 30px 0 10px;
}
#myCarousel.carousel .overview {	
	font-style: italic;
}
#myCarousel.carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
#myCarousel.carousel .carousel-control {
	width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
	background: none;
}
#myCarousel .carousel-control i {
    font-size: 68px;
	line-height: 42px;
    position: absolute;
    display: inline-block;
	color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
#myCarousel.carousel .carousel-indicators {
	bottom: -5px;
}
#myCarousel .carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 1px 3px;
	border-radius: 50%;
}
#myCarousel .carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
#myCarousel .carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

div[class^='widget_div_row_']{ margin-bottom:50px;}
div[class^='widget_div_row_'] h2{ margin-bottom:30px;}
#reviews > ul{ width:100%; padding:0}
#reviews > ul > li{ width:32%; display:inline-block; vertical-align:top;     margin-right: 2%; margin-bottom:30px;    padding: 0;   margin-left: 0px;background: none;}
#reviews > ul > li:nth-child(3n){  margin-right:0;}
#reviews .review-author{ font-size:20px;}
#reviews .review-text{ font-size:15px; line-height:22px; color:#444;border-radius: 24px 25px 25px 25px; margin:10px 0;}
#reviews .review-date{font-size: 14px;  display: inline-block; font-style: italic;color: #333;}
#reviews .review-stars ul li{ background:none; margin:0 5px 0 0; padding:0;display: inline-block;}
.counter {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;min-height: 40px;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}



@media screen and (max-width: 1200px){
	.div_full > div, header > div, footer > div, .inner_pg > .div_full, .home_col_two.col_two{ width:100%; max-width:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
	header > div.div_full, footer > div.div_full, .inner_pg > .div_full, .home_col_two.col_two{ padding-left:20px; padding-right:20px;}
	
	.content_left_area { width: 60%; padding-left:20px; /*785px*/}
	.content_right_area{ width:34%; padding-right:20px;}
	.featured_pro ul li{width: 100%;}
	.form_area.home{ margin-right: 20px;}
	.inner_top_area > div:first-child{ font-size: 40px;}
	.inner_pg > .div_full.map{ padding:0}
	.inner_top_area {margin-top: 130px;}
	.pg_content_area.inner_pg .right{width: 66%;}
	.img_left {margin: 0px}
	.inner_top_area {margin-top: 150px}
	.top_info_row{font-size: 14px;}

}
@media screen and (max-width: 1152px){
	header nav > ul li a{ margin-right: 15px;}
	.pop_ind li{ width:16%;}
	.col_four > div {width:22.5%;}
	.col_four.product_div > div{ width: 23.2%;}
	.col_two > div{ width:49.5%}
	.featured_pro ul li a{font-size: 15px;}
	header nav > ul li a{    margin-right: 14px;    font-size: 14px}
	.content_left_area p{line-height: 18px;    font-size: 13px;    padding-bottom: 20px}
	.col_four.industry_div > div .first_img{    left: 70px;}	
	.col_two > div{margin-right: 0%;}
	.col_three > div >div{    padding: 0px 17px;}
	.inline_b .img_left{margin-right: 122px}
	.col_four.industry_div > div p {font-size: 14px}
	.col_four.industry_div > div .last_img {top:0px;left: 0px}
	.home-bg-img .content_left_area p {margin: 0px}
	.pg_content_area.inner_pg .right{width: 57%;}
	.inline_b .img_left{    margin-right:0px;}
    .top_info_row{width: 50%;line-height: 18px;}
    .top_info_row i, .top_info_row i::after{line-height: 36px;}
}
@media screen and (max-width: 1024px){
	header > div:last-child > div{ text-align:center}
	.home-bg-img{margin-top: 190px;}
	header nav{width: 100%; text-align: center; margin-top: 0px;}
	.content_left_area{width: 55%;}
	header .logo a{ margin: 20px 0 10px 0;}
	nav ul{ margin:0 0 10px 0}
	.inner_top_area > div, .inner_top_area > div:last-child img{min-height:0; height: 120px;}
	.inner_top_area > div:last-child img{ width:100%}
	.inner_top_area > div:first-child{ padding-top: 30px;}
	 header .logo a{margin: 0px 0 10px 0}  
	 .col_two.services_icon >div fieldset legend{padding: 0px 10px}
	 .col_four.industry_div > div .last_img{top: 400px;}	
	ul li, ol li{    margin-left: 4px}
	.col_three > div >div{padding: 0px 15px;}
	.content_left_area p{ padding-bottom: 0px}
	.col_four.industry_div > div .last_img {top: 0px}
	.bg_blue{border: none}
	.testimonials .container .row .col-sm-6 {margin: 0px}
	.top_width {width:333px}
	.testimonials .row p {    width: 78%;padding: 0px 5px}
	.inner_top_area {margin-top: 162px}
	header .logo a {margin: 0px}
	header .fixed.second_row {top:47px;}
	.inner_top_area {    margin-top: 183px;}

}
@media screen and (max-width: 980px){
	header nav > ul li a{margin-right: 15px;}
	.home-bg-img{ height:auto; display:inline-block; background-size:auto 100%;}
	.home-bg-img .content_left_area, .home-bg-img aside{ padding:0 20px; width:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box; }
	.home-bg-img h1{ margin-top:20px; font-size: 30px;}
	.home-bg-img h1, .home-bg-img a.btn{ display:inline-block; vertical-align:middle;}
	.home-bg-img aside > div.form_area.home{ margin:0}
	.pop_ind li{width:29%}
	.home_col_two.col_two > div:first-child, .home_col_two.col_two > div:last-child{ width:100%; margin:0; padding:0; margin-bottom:20px; border-right:none;}
	.home_col_two.col_two > div h2{font-size: 30px;}
	.featured_pro ul li{ width: 488px; }
	.featured_pro ul li a{padding:5px;}
	.col_three > div{ margin-right: 2%;}
	.col_four > div{ width:92%;margin:35px 25px }
	.col_two > div{ width:49.4%}	
	.content_left_area .testimonial .left_area{ width:60%}
	.content_left_area .testimonial .right_area{ width:35%}
	.content_left_area .testimonial .space_left{margin-left: 40px; width:90%}
	.form_area.inner input[type="submit"]{ width: 100%;}
	.inner_top_area > div:first-child{ width:100%; height: auto; padding: 10px 0; font-size: 22px;}	.inner_top_area > div:last-child{ display:none}
	
	.content_left_area, .content_right_area{ width:100%; padding:0 20px; margin-bottom:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
	.col_four.industry_div > div .first_img {left: 255px;}
	.col_four.industry_div > div .last_img{top: 180px;    left: 240px;}
	.div_full.opt_div.testimonials .col_three > div{width: 100%;margin:10px 0px;padding:0px 20px}
	.col_two.services_icon ul li{margin-bottom: 6px; font-size: 15px;}
	.col_three > div{font-size: 10px; width: 30%  }
	.col_three > div > div p{font-size: 15px;    line-height: 20px;}
	.col_three > div >div{padding:0px;    width: 84%;}
	.col_five > div{width: 49%;}
	.col_five > div img{padding: 1px;}
	footer p{line-height: 25px;    font-size: 15px;}
	footer address{font-size: 15px;    line-height: 17px;}
	footer > div .col_three .contact{width: 32%;    padding: 0px ;}
	footer ul li{ margin: 0px 0px 5px 0px; padding: 0px 57px 0px 25px;}
	footer ul li a{font-size: 12px;}
	.col_two.services_icon >div:first-child {border-bottom: 1px solid #fff;}
	.col_two > div {width:100%}
	.col_two > div.last{text-align: center;}
	.col_two.services_icon >div fieldset legend{padding: 0px}
	.col_two.services_icon ul{padding: 10px 25px;}
	footer > div .col_three .left_div{width:63%;}
	.col_three > div {font-size: 16px}
	footer > div .col_three >div:last-child{width: 100%;}
	.content_left_area p{font-size: 15px}
	.col_four.industry_div > div .last_img{top:0px;left: 0px}
	.col_four.industry_div > div .last_img a.learn_more{left: 40%}
	.home-bg-img .content_left_area,.home-bg-img aside {padding: 20px}
	.bg_black h4{margin: 10px}
	.top_width {width: 100%}
	header .fixed.second_row{top:46px;}
	.inner_top_area{margin-top: 161px}
	.inner_top_area {margin-top: 183px;}
    .top_info_row{padding-left: 31px;padding-right: 10px;     line-height: 12px;    font-size: 13px;}
	.top_info_row i{padding: 5px 5px;}

}
@media screen and (max-width: 650px){
    .wid33{ width:100%;float:left; text-align:center; padding:30px 1.3%;}
	header .fixed.second_row{ position:static;margin-top: 60px;}
	header{ position:relative;}
	.home-bg-img, .inner_top_area{margin-top:0px;}
	header .logo a{ margin-top: 30px;}
	header .top_row > div span{margin-right:0px; padding: 10px 5px;}
	header .top_row > div ul{ display:none}
	header .top_row > div ul.res_icon{ display:inline-block}
	header nav{width:100%; margin:10px 0;}
	header nav > ul {display:none; height:auto; background:#fff; width:100%;position:fixed; left:0; top:56px; z-index:100000; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; }
	nav .wraper_nav, nav .wraper_nav_sub{ position:static; width:100%; display:inline-block}
	a#pull{display:inline-block; position:absolute; font-size:20px; padding:0 5px; color:#000; cursor:pointer; text-transform:none;top:0px; right:15px; line-height: 55px; padding-left:35px; text-decoration:none; text-transform:uppercase}
	a#pull:after {content:"";background: url('../images/nav-icon.png') no-repeat; width:18px; height: 21px;display: inline-block;position: absolute;left: 5px; top:17px; padding: 0 5px; background-color: #25b6cb; background-position: center center;}
	header nav > ul li{display: block !important;	float: none;width:100% !important;text-align: left;border-bottom: 1px solid #ccc; padding:5px 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box; }
	header nav > ul li a {width:100%; padding:10px 0;text-align:left; margin:0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
	header nav > ul > li:last-child{ border-bottom:none; padding-bottom:20px;}
	nav li ul{ padding:0}
	nav li:hover .submenu{ padding: 0px;display: block;position: static !important;width: 100%;}
	nav ul.submenu li a{text-align: left;width:100%;padding: 10px 5%;}
	.home-bg-img a.btn{ padding: 11px 15px;}
	.get_started h4{ font-size: 30px;}
	footer .col_three > div{ width:100%; margin:0; margin-bottom:20px;}
	footer .col_three > div, footer .col_three > div .txtright, footer p{ text-align:center}
	.featured_pro ul li, .pop_ind li{ width:100%}
	.pop_ind li{ margin:0; margin-bottom:20px; padding:0}
	header .top_row > div span a{    padding-right: 0px;}
	.top_row > div span {margin-right:0px;padding: 0px;}
	header .top_row > div span {padding: 10px;margin-right: 132px}
	header .top_row > div span a{    font-size: 15px}
	header .top_row > div span a.btn_red{padding: 5px;display: none;}
	.btn, a.btn{margin: 18px 0px 4px 0px;}
	.col_four.industry_div > div .first_img{    left: 170px;}
	.col_four.industry_div > div .last_img{top: 225px;    left: 157px;}
	.col_three .center a { margin: 0px }
	header .logo a{margin-top: 0px;}
	.col_five > div{    width: 100%;}
	footer > div .col_three .left_div{width: 100%}
	footer > div .col_three .contact {width: 100%}
	footer ul{width: 100%}
	.col_four.industry_div h1{font-size: 28px;    margin-bottom:20px;}
	.home_col_two.col_two > div p{    font-size: 12px;}
	.home_col_two.col_two > div:first-child{margin-bottom: 20px;}
	.bg_black h4{    font-size: 15px;}
	.top_width{width:100%}
	.top_width span{width:25%;display: inline-block;}
	.testimonials > div{width:100%;float: right;}
	.testimonials > div span{width: 80px;    height: 80px;}
	.testimonials span img {padding: 12px 17px;}
	.col_four.industry_div > div .last_img{top:0px; left: 0px}
	.col_four.industry_div > div .last_img a.learn_more{left: 35%}
	.col_three > div >div{width: 78%}
	header .fixed.second_row{margin-top: 40px}
	header nav{margin: 0px}
	.pg_content_area.inner_pg .right{width: 100%}
	.top_info_row{    width: 100%;}
	.top_info_row i, .top_info_row i::after {    line-height: 24px;}
}
@media screen and (max-width: 480px){
	header > div.div_full, footer > div.div_full, .inner_pg > .div_full, .home_col_two.col_two{ padding-left: 10px; padding-right: 10px;}
	header .logo{width: 100%;}
	header .logo a{ background-size: 100% auto; width: 100%; display: inline-block;}
	header .top_row ul.res_icon li{ margin-right:0}
	header .top_row ul.res_icon li:first-child a{width: 31px;}
	header .top_row > div span{padding: 10px 5px;    margin-right: 75px;    font-size: 16px;}
	header .top_row > div span a{ font-size: 16px;}
	.home-bg-img h1{font-size: 26px;}
	.home-bg-img a.btn{ display:none}
	.col_two > div, .col_three > div, .col_four > div{ width:100%; margin:0; margin-bottom:15px;}
	.col_four.product_div > div{ width:46%; margin:10px 1.5%;}
	.map iframe{ height:250px;}
	#phgallery ul li{text-align: center;}
	#phgallery ul li div{ float: none; display: inline-block; margin-right:0}
	.col_three > div >div{width:77% }
.col_four.industry_div > div .first_img{    left: 139px;}
.col_four.industry_div > div .last_img{    left: 125px}	
.col_four.industry_div h1{margin-bottom: 56px}
header .top_row > div span{    margin-right: 0px;float: none;    display: inline-block;}
.col_two.services_icon >div fieldset{width:75%;    font-size: 20px}
.col_two.services_icon ul li{font-size: 13px}
header nav {margin: 0px}
header .logo a {margin: 0px}
header .fixed.second_row{margin-top:20px}
a#pull{right: 0px}
.content_left_area p{margin: 0px}
.content_left_area h1{font-size: 20px}
.col_four > div{margin-bottom: 60px}
.col_four.industry_div > div .last_img{top:249px;}
.col_four.industry_div{    margin-bottom: 0px}
h1 {font-size: 20px}
.home_col_two.col_two{margin: 0px}
header .top_row ul.res_icon li{background-image: none}
.img_left {float: none}
.inline_b .img_left{margin: 0px}
.col_four.industry_div > div .last_img{top: 0px;left:0px;}
.col_four.industry_div > div .last_img{padding:15px 0px}
.col_three > div >div {width: 72%}
.home-bg-img .content_left_area{padding: 15px}
.home-bg-img .content_left_area p{font-size: 13px}
header .top_row ul.res_icon li{padding: 0px 6px}
.home-bg-img a.btn{display: inline-block;padding: 6px;margin:15px 5px 0px 5px}
.home-bg-img .content_left_area, .home-bg-img aside{padding:0px 20px 20px 20px }
.testimonials .row p {width: 70%}
footer > div .col_three >div {margin-top:10px;}
header .fixed.second_row{margin-top: 53px;}


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

}