@charset "utf-8";
/* CSS Document */
/*Project Name : Johnson[Created by WEBLINKINDIA.NET on Nov 18, 2016 : Shashi]*/

/* ================= General 1230px ================= */

body{font-family:'Open Sans', Arial, Helvetica, sans-serif;color:#4b4b4b;background:#fff; }
h1, h2, h3, h4, h5, h6{font-family:'Open Sans',Arial, Helvetica, sans-serif;}
h1{font:30px/30px 'Open Sans', Arial, Helvetica, sans-serif;color:#454545; }
h2{font:500 30px/36px 'Open Sans', Arial, Helvetica, sans-serif; color:#000;}
h3{font:700 23px/30px 'Open Sans',Arial, Helvetica, sans-serif;color:#000; text-transform:uppercase;}
.mw_92{max-width:92%; height:auto;}.mw_98{max-width:98%; height:auto;}.mw_100{max-width:100%; height:auto;}

/*Fonts-Classes */
.open-sans{font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.pt{font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;}
.roboto{font-family:'Roboto', Arial, Helvetica, sans-serif;}
.roboto_s{font-family:'Roboto Slab',Arial, Helvetica, sans-serif;}
/*Fonts-Classes*/

/*Color-Properties*/
.black, .black a,.black a:hover{color:#000}
.gray, .gray a,.gray a:hover{color:#a6a6a6}
.gray1, .gray1 a,.gray1 a:hover{color:#999}
.gray2, .gray2 a,.gray2 a:hover{color:#5f5e5e}
.red, .red a,.red a:hover{color:#da2a21}
.white, .white a,.white a:hover{color:#fff}
.pale, .pale a,.pale a:hover{color:#d9a635}
.blue, .blue a,.blue a:hover{color:#01a3e1}
.blue2, .blue2 a,.blue2 a:hover{color:#459ec8}
.yellow,.yellow a,yellow a:hover{color:#ffea00}

/* BORDER */
.bb{border-bottom:1px solid #999;}.bb1{border-bottom:1px solid #eee;}
.bt{border-top:1px solid #eee;} .bt1{border-top:1px solid #999;}
.bl{border-left:1px solid #eee;} .bl1{border-left:1px solid #eee;}
.br{border-right:1px solid #eee;}.br1{border-right:1px solid #999;}

.border1{border:1px solid #eee;}
.border2{border:1px solid #ccc;}
.border3{border:1px solid #ddd;}
.border4{border:1px solid #ccc;}
.border5{border:1px solid #ddd; background:#fff;}

/* BACKGROUND */
.bg-white{background:#fff;}
.bg-white1{background:#f2faff;}
.bg-black{background:#000;}
.bg-pale{background:#f3f3f3; border:3px solid #ebebeb !important;}
.bg_grey{background:#f0f0f0}
.bg-gray1{background:#272727;}
.bg-blue{background:#061373;}.bg-red{background:#da2d1c;}.bg-green{background:#7eac2e;}
.bg-yellow{background:#ffc000;}.bg-pink{background:#c10c70;}
.bg-gray2{background:#2a2a2a;}.bg_grey4{ background:#fff; box-shadow:1px 1px 5px #ccc;}

/*FORM-Fields*/
input[type=text]{color:#333; background:#fff; border:1px solid #ccc; padding:5px 10px}
input[type=password]{color:#333; background:#fff; border:1px solid #ccc;}
input[type=file]{color:#333; background:#fff; border:1px solid #ccc;}
textarea, select{color:#333; background:#fff; border:1px solid #ccc; resize:none}
input, textarea, select{font:normal 13px/18px 'Open Sans', Arial, Helvetica, sans-serif;color:#555;}
input.check{border:1px solid #666; font-size:13px;  width:15px; height:15px; margin:2px 2px 2px 0px; outline:none; background:#fff;}

::-webkit-input-placeholder{color:#111;}
:-moz-placeholder{color:#111;}
::-moz-placeholder{color:#111 ;}
:-ms-input-placeholder{color:#111;} 

/*Button-style*/
.btn1, .btn1:visited{background:#0a56a9; display:inline-block; text-align:center; color:#fff !important; font:400 14px/35px 'Roboto', sans-serif;height:35px; padding:0px 15px;cursor:pointer; text-transform:uppercase;}
.btn1:hover{background:#000; color:#fff;}

.btn2, .btn2:visited{background:#2e4491; display:inline-block; text-align:center; color:#fff !important; font:400 14px/35px 'Roboto', sans-serif;height:35px; padding:0px 15px;cursor:pointer;text-transform:uppercase;}
.btn2:hover{background:#0fa3e5; color:#fff;}

.btn3, .btn3:visited{background:#ccc; display:inline-block; text-align:center; color:#fff !important; font:600 15px/35px 'Roboto', sans-serif;height:35px; padding:0px 25px;cursor:pointer}
.btn3:hover{background:#222; color:#fff;}

.subscribe_btn, .subscribe_btn:visited{background:#01a5e2; display:inline-block; text-align:center; color:#fff !important; font:15px/38px 'Open Sans', Arial, Helvetica, sans-serif; height:38px; border:0; border-radius:20px;padding:0px 20px; text-transform:uppercase; cursor:pointer}
.subscribe_btn:hover{background:#ffffff;text-decoration:none; color:#01a5e2 !important;}

a.btn-red{ color:#fff;} a:visited.btn-red  { color:#fff;}
.btn-red{background:#c10001; padding:5px 10px; text-transform:uppercase; color:#fff; font-size:13px; border:1px solid #971218;}
a.btn-red:hover{ color:#fff; background:#e51836}

.btn7{background: #e3e3e3;
background-image: -moz-linear-gradient(#fff, #e3e3e3);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e3e3e3),color-stop(1, #fff)); padding:3px 20px 3px 10px;color:#666;font-size:14px;text-transform: capitalize;border:1px solid #ddd; }
.btn7:hover{ color:#fff; background:#006eb8}
.btn-warning{background:#006eb8;border:1px solid #0b6892;}
.btn-warning:hover{background:#000;border:1px solid #666}
/*Button-style*/
.myulx{ margin:0px; padding:0px;}
.myulx li{list-style:none;margin:0px;padding:0px;}
.letter_s{letter-spacing:3px;}
/*==========Header-Section============*/
.minmax{min-width:1200px; max-width:100%;}
.container{width:1259px; padding:0 15px;}
.row{padding:0; margin:0;}.row > .no_pad{padding:0; margin:0;} 

.mw_98{max-width:98%; height:auto;}.mw_96{max-width:90%; height:auto; margin:auto;}.w97{ width:80%;}.w100{ width:100%;}
.top_area{background:#002f50;}
.logo_area{text-align:left; margin:10px 0px}
.connect_with_us{text-align:left; margin-top:20px;}

.top-header{ background:rgba(255,255,255,0.8); position:absolute; top:10px; height:100px; z-index:99; width:100%;}
/* SEARCH-AREA */
.srch_area{ float:right; position:relative; margin-top:36px;}
.srch_area input[type="button"]{background:url(../images/srch-ico.png) no-repeat 0px 0px ; transition: all linear .3s; width:45px; height:45px; }


.srch_pop{width:100%;position:absolute;top:99px;z-index:9999; display:none; background:#fff; border:1px solid #ccc; padding:10px;}
.srch_sect{width:100%;border-radius:0px;margin-top:0px; }
.srch-inr{background:#fff;border:1px solid #dadada; width:85%;float:left;margin-right:2px; overflow:hidden}

.srch_sect .srch-inr input[type="text"]{font-size:13px; color:#7d7d7d; height:40px; padding:0px 10px 0px 8px; width:50%; background:none !important; box-shadow:none; border:0px; }

.srch_sect .srch-inr select{ width:40%;font-size:13px;  height:40px; background:#f9f9f9; border:none; border-radius:0px; padding-left:10px; text-transform:uppercase;border-right:1px solid #ccc}
.srch_sect input[type="button"]{ background:#16588a;border:none;float:right;height:43px; transition: all linear .3s; color:#fff; padding:0px 10px; text-transform:uppercase}
.srch_sect input[type="button"]:hover {background-color:#0c80b9; color:#000; background-position:center -25px;}
.srch_sect .adv-src{width:100%;line-height:16px; text-align:right; margin-top:10px; }
.srch_sect .adv-src a{ color:#000; text-transform:uppercase; font-size:13px; font-weight:bold; line-height:20px;}
.srch_sect .adv-src a:hover{ text-decoration:underline; color:#f7b508; }



/*Top-right navbar*/
.navbar-header{ padding:0px 0px 0px 0px; margin-top:6px;}
.navbar{min-height:20px; width:93%; margin-bottom:0px; padding-bottom:0px;}
.navbar-nav{ margin-left:0px; margin-top:0px; margin-right:12px;float:right; }
.navbar-static-top{background:none;}
.navbar-static-top .navbar-nav{ margin-top:0px;}
.navbar-static-top .navbar-nav>li{ background:none; position:relative;}
.navbar-static-top .navbar-nav>li>a{color:#000;font-size:15px;font-family: 'Open Sans', sans-serif; padding:31px 25px ; font-weight:600; line-height:43px; background:none;  transition:all linear .6s}
 
.navbar-static-top .navbar-nav>.open>a,.navbar-static-top .navbar-nav>.open>a:focus,.navbar-static-top .navbar-nav>.open>a:hover{color:#fff;background:#f5f5f5;border-bottom:3px solid #68afd8}
.navbar-static-top .navbar-nav>li.open:focus{background:none}
.navbar-static-top .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-fixed-top .navbar-nav>.active>a:focus{color:#fff;background:#16578a;}
.navbar-static-top .navbar-nav>li>a:hover{color:#fff;background:#16578a;}

/* Underline From Center */
.hvr-underline {display:inline-block;vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;position: relative;overflow: hidden;}
.hvr-underline:before {content: "";position: absolute;z-index: -1;left: 50%;
right: 50%;bottom: 0;background: #2098D1;height: 6px;
-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline:hover:before, .hvr-underline:focus:before, .hvr-underline:active:before {left: 0;right: 0;}
.navbar-static-top .navbar-nav>.active>a.hvr-underline:before{left: 0;right: 0;}

.dropdown-menu{background:#7eac2e; margin-left:0px; width:auto; position:absolute;}
.dropdown-menu>li{border-bottom:1px solid #fff;}
.dropdown-menu>li>a{color:#fff; line-height:30px; }
.dropdown-menu>li>a:hover{background:rgba(0,0,0,0.3); color:#fff;}

.navbar-toggle{ background:#000;}
.navbar-toggle span.icon-bar{ background:#fff;}

/* NAV ENDS */
/*INNDER-BANNER*/
.inner-banner{ width:100%; min-height:180px;}
.inner-banner img{ width:100%; min-height:180px; height:auto}


/*Core-Values*/
.core_value_bg{ background:#0c7db6; width:100%; padding:20px 0px}
.core_value_bg h2{font-size:30px; color:#fff; line-height:36px; text-transform:uppercase; text-align:center;}
.core_value_bg h2 span{font-size:34px;text-transform:uppercase;}

.core_v_cont{width:100%; margin:10px 0px}
.core_v_img{width:192px;height:102px;overflow:hidden; margin:0 auto}
.core_v_img figure{width:192px; height:102px; display:table-cell; vertical-align:middle; text-align:center;}
.core_v_img figure img{max-width:100%; text-align:center; margin:0 auto; transition:all linear .6s}
.core_hed{font-size:20px; color:#d0ce08; display:block; text-align:center; font-weight:600}

/*WELCOME-AREA*/
.wlcm-cont{ width:100%; padding:30px 0px 20px 0px; text-align:center;}
.wlcm-cont h1{font-size:30px; color:#000; font-weight:bold;}
.wlcm-cont .wlcm_txt{font-size:14px;color:#373737; padding:20px; line-height:22px; width:90%; margin:10px auto}
.wlcm-cont .wlcm_txt span{ font-weight:600;}
.wlcm-cont .wlcm_txt span a{color:#373737;}
/*WELCOME-AREA*/

/*INDUSTRIES*/
.prev{ width:45px; height:46px; left:15px; position:absolute; z-index:99; top:46.4%;}
.next{ width:45px; height:46px; right:15px; position:absolute; z-index:99; top:46.4%;}
.industries_bg{background:url(../images/industrie_bg.jpg) no-repeat center top;min-height:385px;}
.industries_inr{ padding:30px 0px; width:100%; text-align:center;}
.industries_inr h2{color:#fff; font-weight:600}
.industry_list_h{margin:20px auto;height:245px; overflow:hidden;}
.industry_list ul, .industry_list ul li{margin:15px 0 20px 0; padding:0; list-style:none;}
.industry_list ul li{float:left; width:25%;}
.indus_cont{width:295px; margin:auto;}
.indus_img{width:295px; height:197px; overflow:hidden; margin:0 auto}
.indus_img figure{width:295px; height:197px; display:table-cell;text-align:center; vertical-align:middle; }
.indus_img img{margin:auto;max-width:100%; text-align:center; height:auto;transition:all linear .6s}
.indus_cont:hover .indus_img img{transform:scale(1.05)}
.indus_cont .indus_ttl{height:45px;overflow:hidden;color:#69afd9;}
.indus_cont .indus_ttl a{color:#69afd9;}
.indus_cont:hover .indus_ttl a{color:#fff;}
/*INDUSTRIES-ENDS*/

/*OUR-PROJECTS-&SKILLS*/
.our_projects{ width:100%; margin-top:20px;}
.our_projects h2{font-size:30px;font-weight:600;color:#000000; text-align:center;}
.proj_list_h{margin:20px auto;height:100%; /*overflow:hidden;*/ position:relative;}
.proj_list ul, .proj_list ul li{margin:0; padding:0; list-style:none;}
.proj_list ul li{float:left;width:25%;margin-bottom:0px; display:block; list-style:none;}
.project_list ul{ margin:0px !important; padding:0px;}

.proj_area{width:295px; margin:auto; background:#fff;}
.proj_thm{width:295px; height:197px; margin:auto; overflow:hidden; box-shadow:0px 0px 1px #666}
.proj_thm figure{width:295px; height:197px; display:table-cell; vertical-align:middle;}
.proj_thm figure img{max-width:100%; text-align:center; height:auto;transition:all linear .6s}
.proj_area:hover .proj_thm figure img{transform:scale(1.05);}

.proj_area .proj_ttl{ height:45px; overflow:hidden; color:#373737; font-weight:600;}
.proj_area .proj_ttl a{color:#373737;}
.proj_area .proj_ttl a:hover{color:#69afd9;}

.enquiry_btn, .enquiry_btn:visited{background:#74b53f; color:#fff !important; display:inline-block; text-align:center;font:700 13px/30px 'Roboto Slab', serif;height:30px; padding:0px 22px;cursor:pointer; text-transform:uppercase;}
.enquiry_btn:hover{background:#87c555; color:#fff;}
.title_h{ height:38px; overflow:hidden}
/*OUR-PROJECTS-&SKILLS*/

/*Buttons*/
.enquiry_btn2, .enquiry_btn2:visited{background:#db3093; color:#fff !important; border-radius:15px; display:inline-block; text-align:center;font:700 15px/40px 'Roboto Slab', serif;height:40px; padding:0px 30px;cursor:pointer; text-transform:uppercase;}
.enquiry_btn2:hover{background:#45cdc7; color:#fff;}

.yel-btn{ background:#68afd8; padding:11px 20px; display:inline-block; color:#000; line-height:22px; font-size:14px; border-radius:30px; font-weight:600}
.yel-btn:hover{ background:#000; color:#fff; text-decoration:none;}

.yel-btn2{ background:#f6bc0c; padding:5px 30px; display:inline-block; color:#000; line-height:20px; font-size:14px; text-transform:uppercase;}
.yel-btn2:hover{ background:#16578a; color:#fff; text-decoration:none;}
/*Buttons*/

/*NEWS-SECTION*/
.wrap_outer{ width:100%; display: block; border-top:1px solid #ccc; padding:20px 0px}
.wrap_outer h2{ text-align:center;}
.news_area{width:80%; height:auto; margin:20px auto; padding:0 0px 20px; overflow:hidden; border:0px solid #e8e8e8;} 
.news_img{width:295px; height:197px; margin:10px auto;padding:0;float:left;position:relative; overflow:hidden;}
.news_img figure{width:295px; height:197px; margin:0 auto; padding:0; vertical-align:middle; text-align:center; display:table-cell;}
.news_img img{max-width:100%; text-align:center;}

.news-text-area{float:right; position:relative; width:68%;}
.news_ttl{font-size:22px;color:#000; font-weight:400;}
.news_ttl a{color:#000;}
.news_ttl a:hover{color:#68afd8;}
.news_txt{color:#565656;font-size:14px;height:86px;overflow:hidden;line-height:24px;}
.news_txt span a{color:#333;font-weight:600; }

/*NEWS-SECTION*/

/*GLOBAL-PRESENCE*/
.global_list_h{ height:110px; overflow:hidden;margin:25px 0px;}
.global_list ul, .global_list ul li{margin:0; padding:0; list-style:none;}
.global_list ul li{float:left;width:16.6666%;display:block;list-style:none;}
.global_img{width:183px;height:108px; margin:0px auto;}
.global_img:hover{width:183px;height:108px; margin:0px auto; border:2px solid #68afd8; border-radius:20px; overflow:hidden;}
.global_img figure{width:183px;height:108px;margin:0 auto;padding:0;vertical-align:middle; text-align:center; display:table-cell;}
.global_img img{max-width:100%; text-align:center;}
/* Customer */
.customer_area{width:70%; margin:auto; text-align:center; line-height:22px;}
.arr_pos_l{position:absolute; z-index:9; top:130px; left:0px;}
.arr_pos_r{position:absolute; z-index:9; top:130px; right:0px;}
/* Customer */


/*footer*/
.footer_bg{background:#16578a;border-bottom:2px solid #4d8b1b;}
.ft_hed{ font-size:22px;color:#85c9f0;}
.footer_sec1{width:12%; float:left; margin-right:5%;}
.footer_sec2{width:24%; float:left;}
.footer_sec3{width:22%; float:left;}
.footer_sec4{width:30%; float:right;}

.loc_area2{width:100%; margin-bottom:18px;}
.loc_area{width:100%; margin-top:18px; line-height:16px;}
.loc_area span{display:inline-block; color:#fff;}

.ft_link a{font:14px/22px 'Open Sans', Arial, Helvetica, sans-serif;color:#fff;display:block;}
.ft_link a:hover{color:#94d5fb;}
.ft_link a span{color:#85c9f0;}

.ft-logo{ text-align:right; margin-bottom:10px;}
.f_dd_box{margin:10px 0 0 0}

.copy{text-align:right;font-size:13px; line-height:17px;color:#fee0c7;}.copy a{color:#fee0c7;}
.soc_links{ margin:1px 0px 1px 0px; text-align:right;}
.soc_links a{width:34px; display:inline-block;  margin:0px;}
.soc_links a b{display:block;width:37px;height:25px;background:url(../images/s_ntwrks.png) no-repeat 0px 0px; margin-bottom:-1px;}
.soc_links a b:hover{background-position:0px bottom;transition:all linear .2s;}
.soc_links a.two b{background-position:-39px 0px;}.soc_links a.two b:hover{background-position:-39px bottom;}
.soc_links a.three b{background-position:-77px top;}.soc_links a.three b:hover{background-position:-77px bottom;}
.soc_links a.four b{background-position:-115px top;}.soc_links a.four b:hover{background-position:-115px bottom;} 
.soc_links a.five b{background-position:-155px top;}.soc_links a.five b:hover{background-position:-155px bottom;}   
/*Social Networks*/

/*footer*/

/*tab*/
.tab_hide{position:absolute; z-index:-9; left:-10000px; top:-10000px; border:1px solid red;}
.tabs.act{background:#74b53f; color:#fff; border-bottom:5px solid #fff; text-decoration:none;} .tabs:hover{background:#74b53f;color:#fff; border-bottom:5px solid #fff; text-decoration:none;}
.list10 li{list-style-type:none; display:inline-block;border-right:1px solid #000;}
.list10 li a{font:700 24px/50px 'Roboto Slab', serif; color:#676767; text-transform:uppercase; display:inline-block; padding:0px 40px;}

/*listing*/



/* TREE */
.breadcrumb_outer{background:#68afd8; border-bottom:3px solid #fdc704;}
.breadcrumb_outer .breadcrumb{margin:0; font-size:14px; background:none; padding:5px 0}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover{color:#fff;}
.breadcrumb li.active{color:#fff;}
/* TREE CLASSES */
/* CMS AREA */
.mid_area{padding-top:20px; padding-bottom:20px; margin-bottom:20px;}
.cms_area{line-height:24px;font:14px/23px 'Open Sans',Arial, Helvetica, sans-serif; min-height:400px; overflow-x:auto; margin-bottom:20px; margin-top:20px;}
.cms_area ul, .cms_area ol{font:14px/23px 'Open Sans',Arial, Helvetica, sans-serif; margin:30px 0px 30px 50px}
.cms_pc{float:right; margin:5px 0 10px 10px; max-width:100%; border:1px solid #ddd; padding:10px;}
/* CMS AREA ENDS */
.my_list2{}
.my_list2 li{ margin-bottom:6px; padding-left:17px; list-style:none; margin-left:20px;}
.my_list2 li:hover{font-weight:bold}

.short_form{font-size:14px}
.short_form input[type=text], .short_form input[type=password], .short_form select, .short_form textarea, .short_form .fls{padding:9px; width:80%; box-shadow:0 5px 5px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc;}
.short_form .w36{float:left; width:27%; text-align:right}
.short_form .w62{float:right; width:70%}
/* SHORT FORM ENDS */

/* CONTACTS */
.contact_box .row{ margin-left:-15px; margin-right:0px;}
.contact_form input[type=text], .contact_form select,.contact_form textarea{width:49%; padding:7px 10px; color:#666 !important; border:2px solid #ddd; border-radius:3px; font:400 14px/20px 'Roboto', Arial, Helvetica, sans-serif; margin:0}
.contact_form .large{width:98.8% !important;}
.contact_bx_1{ width:100%; box-shadow:0px 0px 10px #ccc;}
.ft-contct{width:100%;color:#000000; font-size:12px; margin-top:8px; display:block; font-weight:600; line-height:20px; height:55px; border-bottom:1px dashed #ccc; padding-bottom:20px;}
.ft-contct span{ display:block;float:left;width:43px;height:43px;overflow:hidden;margin-right:5px;}
.ft-contct b{font-weight:600; font-size:19px; padding:10px 0px; line-height:22px; display:inline-block}
.ft-contct a{color:#000066;}
.ft-contct span{ font-size:20px; width:50px; height:50px; border:1px solid #ccc; text-align:center; display:inline-block; line-height:50px; border-radius:50%; background:#fff; }
.ft-contct span i{width:50px; height:50px; display:table-cell; vertical-align:middle;}
.feedback{ width:100%; padding:10px; background:#fff; box-shadow:0px 0px 10px #ccc;}
/* CONTACTS ENDS */

/* FAQ */
.panel-group .panel{border-radius:0; border:1px solid #eee; margin:10px 0; box-shadow:0}
.panel-default>.panel-heading{background:#fff; position:relative}
.panel-default>.panel-heading a{padding:2px 5px 2px 30px; display:block; color:#4e4e4e; font:500 15px/18px 'Open Sans', Arial, Helvetica, sans-serif;}
.panel-heading [data-toggle="collapse"]:after {font-family: 'Glyphicons Halflings'; content: "\e114"; /* "play" icon */ float: left; color: #08468f; font-size: 18px; line-height: 22px;/* rotate "play" icon from > (right arrow) to down arrow */ transform: rotate(180deg); margin-left:-30px}
.panel-heading [data-toggle="collapse"].collapsed:after {/* rotate "play" icon from > (right arrow) to ^ (up arrow) */transform: rotate(0deg); color: #454444;}


.panel-body{background:#f8f8f8;}
.panel-body ul, .panel-body ol{font:normal 13px/22px 'Open Sans', Arial, Helvetica, sans-serif; margin:20px 0px 20px 30px}
.inr_text{margin:15px 0 0 0; height:200px; position:relative; overflow:hidden}
.inr_text1{font:italic 400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#666; height:140px; overflow:hidden}
.inr_news_pc{width:100%;}
.inr_news_pc img{width:100%; height:auto; max-height:150px; display:block;}
.inr_news_ttl{display:block; font:700 16px/20px 'Open Sans', Arial, Helvetica, sans-serif; margin:15px 0 0 0}
/* FAQ ENDS */
/*News */
.news_bg{background:#f7f7f7; border:1px solid #ddd; margin-bottom:10px;}
.news_area_l{float:left;}
.news_area_r{width:72%; float:left;margin-left:15px;}

.news_img2{width:295px; height:197px; overflow:hidden;}
.news_img2 figure{width:295px; height:197px; display:table-cell;text-align:center; vertical-align:middle;}
.news_img2 img{max-width:100%; text-align:center; height:auto;}
.news_in_ttl{font-size:20px;color:#16578a;}
.news_in_ttl a{color:#16578a;}
.news-list{ border:1px solid #ddd; padding:5px 10px; background:#f7f7f7;}
.news-list a{ color:#000; line-height:20px; font-size:12px; padding:0px; display:block; margin-bottom:3px;}
.news-list a:hover{ text-decoration:underline;}
/* News */


/* Category_list */
.cat_list ul, .cat_list ul li{margin:0 0 20px 0; padding:0; list-style:none;}
.cat_list ul li{float:left; width:33.3333%;}

.cat_area{width:370px; margin:auto; box-shadow:1px 0 5px #ddd; padding:5px;}
.cat_area:hover{box-shadow:1px 0 10px #ccc;}
.cat_img{width:360px;height:360px; overflow:hidden;}
.cat_img figure{width:360px;height:360px;display:table-cell;text-align:center; vertical-align:middle; }
.cat_img img{max-width:100%; text-align:center; height:auto;}
.txt_h{height:54px; overflow:hidden;}

.thm1{width:72px; height:72px; border:1px solid #ddd; overflow:hidden;}
.thm1 figure{width:70px; height:70px;}
.thm1 figure img, .thm1 img{max-width:100%; text-align:center; margin:auto;}
/* Category_list */

/* details */
.dtl_images{float:left; margin:0 0 0 5px; position:relative; width:370px; min-height:244px; border:1px solid #ddd; padding:10px;}
.dtl_contents{float:left; width:67%; margin:0 0 0 2%;}


.product-dtl-img{width:350px; height:233px; overflow:hidden; margin:0 auto}
.product-dtl-img figure{width:350px; height:233px; display:table-cell; text-align:center; vertical-align:middle}
.product-dtl-img img{max-width:100%; text-align:center; margin:auto;}

.video_area{border:10px solid #eee; padding:20px; max-width:100%; height:465px;}
.dtl_thm{margin:0px auto; padding:0px 3px; width:90%; overflow:hidden }
.dtl_thm ul{ margin:0px; padding:0px; text-align:center; border:1px solid #red}
.dtl_thm ul li{ list-style:none; width:25%; display:inline-block; float:none;}

.ds_thm {width:70px; height:47px; text-align:center; overflow:hidden; border:1px solid #ddd; margin:0px auto}
.ds_thm figure{width:70px; height:47px; display:table-cell; text-align:center; vertical-align:middle;}.ds_thm figure img{ max-width:98%; height:auto;}
.ds_thm img{max-width:100%; text-align:center;}
/* details */

/* sitemap classes */
.stmp_cont h2{ font-size:18px; font-weight:500;}
.stmp_cont{padding:10px 20px; width:100%; background:#fff; box-shadow:10px 2px 10px #ccc inset; margin:10px 0px; border:1px solid #ccc; float:left;}
.sitemap{ }
.sitemap a{display:block; font:400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#000; padding:5px 10px; margin:5px .5%; border:1px solid #ddd;transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; width:32%; float:left;}
.sitemap a:hover{color:#fff;background:#16578a;}

/*New Add*/
.counter{ position:relative; margin-top:10px; background:#16578a; color:#fff; padding:0px 10px; border-radius:10px;  right:0%; border:2px solid #3863a7; box-shadow:0px 0px 15px #000 inset;  line-height:40px; display:inline-block; height:45px;  } 
.counter span{ font-size:12px; display: inline-block; color:#000; text-decoration:none; background:#ccc; padding:1px 4px; line-height:16px; margin-left:1px;  text-align:center; border:1px solid #fff;}
/*New Add End*/
.scroll_6{width:100% !important; margin:0 auto;}
ul.float_1{margin:0 auto; padding:0;}
ul.float_1 li{float:none; position:relative; list-style:none; width:100%;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#back-top{right:15px;}
} 

 /* FANCY BOX */
.fancybox-close{position: absolute;top: 2px !important;right: 2px !important;width:24px;height:24px;
cursor ointer;z-index:8040; background:url(../images/x.png) no-repeat center center !important;}
.fancybox-close:hover{background:url(../images/x2.png) no-repeat center center !important;}
.fancybox-skin{-webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;border-radius:2px !important;}
.fancybox-overlay{background:rgba(0,0,0,.8) !important;}
/* FANCY BOX */ 


@media only screen and (max-width:1279px){
.container{width:100%;}
/*INDUSTRIES */
.indus_cont{width:275px; margin:auto;}
.indus_img{width:275px; height:183px;}
.indus_img figure{width:275px; height:183px;}
/*INDUSTRIES */

/*PROJECTS-&-SKILLS */
.proj_area{width:275px; margin:auto;}
.proj_thm{width:275px; height:183px;}
.proj_thm figure{width:275px; height:183px;}
/*INDUSTRIES */

.banner_txt_pos{position:absolute; z-index:9; bottom:100px; left:50px;}
.banner_btn {position:absolute; z-index:9; bottom:300px; right:14%; width:25%;}
.banner_btn img { width:100%; height:auto;}
/* banner */


/*listing*/
.pro_list_o_hid{ height:327px; overflow:hidden;}
.pro_area{width:181px;}
.pro_thm{width:181px; height:181px;}
.pro_thm figure{width:181px; height:181px;}
.transparent-bg p{ padding:66px 40px;}
.enquiry_btn, .enquiry_btn:visited{font:700 15px/43px 'Roboto Slab', serif;height:43px; padding:0px 20px;}
/*listing*/

/* Category_list */
.cat_area{width:310px;}
.cat_img{width:300px; height:300px;}
.cat_img figure{width:300px; height:300px;}
/* Category_list */

/* DETAILS */
.dtl_images{float:left; margin:0 0 0 5px; position:relative; width:372px; min-height:244px;}
.dtl_contents{float:left; width:59%;margin:0 0 0 2%;}
/* DETAILS */



}


/* ================= Desktop/Laptop below 1152px  ================= */
@media only screen and (max-width:1151px){
.logo_area img{max-width:100%; height:auto;}
/*SEARCH*/
.srch-inr{ width:80%}
/*INDUSTRY */	
.industry_list ul li{ width:33.3333%}
/*INDUSTRY */	
/*PROJECTS-&-SKILLS */	
.proj_list ul li{ width:33.3333%}
/*PROJECTS-&-SKILLS */
/*CAPABILITIES*/
.news_area { width:98%}
/*CAPABILITIES*/

/*GLOBAL-PRESENCE*/
.global_list ul li{width:20%}
/*GLOBAL-PRESENCE*/
/*FOOTER*/
.footer_sec1{ width:17%; margin-right:2%;}
/*FOOTER*/
/*CAPABILITIES*/
/*NEWS-INNER */
.news_area_l{float:left;}
.news_area_r{width:67%;float:left;margin-left:15px;}
/*NEWS-INNER */
/* PRODUCTS */
.pro_list ul li{float:left; width:20%; margin-bottom:25px;}

.footer_sec3 {
    width: 26%;
    float: left;
}

}

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width: 991px) {
.container{ padding:0px;}
.logo_area{ text-align:center; margin:20px 0px}	
/*SEARCH*/
.srch-inr{ width:75%}
/*NAVIGATION*/
.navbar{ width:80%;}
.navbar-static-top .navbar-nav { padding:0px; }
.navbar-header{ float:none; width:100%; margin-top:0px;text-align:left;}
.navbar-toggle{background-image: none; padding:8px 8px;
border:0px solid transparent;float:right;margin-bottom: 0px; background:#16578a;border-radius:0px;margin-left:8px;margin-top:24px;position: relative;display:block; margin-right:20px;}

.navbar-toggle .icon-bar {display:block;width:28px;height:4px;background:none;}
.navbar-toggle .icon-bar+.icon-bar {margin-top:6px;}
.navbar-toggle span.icon-bar {background:#fff;}

.navbar-nav{ float:none; margin:0px 0px 0px 0px; display:block; padding:0px; width:100%;}
.navbar-collapse{background:#fff;width:100%;position:absolute;z-index:9;padding:0px; margin-left:-12px; border:2px solid #666;}
.navbar-collapse.collapse{ display:none !important;}	
.navbar-collapse.collapse.in{ display:block !important;}

.navbar-static-top{ position:absolute; right:50px;}
.navbar-static-top .navbar-nav>li{ display:block; float:none; margin:0px;}
.navbar-static-top .navbar-nav>li>a{ padding:4px 20px;border-bottom:1px solid #000; display:block; color:#000;}
.dropdown-menu{position:static;float: none;width:auto;margin-top: 0;}
/* NAV ENDS */
/* SEARCH_AREA */
.srch_area{ margin-top:29px;}

/*INDUSTRY */	
.industry_list ul li{width:50%}
/*INDUSTRY */	
/*PROJECTS-&-SKILLS */	
.proj_list ul li{width:50%}
/*PROJECTS-&-SKILLS */
/*CAPABILITIES*/
.news_area { width:95%}
/*CAPABILITIES*/

/*GLOBAL-PRESENCE*/
.global_list ul li{width:25%}
/*GLOBAL-PRESENCE*/


/*listing*/
.pro_list ul li{float:left; width:33%;}
.pro_list_o_hid{ height:333px; overflow:hidden;}
.pro_area{width:181px;}
.pro_thm{width:181px; height:181px;}
.pro_thm figure{width:181px; height:1181px;}

.enquiry_btn, .enquiry_btn:visited{font:700 15px/43px 'Roboto Slab', serif;height:43px; padding:0px 18px;}
/*listing*/

/*footer*/
.footer_sec1{width:44%; margin:0 2% 0 1%; padding:5px;}
.footer_sec2{width:44%;margin:0 2% 0 1%;padding:5px;}
.footer_sec3{width:48%; margin:30px 0 0 12px;padding:5px;}
.footer_sec4{width:49%;padding:15px;}
.loc_area{width:100%; float:none; margin-top:18px;}
.loc_area_l{ width:48%; margin-right:2%;}

/*footer*/

/*NEWS-INNER */
.news_area_l{float:left;}
.news_area_r{width:56%;float:left;margin-left:15px;}
/*NEWS-INNER */

/*testimonial*/
.testimonial_box{ background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; min-height:200px; width:92%; float:right}
.testimonial_box .thm{ background:#fff;width:90px; height:90px; border-radius:90px; padding:5px; position:absolute; z-index:9; top:50px; left:-50px; border:5px solid #fff; box-shadow:0 1px 10px rgba(204,204,204, .5)}
/*testimonial*/

/* Category_list */
.cat_list ul li{float:left; width:50%;}	

/* DETAILS */
.dtl_images { float:none; margin:10px auto}
.dtl_contents{float:none; width:97%; margin:auto; padding-top:20px;}
/* DETAILS */

/*CONTACT-US*/
.contact_box .row{margin-left:0px;}
.sitemap a{width:48%; float:left;}


.news-text-area {
    float: right;
    position: relative;
    width: 56%;
}
.news_txt {
    color: #565656;
    font-size: 14px;
    height: 92px;
    overflow: hidden;
    line-height: 24px;
}

}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width:767px) {
h1{font:28px/26px 'Open Sans',Arial, Helvetica, sans-serif;color:#454545;}
h3{font:700 30px/36px 'Open Sans',Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;}

.top-header{ height:auto;height: auto; position: relative; background: transparent;}
.srch-inr{ width:80%}
.srch_area{ margin-top:22px; right:10px; position:absolute; top:-80px;}
.srch_pop{ top:0px;}

.navbar-static-top{ position:static; width:98%; min-height:1px;}
.navbar-toggle{margin-left:10px; margin-top:0px; margin-right:0px;top:-65px; right:90px; position:absolute; z-index:99}
.navbar-collapse{ width:100%; right:0px; float:none; background:#f1f1f1; position:absolute; padding:0px}
.navbar-nav{ width:100%; border-right:0px; margin-right:0px;}
.navbar-static-top .navbar-nav>li>a{ border-bottom:1px solid #000;}
.navbar-header{ margin-top:0px; width:100%}
.logo_area{text-align:center;}
/*CORE-VALUE*/
.core_value_bg h2{font-size:22px;}.core_value_bg h2 span{font-size:22px;}
/*CORE-VALUE*/

.core_v_cont {width: 100%; margin: 5px 0px;}
.core_v_img{width:120px;height:64px;overflow:hidden; margin:0 auto}
.core_v_img figure{width:120px; height:64px; display:table-cell; vertical-align:middle; text-align:center;}
.core_v_img figure img{margin:0 auto; transition:all linear .6s; max-width:100%;}
.core_hed{font-size: 16px; color: #d0ce08; display: block; text-align: center; font-weight: 600;}

/*WELCOME*/
.wlcm-cont h1{ font-size:22px;}
.wlcm-cont .wlcm_txt{ width:100%; padding:10px 0px}
/*INDUSTRIES*/
.industries_inr h2{font-size:22px;}
/*PROJECTS*/
.our_projects h2{font-size:22px;}

/*CAPABILITIES */
.wrap_outer h2{font-size:22px;}
.news_list ul li{float:none; width:100%;}
.news_area{width:100%;}
.news-text-area{ width:100%; padding:15px; text-align:center;}
.news_txt{ height:100%}
/*CAPABILITIES */

/*GLOBAL-PRESENCE*/
.global_list ul li{width:33.333%}
/*GLOBAL-PRESENCE*/


/*tab*/
.list10 li a{font:700 18px/20px 'Roboto Slab', serif; color:#676767; text-transform:uppercase; display:inline-block; padding:15px 13px;}

/*listing*/
.pro_list ul li{float:none; width:50%;}
.pro_list_o_hid{ height:360px; overflow:hidden;}
.our_product h2 { font-size:40px;}
/*listing*/


/*footer*/
.footer_sec1{width:100%; float:none; margin:0;}
.footer_sec1 .box1{width:100%; float:none}
.footer_sec1 .box2{width:100%; float:none}

.footer_sec2{width:100%;float:none;margin:0;}
.footer_sec3{width:100%; margin:auto; float:none;}
.footer_sec4{width:100%;}
.footer_sec4 .f_dd_box{display:block;}
.soc_links{ text-align:center;}
.copy{ text-align:center; font-size:12px;}
.loc_area{width:100%; float:none; margin-top:18px;}
.loc_area img{margin-right:10px; float:left;}

.ft_hed{ font-size:18px;}
.f_dd_box{display:none;}.f_dd_box .mt10{ margin:0px;}
.dd_next{margin:0; padding:5px; background:url(../images/pls.png) no-repeat 96% center;cursor:pointer; border-bottom:1px solid #68afd8}
.dd_next_act{background:url(../images/mns2.png) no-repeat 96% center; }

.ft_link{padding:7px;}
.ft_link a{font:13px/24px 'Open Sans', Arial, Helvetica, sans-serif;  border-bottom:1px solid #5495bb; padding:4px 0px}
.ft_link a:hover{color:#ffc000;}
.ft-logo{max-width:100%; height:auto; text-align:center;}
.loc_area2{ padding:10px}
/*footer*/

/* CONTACT US */
.contact_box .col-xs-12{margin-bottom:20px;}
/* CONTACT US */

/* mews */
.news_area_l{float:none; margin:auto;}
.news_img2{width:295px; height:197px; overflow:hidden; margin:0 auto;}
.news_area_r{width:98%;float:none;margin-left:0px; margin-top:15px; text-align:center;}
.news_img{width:295px; height:197px; margin:10px auto;padding:0;float:none;position:relative; overflow:hidden;}

/* mews */

/*testimonial*/
.testimonial_box{background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; min-height:200px; width:100%; float:none}
.testimonial_box .thm{display:none;}
.test_cnt{font:400 14px/20px 'Open Sans',Arial, Helvetica, sans-serif; padding:10px;}
/*testimonial*/

/* Category_list */
.cat_list ul li{float:none; width:100%;}	


/* DETAILS */
.dtl_images{float:none;margin:0 0 0 5px;position:relative;margin:auto;min-height:244px; }
.dtl_contents{float:none; width:97%; margin:auto; padding:15px;}
.dtl_contents h1{ font-size:20px;}

/* DETAILS */

.sitemap a{width:97%; float:none;}
}

@media only screen and (max-width:600px) {
/*INDUSTRY */	
.industry_list ul li{width:100%}
/*INDUSTRY */	
/*PROJECTS-&-SKILLS */	
.proj_list ul li{width:100%}
/*PROJECTS-&-SKILLS */
/*CAPABILITIES*/
.news_area {width:100%}
/*CAPABILITIES*/

/*GLOBAL-PRESENCE*/
.global_list ul li{width:50%}
/*GLOBAL-PRESENCE*/	
	
.dtl_images{float:none; margin:0 0 0 5px; position:relative;  margin:auto; min-height:244px; }
.dtl_thm{ width:88%; padding:0px 10px;}
.dtl_thm ul li{ list-style:none; width:33.333%;}
}

@media only screen and (max-width:515px) {
.dtl_images{float:none; }	
}

@media only screen and (max-width:480px) {
.dtl_images{float:none;}	
}




/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width:479px) {
h1{font:22px/22px 'Open Sans',Arial, Helvetica, sans-serif;color:#454545;}
h2{font:22px/22px 'Open Sans',Arial, Helvetica, sans-serif;color:#454545;}
/*HEADER*/
.srch_area{ margin-top:22px; right:10px; position:absolute; top:-70px;}
.srch-inr{ width:100%; margin-bottom:5px;}
.navbar-toggle{ top:-52px;}
.srch_sect .srch-inr select{ width:100%; border-bottom:1px solid #ccc; border-right:0px; }
.srch_sect .srch-inr input[type="text"]{ width:100%;}
.srch_sect input[type="button"]{ float:none;}

.wlcm-cont h1{ font-size:18px; line-height:18px;}
.cms_pc{ float:none; margin:0 auto; width:98%}
.cms_pc img{max-width:100%;height:auto}
/*GLOBAL-PRESENCE*/
.global_list ul li{width:100%}
/*GLOBAL-PRESENCE*/
/*CONTACTS*/
.contact_box .col-xs-12{ padding:10px;}
.contact_form input[type=text], .contact_form select,.contact_form textarea{ width:100%; margin-bottom:5px;}
.contact_form .mt5{ margin:0px;}
/*listing*/
.pro_list ul li{float:none; width:100%;}
.pro_list_o_hid{ height:360px; overflow:hidden;}
.our_product h2 { font-size:30px;}
/*listing*/

/* Category_list */
.cat_area{width:280px;}
.cat_img{width:270px; height:270px;}
.cat_img figure{width:270px; height:270px;}
/* Category_list */


.dtl_images{width:290px;}
.dtl_contents{float:none; width:100%; margin:auto; padding-top:0px;}

.product-dtl-img{width:268px; height:268px;margin:auto; display:block}
.product-dtl-img figure{width:268px;height:268px;}
.product-dtl-img img{margin:auto; max-width:100%; text-align:center;}
.dtl_thm ul li{ list-style:none; width:50%;}
/* DETAILS */
/*BUTTONS*/
.btn1, .btn1:visited{ padding:0px 9px; font-size:12px;}
.btn2, .btn2:visited{ padding:0px 9px; font-size:12px;}

.news_img2{width:265px; height:177px; overflow:hidden; margin:0 auto;}
.news_img2 figure{width:265px; height:177px; display:table-cell;text-align:center; vertical-align:middle;}

.news_img{width:265px; height:177px; margin:10px auto;padding:0;float:none;position:relative; overflow:hidden;}
.news_img figure{width:265px; height:177px; margin:0 auto; padding:0; vertical-align:middle; text-align:center; display:table-cell;}

/*New Add*/
.counter{ position:relative; margin-top:10px; background:#16578a; color:#fff; padding:0px 10px; border-radius:10px;  right:0%; border:2px solid #3863a7; box-shadow:0px 0px 15px #000 inset;  line-height:40px; display:inline-block; height:45px; text-align:center;}
/*New Add End*/

}
@media only screen and (max-width:320px) {
.navbar-toggle{right:65px;}

}