.pccontent{display:block}
.mobilecontent{display:none}

/**********************************************************Home Page******************************************************/
.homebanner_area{width: 100%; height:100%; position:relative; background: url(../images/dkbluebox_bg.jpg) repeat; min-height:570px;}
.homebanner{float:left; width:64%; min-width:820px; min-height:570px;}
.homebanner_r{float:left; width:35%; min-width:460px; min-height:570px;}
.homebanner1{background: url(../images/homebanner_1.jpg) no-repeat; background-position:center center; background-size:cover; min-height:590px; width:100%;}
.homebanner2{background: url(../images/homebanner_2.jpg) no-repeat; background-position:center center; background-size:cover; min-height:590px; width:100%;}
.homebanner3{background: url(../images/homebanner_3.jpg) no-repeat; background-position:center center; background-size:cover; min-height:590px; width:100%;}
.homebanner4{background: url(../images/homebanner_4.jpg) no-repeat; background-position:center center; background-size:cover; min-height:590px; width:100%;}
.homebanner_capture {width:100%; padding:0px 3%; border:0px; text-align:left; margin:0 auto; position: absolute; top: 41%; transform: translateY(-50%);}
.homebanner_capture_title{font-family: 'Mulish-Regular'; font-size:40px; line-height:50px; color:#ffffff; max-width:420px; text-transform:uppercase; text-align:left;}
.homebanner_capture_btn{text-align:center; font-family: 'Montserrat-Regular'; color:#fff;  width:230px; height:60px; font-size:18px; line-height:28px; padding:16px; border:2px solid #fff; text-transform:uppercase; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; margin:0;}
.homebanner_capture_btn:hover{color:#ccc; border:2px solid #ccc; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;}

.home_welcome{width:100%; min-height:200px;  margin-top:0px; position:relative; margin-top:0; padding:65px 45% 65px 0; text-align:justify}
.home_welcome_content{font-family: 'Montserrat-Regular'; font-size:18px; line-height:30px; color:#333333; text-align:justify; position:relative; margin:0; float:none; width:100%;}
.home_welcome .welcomeimg{position:absolute; z-index:5; right:0; top:0; float:none; width:558px;}
.welcomeimg img{width:100%}

.home_servicebg{width: 100%; height:100%; position:relative; background: url(../images/redbox_bg.jpg) repeat; min-height:720px; padding-top:65px;}
.home_servicebg hr{height:1px; border:none;border-top:1px solid #dc7878;}
.home_servicebg .titleunderline{position:absolute; z-index:3; height:1px; border:none;border-top:3px solid #de8181; width:105px; top:-11px;}

.home_service1{width:100%; position: relative; min-height:415px; padding-top:60px; max-width:384px }
.home_service2{width:100%; position: relative; min-height:545px; padding-top:30px; padding-bottom:50px; max-width:512px}
.home_service1 img, .home_service2 img { width:100%; position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}  
.home_service1 .caption {position: absolute; min-height:415px; font-family: 'Montserrat-Regular'; font-size:20px; text-align:center; font-weight:500; color: #333; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 0; width: 100%; height: 100%; }  
.home_service2 .caption {position: absolute; min-height:545px; font-family: 'Montserrat-Regular'; font-size:20px; text-align:center; font-weight:500; color: #333; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 0; width: 100%; height: 100%; }  
.home_service1:hover .fade-caption, .home_service2:hover .fade-caption   {opacity: 1; cursor:pointer} 
.home_service1 .caption_content{width:100%; padding:10%; position:absolute; text-align:center; height:150px; top:50%; transform:translateY(-50%) }
.home_service2 .caption_content{width:100%; padding:10%; position:absolute; text-align:center; height:200px; top:50%; transform:translateY(-50%) }

.home_projbg1{background-color:#f6f9fc; position:relative; width:100%; margin:0 auto; margin-top:60px; min-height:500px;}
.home_projbg1 h1{position:absolute; margin:0 auto; top:-25px; z-index:3; text-align:center; left:50%; transform:translateX(-50%); width:390px;}
.home_projbg2{background-color:#eef2f6; position:relative; width:100%; margin:0 auto; margin-top:30px;}
.home_projbg2_top{background: url(../images/home_projbg_t.jpg) repeat-x; height:42px;}
.home_projbg2_btm{background: url(../images/home_projbg_b.jpg) repeat-x; height:40px;}
.home_projbg2 .img_b{float:left; width:100%; max-width:500px}
.home_projbg2 .img_s{float:left; width:100%; max-width:240px; margin-left:20px; margin-bottom:20px;}
.home_projbg2 .btnsarea{max-width:720px; height:60px; text-align:center; margin:0 auto}
.home_projbg2 .morebtn{width:100%; max-width:320px; height:60px; background:#fff; border:1px solid #101e6f; text-align:center; margin:0 20px; padding:16px; font-family: 'Montserrat-Regular'; color:#000f65; font-size:18px; float:left; text-transform:uppercase;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;}
.home_projbg2 .morebtn:hover{background:#fff; border:1px solid #c70000;  color:#c70000;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;}

.home_projectb{width: 39.0625%; float: left;}
.home_projects{width: 20.3125%; float: left;}
.project__card {position: relative; will-change: transform; transition: box-shadow .3s ease; box-shadow: 0 10px 30px transparent; }
.project__card.hover-in {transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
.project__card.hover-out {transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; }
.home_projectb:hover .project__card, .home_projects:hover .project__card {box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); }
.home_projectb:hover, .home_projects:hover {-webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }



.home_newsbg{width:100%; background:url(../images/home_newsbg.jpg) no-repeat center center; min-height:650px; background-size:cover;}
.home_newsbg .content_30{width:30%; float:right; border-bottom:1px solid #c70000; padding-top:60px; height:123px;}
.home_newsbg h1{width:210px; border-bottom:3px solid #c70000; line-height:61px;}
.home_news{width:100%; max-width:1130px; min-height:450px; position:relative; text-align:center; margin:0 auto;}
.home_news .newsimg{width:100%; max-width:420px; box-shadow:0px 0px 30px #999; -moz-box-shadow:0px 0px 30px #999; -webkit-box-shadow:0px 0px 30px #999; float:left; position:relative; z-index:1; margin:30px;}
.home_news_content{position:absolute; left:390px; top:77px; z-index:3; background:url(../images/home_news_textbg.png) no-repeat; width:740px; height:360px; padding:60px 70px 20px 60px;}
.home_newsitem_title{font-family:'Montserrat-Regular'; font-size:20px; font-weight:500; line-height:28px; color:#fff; text-align:left; margin-top:-5px;}
.home_newsitem_desc{font-family: 'Montserrat-Regular'; font-size:16px; line-height:28px; color:#fff; text-align:justify;}
.home_newsitem_link{width:145px; height:50px; font-family: 'Montserrat-Regular'; border:1px solid #fff; color:#fff; font-size:16px; line-height:22px; text-transform:uppercase; padding:13px 0px; margin-left:20px; float:right; text-align:center; }
.home_newsitem_link:hover{border:1px solid #ccc; color:#ccc; }

.home_footer{width:100%; background:#000f65; text-align:center;  padding-top:40px; padding-bottom:20px;}
.home_footer  table{border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.home_footer  table tr td{border-right:1px solid #fff; font-family:'Montserrat-Regular'; font-size:14px; font-weight:500; color:#fff; text-transform:uppercase; letter-spacing:1px;}
.home_footer  table tr td i{font-size:16px; font-weight:500; color:#fff; text-transform:uppercase}



/**********************************************************Sub Pages******************************************************/
.breadcrumb_bg{background:#efefef; width:100%; min-height:50px; border-bottom:1px solid #d7d7d7;}
.breadcrumb{font-family:'Montserrat-Regular'; font-size:18px; color:#e13f3f; line-height:28px; text-align:left;}
.breadcrumb .current{text-decoration:underline}
.btn_gradient{width:330px; height:55px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; font-family:'Montserrat-Regular'; font-size:18px; line-height:54px; color:#fff; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;
    background: -ms-linear-gradient(left, #f2601e,  #e13f3f) #e13f3f;    
    background:-moz-linear-gradient(left,#f2601e,#e13f3f) #e13f3f;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f2601e), to(#e13f3f)) #e13f3f; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2601e), to(#e13f3f)) #e13f3f;      
    background: -webkit-linear-gradient(left, #f2601e, #e13f3f) #e13f3f; 
    background: -o-linear-gradient(left, #f2601e, #e13f3f) #e13f3f;  }
.btn_gradient:hover{background:#f2601e; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
.btn_red{width:100%; max-width:330px; height:55px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; font-family:'Montserrat-Regular'; font-size:18px; line-height:54px; color:#fff; border:0px; background:#e13f3f; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
.btn_red:hover{background:#f2601e; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
.btn_white{width:100%; max-width:330px; height:55px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; font-family:'Montserrat-Regular'; font-size:18px; line-height:54px; color:#e13f3f; border:2px solid #e13f3f; background:#fff;}
.btn_white:hover{background:#e13f3f; color:#fff; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
select{float:none; appearance:none; -moz-appearance:none; border: 1px solid #ededed; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor: pointer; color: #cccccc;   
                              padding: 15px 40px 15px 20px; white-space: nowrap; overflow: hidden; position: relative; text-align:left; margin:0 auto 15px; width:94%;
                              box-shadow:0px 1px 5px #ccc; -moz-box-shadow:0px 1px 5px #ccc; -webkit-box-shadow:0px 1px 5px #ccc; 	
                              transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;
                               -webkit-appearance:none; background: url(../images/navi_down_arrow.png) no-repeat scroll right center #fff; float:none;}


/*.subpage_leftnavi{background:#f6f9fc; width:380px; float:left; text-align:center;}*/
.subpage_leftnavi{background:#f6f9fc; width:320px; float:left; text-align:center;}
.subpage_leftnavi ul{list-style:none; text-align: left; padding: 0px; margin: 0;}
.subpage_leftnavi ul .long{background: url(../images/project_libg.png) no-repeat left top; padding:16px 40px 15px 60px; height:96px; color:#333333; font-family:'Montserrat-Regular'; font-size:16px; line-height:30px; width:100%;}
.subpage_leftnavi ul .long:hover{background: url(../images/project_libg_ov.png) no-repeat left top; background-color:#ebf0f5; color:#c70000; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.subpage_leftnavi ul .short{background: url(../images/project_libg_ss.png) no-repeat left top; padding:16px 40px 15px 60px; height:60px; color:#333333; font-family:'Montserrat-Regular'; font-size:16px; line-height:30px; width:100%;}
.subpage_leftnavi ul .short:hover{background: url(../images/project_libg_ssov.png) no-repeat left top; background-color:#ebf0f5; color:#c70000; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.subpage_leftnavi ul .current{background: url(../images/project_libg_sov.png) no-repeat left top; background-color:#ebf0f5; color:#c70000 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.subpage_leftnavi ul .current{background: url(../images/project_libg_current.png) no-repeat left top; background-color:#ebf0f5; color:#c70000; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.subpage_leftnavi ul li a{color:#333333; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none; }
.subpage_leftnavi ul li a:hover{color:#c70000; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}
.subpage_leftnavi ul .current a{color:#c70000 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}


.subpage_right{float:left; width:100%; margin-left:33%; min-height:300px;}
.subpage_rightcotent{width:100%; max-width:857px;}
.subpage_rightcotent ul {padding:0; margin:0; list-style:none }
.subpage_rightcotent ul li {background: url(../images/ullibg.png) no-repeat left top; padding:3px 25px;}
.subpage_right h1{max-width:850px}

.subpage_titleborder{text-align:left; width:100%; border-bottom:1px solid #c70000; padding:0; text-transform:uppercase;}
.h1btm{border-bottom:3px solid #c70000; width:245px; height:1px; margin-top:-2px; margin-bottom:30px; }
.subpage_devider{width:100%; height:1px; border-top:1px solid #d2d2d2; margin:20px auto;}
/*-------------side navi-------------*/
#fl_menu{position:absolute; top:0px; left:0px; z-index:9999; margin-top:5px; display:block}
#fl_menu_mobile{display:none; padding:0px; margin:0px;}
#fl_menu_mobile .qu {background: #c70000; cursor: pointer; padding:12px 0px 10px 0px; text-align:center; margin:0 auto;}
#fl_menu_mobile .an {background: #f6f9fc; display: none; text-align:center; margin:0 auto; padding:0 5%;}
#fl_menu_mobile .an ul {padding:0px; margin:0px; list-style:none;}
#fl_menu_mobile .an ul li {padding:10px 0px; text-align:center; margin:0 auto; padding:10px 0px; color:#333; list-style:none;}
#fl_menu_mobile .an ul li:hover {background:#ebf0f5; padding:10px 0px; text-align:center; margin:0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#fl_menu_mobile .an ul li a{color:#333;}
#fl_menu_mobile .active{background:#c70000;}


/*----------------------------------------------------------------------------subbanners-------------------------------------------------------------------------------*/
.subbanner_aboutus{background: url(../images/subbanner_aboutus.jpg) no-repeat; background-position:center center; background-size:cover; min-height:410px; width:100%;}
.subbanner_project{background: url(../images/subbanner_project.jpg) no-repeat; background-position:center center; background-size:cover; min-height:410px; width:100%;}
.subbanner_febrication{background: url(../images/subbanner_febrication.jpg) no-repeat; background-position:center center; background-size:cover; min-height:410px; width:100%;}
.subbanner_gallery{background: url(../images/subbanner_gallery.jpg) no-repeat; background-position:center center; background-size:cover; min-height:410px; width:100%;}
.subbanner_maintainance{background: url(../images/subbanner_maintainance.jpg) no-repeat; background-position:center center; background-size:cover; min-height:410px; width:100%;}
.subbanner_plantinstallation{background: url(../images/subbanner_plantinstallation.jpg) no-repeat; background-position:center center; background-size:cover; min-height:410px; width:100%;}
.subbanner_certification{background: url(../images/subbanner_certification.jpg) no-repeat; background-position:center center; background-size:cover; min-height:410px; width:100%;}

.subbanner_capture_bg{width:100%; max-width:1280px; position:relative; height:410px; text-align:center; margin:0 auto;}
.subbanner_capture{font-family:'Mulish-Regular'; font-size:40px; color:#fff; font-weight:400; line-height:50px; min-height:50px; text-align:left; position:absolute; top:50%; transform:translateY(-50%); text-transform:uppercase; max-width:350px; }


/*----------------------------------------------------------------------------- FORMS ---------------------------------------------------------------------------------*/
.contact_form{width:100%; padding:0px 3%}
.contact_form .wholewidth{width:100%; max-width:1200px}
.enquiryfm_item {padding-top:0px; position:relative; text-align:left; height:80px; }
.enquiryfm_item_msg {padding-top:0px; position:relative; text-align:left; height:160px;}
.contact_form input, .contact_form textarea {font-size:16px; background:#fff; border: 1px solid #ededed; padding:13px 20px 13px 20px; width:94%; max-width:450px; margin:0; height:56px;  box-shadow:0px 1px 5px #ccc; -moz-box-shadow:0px 1px 5px #ccc; -webkit-box-shadow:0px 1px 5px #ccc; }
.contact_form input:focus, .contact_form textarea:focus {border:1px solid #555; box-shadow: 0 0 3px #aaa;}
.contact_form input[type="radio"]+label, .contact_form input[type="checkbox"]+label {border:none; box-shadow: none; min-width:150px; padding:0 10px;} 
.contact_form input[type="radio"], .contact_form input[type="radio"]:focus, .contact_form input[type="checkbox"], .contact_form input[type="checkbox"]:focus {border:none; box-shadow: none; width:20px; height:20px;} 
.contact_form table td {width:100%; max-width:600px; float:left;}

/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {background: #fff url(../images/red_asterisk.png) no-repeat 98% center; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.contact_form input:required:valid, .contact_form textarea:required:valid {background: #fff url(../images/valid.png) no-repeat 98% center; box-shadow: 0 0 5px #5cd053; border-color: #28921f; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {background: #fff url(../images/invalid.png) no-repeat 98% center; box-shadow: 0 0 5px #d45252; border-color: #eb3636; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

/* === Form hints === */
.form_hint {background: #eb3636; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color: #fff; margin-left:8px; padding: 10px 6px; z-index: 999; position: absolute; display: none; }
.form_hint::before {content: "\25C0"; color:#d45252; position: absolute; top:1px; left:-6px; }
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
.contact_form input.submit{width:100%; max-width:250px; height:60px; font-family:'Montserrat-Regular'; font-size:16px; line-height:54px; color:#000f65; border:1px solid #000f65; padding:0; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
.contact_form input.submit:hover{color:#c70000; border:1px solid #c70000; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
.contact_form select{max-width:450px}

/*----------------------------------------------------------------------about us------------------------------------------------------------------------------------------*/
.aboutusimg{width:100%; max-width:540px; box-shadow:0px 10px 60px #999; -moz-box-shadow:0px 10px 60px #999; -webkit-box-shadow:0px 10px 60px #999; float:right; margin:20px 70px 50px 0px; position:relative; z-index:1;}
#aboutus .content_half_r .text{max-width:640px}
.aboutus_vmbg{background:#eef2f6; min-height:500px;}
.aboutus_vmitem{background: url(../images/aboutus_visionbg.png) no-repeat center center; width:100%; max-width:440px; min-height:455px; padding:90px 70px 90px 60px; text-align:center; margin: 0 auto;}
#vission, #mission, #corevalue{width:33.3333333333333%; float:left; position:relative; }
/*----------------------------------------------------------------------projects------------------------------------------------------------------------------------------*/
.project_img{width:100%; max-width:270px;  float:left;}
/*** Hover Effects ***/	
.project_itemimgbg{width:100%; max-width:270px; height:270px; margin:7px;  text-align:center; overflow: hidden; float:left; position: relative; z-index: 2;  -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; cursor:pointer; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.view-first .project_img_over {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color:  rgba(255,255,255, 0.7); -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.view-first:hover .project_img_over {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.project_itemimgbg .project_img_over {width: 270px; height: 270px; position: absolute; overflow: hidden; top: 0px; left: 0px; vertical-align:central; z-index:199;}/*----------------------------------------------------------------------contact us------------------------------------------------------------------------------------------*/
.contact_servicetitle{float:left; width:70px}
/*----------------------------------------------------------------------gallery ------------------------------------------------------------------------------------------*/
#fullscreenSlideshowContainer .ui {position: absolute; font-family: sans-serif; z-index: 10; font-size: 2em;}
#fs-loader,#fs-prev,#fs-next,#fs-close { background-color: black; color: white; font-weight: bold; cursor: pointer; line-height: 1em;}
#fs-close { top: 1em; right: 1em; }
#fs-prev,#fs-next { top: 50%; margin-top: -1em; }
#fs-prev { left: 1em;}
#fs-next { right: 1em;}
#fs-loader { top: 50%; left: 50%; height: 1em; margin-top: -1em; margin-left: -75px; display: none;}
#fs-caption { bottom: 20px; text-align: center; width: 100%; left: 0; line-height: 1em; display: none;}
/*#fs-caption span { background-color: white;}*/
#fs-loader,#fs-prev,#fs-next,#fs-close,#fs-caption span { padding: 5px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

.gallery_itemimgbg{width:100%; max-width:150px; height:150px; margin:5px;  text-align:center; overflow: hidden; float:left; position: relative; z-index: 2;  -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; cursor:pointer; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.view-first .gallery_img_over {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(255,255,255, 0.7); -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.view-first:hover .gallery_img_over {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.gallery_itemimgbg .gallery_img_over {width: 150px; height: 150px; position: absolute; overflow: hidden; top: 0px; left: 0px; vertical-align:central; z-index:199;}/*----------------------------------------------------------------------contact us------------------------------------------------------------------------------------------*/
.gallery_img_over .fa{font-size:20px; color:#333; padding-top:65px;}

/*----------------------------------------------------------------------Service ------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1600px) {
.homebanner_capture {width:100%; padding:0px 6%; border:0px; text-align:left; margin:0 auto; position: absolute; top: 41%; transform: translateY(-50%);  text-align:center;}

}

@media only screen and (max-width: 1279px) {
.pccontent{display:none}
.mobilecontent{display:block}

.homebanner_area{width: 100%; height:100%; position:relative; background: none; min-height:570px;}
.homebanner{float:none; width:100%; min-width:320px; min-height:570px;}
.homebanner_r{float:none; width:100%; min-width:300px; min-height:570px;}
.homebanner_capture {background-color: rgba(0, 15, 101, 0.8); border: 1px solid #242424; padding: 5%; left: 0%; width: 80%; max-width:600px; max-height:500px; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.homebanner_capture_title{font-family: 'Mulish-Regular'; font-size:40px; line-height:50px; color:#ffffff; max-width:480px; text-transform:uppercase; text-align:center;}
.homebanner_capture_btn{margin:0 auto;}

.home_welcome{width:100%; min-height:200px;  margin-top:0px; position:relative; margin-top:0; padding:65px 0; text-align:justify}
.home_welcome_content{font-family: 'Montserrat-Regular'; font-size:18px; line-height:30px; color:#333333; text-align:justify; position:relative; margin:0; float:left; width:50%;}
.home_welcome .welcomeimg{position:relative; z-index:1; margin:0px; float:right; width:50%;}

.home_newsbg h1{width:223px; border-bottom:3px solid #c70000; line-height:61px;}
.home_newsbg .content_30{width:90%; float:right; border-bottom:1px solid #c70000; padding-top:60px; height:123px;}
.home_news .newsimg{width:100%; max-width:600px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; float:none; position:relative; z-index:1; margin:30px auto 0;}
.home_news_content{position:relative; left:auto; top:auto; z-index:3; background:url(../images/dkbluebox_bg.jpg) repeat; width:100%; max-width:600px; min-height:360px; padding:60px 50px 50px 50px; text-align:center; margin:0 auto; height:100%;}

#aboutus .content_half_r, #aboutus .content_half{float:none; width:100%; text-align:center; margin:0 auto; padding:0 10%; }
#aboutus .content_half_r .text{max-width:1024px}
.aboutusimg{width:100%; max-width:540px; box-shadow:0px 10px 60px #999; -moz-box-shadow:0px 10px 60px #999; -webkit-box-shadow:0px 10px 60px #999; float:none; margin:20px auto; position:relative; z-index:1;}

#fl_menu{display:none}
#fl_menu_mobile{display:block; list-style:none;}
.subpage_right{float:none; width:100%; margin:0 auto; min-height:300px;}
}

@media only screen and (max-width: 1279px) and (min-width: 960px) {
#mission , #vission {float:left; width:50% !important}
#corevalue {width:100%; clear:both; margin-top:-100px}
}

@media only screen and (max-width: 959px) {
.home_servicebg .content_30, .home_servicebg .content_40{float:none; width:100%; text-align:center; margin:0 auto;}
.home_service1{width:100%; position: relative; min-height:415px; padding-top:30px; max-width:384px; text-align:center; margin:0 auto; }
.home_service2{width:100%; position: relative; min-height:545px; padding-top:30px; padding-bottom:50px; max-width:512px;text-align:center; margin:0 auto;}
.home_service1 img, .home_service2 img { width:100%; position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}  
.home_service1 .caption {position: absolute; min-height:415px; font-family: 'Montserrat-Regular'; font-size:20px; text-align:center; font-weight:500; color: #333; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 0; width: 100%; height: 100%; }  
.home_service2 .caption {position: absolute; min-height:545px; font-family: 'Montserrat-Regular'; font-size:20px; text-align:center; font-weight:500; color: #333; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 0; width: 100%; height: 100%; }  
.home_service1:hover .fade-caption, .home_service2:hover .fade-caption   {opacity: 1; cursor:pointer} 
.home_service1 .caption_content{width:100%; padding:10%; position:absolute; text-align:center; height:150px; top:50%; transform:translateY(-50%) }
.home_service2 .caption_content{width:100%; padding:10%; position:absolute; text-align:center; height:200px; top:50%; transform:translateY(-50%) }

.home_projbg2 .img_b{float:none; width:100%; max-width:960px}
.home_projbg2 .img_s:nth-child(even) {float:left; width:49%; max-width:480px; margin:1% 1% 1% 0; text-align:center;}
.home_projbg2 .img_s:nth-child(odd) {float:left; width:95%; max-width:480px; margin:1% 0 1% 5%; text-align:center;}

.home_projbg2 .btnsarea{max-width:600px; height:60px; text-align:center; margin:0 auto}
.home_projbg2 .morebtn{width:100%; max-width:280px; height:60px; background:#fff; border:1px solid #101e6f; text-align:center; margin:0 10px; padding:16px; font-family: 'Montserrat-Regular'; color:#000f65; font-size:18px; float:left; text-transform:uppercase;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;}

.contact_servicetitle{float:none; width:100%;}

#mission , #vission, #corevalue {float:none; width:100% !important; text-align:center; margin:0 auto;}

}


@media only screen and (max-width: 767px) {
.homebanner_capture_title{font-family: 'Mulish-Regular'; font-size:32px; line-height:40px; color:#ffffff; max-width:480px; text-transform:uppercase; text-align:center;}
.home_welcome{width:100%; min-height:200px;  margin-top:0px; position:relative; margin-top:0; padding:15px 0 35px 0; text-align:justify}
.home_welcome_content{font-family: 'Montserrat-Regular'; font-size:18px; line-height:30px; color:#333333; text-align:justify; position:relative; margin:0; float:none; width:100%;}
.home_welcome .welcomeimg{position:relative; z-index:1; margin:0px; float:none; width:100%;}
.home_service1{width:100%; position: relative; min-height:92vw; padding-top:30px; max-width:384px; text-align:center; margin:0 auto; }
.home_service2{width:100%; position: relative; min-height:88vw; padding-top:30px; padding-bottom:0px; max-width:384px;text-align:center; margin:0 auto;}
.home_service1 .caption {position: absolute; min-height:92vw; font-family: 'Montserrat-Regular'; font-size:20px; text-align:center; font-weight:500; color: #333; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 0; width: 100%; height: 100%; }  
.home_service2 .caption {position: absolute; min-height:88vw; font-family: 'Montserrat-Regular'; font-size:20px; text-align:center; font-weight:500; color: #333; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 0; width: 100%; height: 100%; }  
.home_projbg1 h1{position:absolute; margin:0 auto; top:-40px; z-index:3; text-align:center; left:50%; transform:translateX(-50%)}

.home_projectb{width:100%; float: none;}
.home_projects{width:50%; float: left;}
.home_projbg2 .img_s:nth-child(even) {float:left; width:97%; max-width:480px; margin:1% 0 3% 3%; text-align:center;}
.home_projbg2 .img_s:nth-child(odd) {float:left; width:96%; max-width:480px; margin:1% 2% 3% 2%; text-align:center;}
.home_projbg2 .btnsarea{max-width:280px; height:160px; text-align:center; margin:0 auto}
.home_projbg2 .morebtn{width:100%; max-width:280px; height:60px; background:#fff; border:1px solid #101e6f; text-align:center; margin:0 0px 20px 0px; padding:16px 0px; font-family: 'Montserrat-Regular'; color:#000f65; font-size:18px; float:none; text-transform:uppercase;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;}

.home_news_content{position:relative; left:auto; top:auto; z-index:3; background:url(../images/dkbluebox_bg.jpg) repeat; width:100%; max-width:600px; min-height:360px; padding:60px 25px 50px 25px; text-align:center; margin:0 auto; height:100%;}
.home_newsitem_link{width:145px; height:60px; font-family: 'Montserrat-Regular'; border:1px solid #fff; color:#fff; font-size:14px; line-height:22px; text-transform:uppercase; padding:13px 15px; margin:10px auto; float:none; text-align:center; }


.subbanner_aboutus{background: url(../images/subbanner_aboutus.jpg) repeat-y; background-position:center center; background-size:cover; min-height:410px; width:100%;}
.subbanner_aboutus_capture{text-align:left; width:100%; height:100%; position:relative; height:100%; min-height:800px;}
.subbanner_aboutus_content{min-height:500px; position:relative; top:auto; transform:none;}
.subbanner_aboutus_title{background: url(../images/emline_aboutustitle.png) no-repeat left center; font-family:'Montserrat-Regular'; font-size:36px; color:#e13f3f; font-weight:400; line-height:80px; height:80px; padding-left:45px;}
.subbanner_aboutus_visionmission{float:none; width:100%; max-width:760px; padding-right:0%;}
.aboutus_ourteam_content .content_25{padding:20px 10%; float:none; width:100%;}
.subbanner_capture, .subbanner_capture_red{background:rgba(200, 200, 200, 0.9); font-family:'Montserrat-Regular'; font-size:30px; color:#fff; font-weight:400; line-height:58px; min-height:60px; text-align:left; position:absolute; top:50%; transform:translateY(-50%); width:90%; color:#e13f3f; padding:20px; margin:0 5%; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; max-width:690px;}
.subbanner_capture_red2{background:rgba(200, 200, 200, 0.9); font-family:'Montserrat-Regular'; font-size:38px; color:#fff; font-weight:400; line-height:58px; min-height:60px; text-align:left; position:absolute; top:50%; transform:translateY(-50%); width:90%; color:#e13f3f; padding:20px; margin:0 5%; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
.subbanner_howoverview .subbanner_capture{background:rgba(200, 200, 200, 0.9); width:90%; color:#e13f3f; padding:20px; margin:0 5%; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }

.contact_form input, .contact_form textarea {font-size:16px; background:#fff; border: 1px solid #ededed; padding:13px 20px 13px 20px; width:100%; max-width:450px; margin:0; height:56px;  box-shadow:0px 1px 5px #ccc; -moz-box-shadow:0px 1px 5px #ccc; -webkit-box-shadow:0px 1px 5px #ccc; }
.contact_form input[type="checkbox"], .contact_form input[type="checkbox"]:focus {border:none; box-shadow: none; width:20px; height:20px;} 
.contact_form input[type="radio"], .contact_form input[type="radio"]:focus{border:1px solid #ccc; box-shadow:none; width:20px; height:20px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;} 
select{width:100%}

.project_itemimgbg{width:100%; max-width:270px; height:270px; margin:7px auto;  text-align:center; overflow: hidden; float:none; position: relative; z-index: 2;  -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; cursor:pointer; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
}


@media only screen and (max-width: 657px) {
.aboutus_ourteam_item{width:50%; padding:20px 15px; float:left; text-align:center; margin:0 auto; min-height:405px;}
#partners .content_25{width:50%; float:left}
.offering_partner_item{padding:10px; text-align:center; margin:0px auto; min-height:300px;}
}

@media only screen and (max-width: 430px){
.home_supporttab_title{font-family: 'Montserrat-Regular'; color:#ff6d00; font-size:1.3em; line-height:1.5em;}
.aboutus_vmitem{background: url(../images/aboutus_visionbg_mb.png) no-repeat center center; width:100%; max-width:440px; background-size:100%; min-height:380px; padding:70px 20px 70px 20px; text-align:center; margin: 0 auto;}
}

@media only screen and (max-width: 360px) {
.aboutus_vmitem{background: url(../images/aboutus_visionbg_mb.png) no-repeat center center; width:100%; max-width:440px; background-size:100%; min-height:380px; padding:70px 20px 70px 20px; text-align:center; margin: 0 auto;}
.aboutus_vmitem .text{font-size:14px;}
}