@charset "utf-8";
/*------------------------------------------------------------------------------------------ CSS Document :Author: Hudha NS. :Contact: nshudha@gmail.com :Powerd By: nshudha@gmail.com :Copyright: This stylesheet has been placed in the TSK Tech Engineering domain. --------------------------------------------------------------------------------------------*/
/*-- CSS Document --*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
     margin:0;
     padding:0;
     border:0;
     font-size:100%;
     font:inherit;
     vertical-align:baseline;
}
/*-- HTML5 display-role reset for older browsers --*/
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
     display:block;
}
 body{
     line-height:1;
}
 ol, ul{
     list-style:none;
}
 blockquote, q{
     quotes:none;
}
 blockquote:before, blockquote:after, q:before, q:after{
     content:'';
     content:none;
}
 table{
     border-collapse:collapse;
     border-spacing:0;
}
/*-- Font --*/
 @font-face{
     font-family:'ArialNarrow';
     src:url('fonts/ArialNarrow.eot');
     src:local('ArialNarrow'), url('fonts/ArialNarrow.woff') format('woff'),url('fonts/ArialNarrow.ttf') format('truetype');
}
 @font-face{
     font-family:'ArialBold';
     src:url('fonts/603.eot');
     src:url('fonts/603.eot') format('embedded-opentype'), url('fonts/603.woff2') format('woff2'), url('fonts/603.woff') format('woff'), url('fonts/603.ttf') format('truetype'), url('fonts/603.svg#ArialBold') format('svg');
}
/*--commen--*/
 .clear{
     clear:both;
}
 a{
     text-decoration:none;
}
 .box_left{
     float:left;
}
 .box_right{
     float:right;
}
 .wrapper, .wrapper_second{
     width:1308px;
     height:auto;
     padding:0 20px;
     margin:0 auto;
     position:relative;
}
 .wrapper_second{
     padding:10px 20px;
}
 .comen_box, .comen_box_inblock{
    width:100%;
     height:auto;
     margin:0 auto;
     padding:0;
     display:block;
}
 .comen_box_inblock{
     display:inline-block;
     text-align:center;
}
 .comen_box:after, .comen_box:before, .comen_box_inblock:after, .comen_box_inblock:before{
     clear:both;
     content:"";
     display:table;
}
 .figure_img img, .figure_3rd_img img{
     max-width:100%;
     height:auto;
     margin:0 auto;
     padding:0;
     border:none;
     display:block;
}
 .figure_img a{
     display:block;
}
 .figure_2nd_img img{
     width:100%;
     height:auto;
     margin:0 auto;
     padding:0;
     border:none;
     display:block;
}
 .figure_3rd_img img{
     margin:10px auto;
}
/*--header--*/
 #header_div.wrapper_second{
     height:125px;
     padding:0 20px 10px 20px;
}
 .logo-left, .menu-right{
     position:absolute;
     top:0;
     left:20px;
     bottom:0;
     height:105px;
     margin:auto;
}
 .menu-right{
     left:inherit;
     right:20px;
     text-align:right;
     height:100%;
}
 .logo-img img{
     max-width:100%;
     height:104px;
     margin:0 auto;
     display:block;
     border:none;
}
 .menu-list ul:after, .menu_icon_list:after, .contact_form_list ul li:after{
     clear:both;
     content:"";
     display:table;
}
 .menu-list ul{
     display:inline-block;
     margin:0 auto;
     padding:0;
     max-width:100%;
}
 .menu-list ul li{
     float:left;
     margin:0 5px;
     padding:0;
     text-align:center;
     font-size:14px;
     text-transform:uppercase;
     font-family:Arial, Helvetica, sans-serif;
     font-weight:normal;
}
 .menu-list ul li a{
     color:#000000;
     padding:80px 8px 20px 8px;
     display:block;
}
 .menu-list ul li a:hover, .menu-list ul li a.selected{
     background:#333695;
     color:#ffffff;
}
 .banner-div{
     width:1348px;
     height:auto;
     padding:0;
     margin:0 auto 15px auto;
     box-shadow: #103956 0.0em 0.0em 0.1em;
     position:relative;
     border-top:20px solid #333695;
}
/*--body connent--*/
.gallery img{
    height: 132px;
}
 .cont-sub{
     width:46%;
     height:auto;
     margin:10px 3% 10px 0;
     padding:0;
     display:block;
     float:left;
}
 .cont-small-box{
     vertical-align:top;
     width:20%;
     height:400px;
     margin:15px 4%;
     display:inline-block;
     padding:10px;
     border:3px #333695 solid;
}
 .cont-small-img-box{
     width:100%;
     height:240px;
     margin:0 auto 10px auto;
     padding:0;
     display:block;
     background-position:top center;
     background-repeat:no-repeat;
     background-size:cover;
}
 .cont-sub-box-1st{
     width:20%;
     height:auto;
     margin:5px 0.5% 8px 0.5%;
     display:inline-block;
     padding:5px;
     border:2px #333695 solid;
}
 .cont-sub-box-2nd{
     width:76%;
     height:auto;
     margin:5px 0.5% 8px 0.5%;
     display:inline-block;
     padding:5px;
}
 .cont-small-certi-box{
     margin:10px auto;
     display:inline-block;
     float:left;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     width:25%;
     height:auto;
     overflow:hidden;
}
 .banner-div ul li{
     position:relative;
}
 .banner-div ul li span{
     position:absolute;
     top:0;
     bottom:0;
     right:30px;
     background:rgba(108, 109, 142, 0.5);
     font-family: Arial, Helvetica, sans-serif;
     margin:auto;
     height:25px;
     padding:20px 30px 20px 80px;
     text-align:right;
     font-size:30px;
     color:#fff;
}
/*--body content text--*/
 .cont_txt h1, .cont_txt h2, .cont_txt h3, .cont_txt h4, .cont_txt h6{
     font-family:'ArialBold';
     margin:10px auto;
     padding:0;
     text-align:left;
     font-size:22px;
     color:#fff;
     text-transform:uppercase;
}
 .cont_txt h2{
     margin:15px auto;
     padding:0;
     text-align:center;
     font-size:18px;
     color:#000;
}
 .cont_txt h6{
     margin:5px auto 15px auto;
     color:#000;
     font-size:16px;
     font-family: Arial, Helvetica, sans-serif;
}
 .cont_txt h3, .cont_txt h4{
     margin:20px auto 15px auto;
     padding:0 0 5px 0;
     text-align:left;
     font-size:16px;
     color:#000;
     border-bottom:#333695 2px solid;
     display:block;
}
 .cont_txt h4{
     text-align:right;
}
 .cont_txt p{
     font-family: Arial, Helvetica, sans-serif;
     margin:0 auto 10px auto;
     padding:0;
     text-align:justify;
     font-size:15px;
     line-height:1.2em;
     color:#000;
}
 .cont_list ul, .cont_list_cnc ul{
     margin:10px auto;
     padding:0;
     display:block;
}
 .cont_list.cont_list_sub ul{
     margin:15px 0 10px 10px;
}
 .cont_list ul li, .cont_list_cnc ul li{
     margin:5px 0 5px 20px;
     list-style:url(../images/arro.png);
     padding:0;
     text-align:left;
     font-family: Arial, Helvetica, sans-serif;
     font-size:15px;
     line-height:1.2em;
     color:#000;
}
 .cont_list ul li a{
     display:block;
     padding:0;
     color:#000;
     font-family:'ArialBold';
     font-size:14px;
}
 .cont_list ul li a:hover{
     color:#fff;
     background:#333695;
}
 .cont_list_cnc ul li{
     list-style:decimal;
}
 .cont_list_cnc ul li > ul li{
     list-style:lower-alpha;
}
 .contact_form_list ul{
     max-width:100%;
     height:auto;
     margin:10px auto;
     padding:0;
     display:block;
}
 .contact_form_list ul li{
     margin:10px auto;
     text-align:right;
     width:100%;
     display:inline-block;
}
 .contact_form_list ul li label{
     display:block;
     float:left;
     text-align:left;
     width:20%;
     margin:0 auto;
     padding:6px 0;
     color:#222222;
     font-family: Arial, Helvetica, sans-serif;
     font-size:14px;
}
 .contact_form_list ul li input[type=text]{
     width:78%;
     margin:0 0 0 0;
     float:left;
     padding:6px 5px;
     display:block;
     border:none;
     background:#a1a1a1;
     color:#222222;
     font-family: Arial, Helvetica, sans-serif;
}
 .contact_form_list ul li textarea{
     width:78% !important;
     min-height: 40px !important;
     margin:0 0 0 0;
     padding:6px 5px;
     display:block;
     border:none;
     background:#a1a1a1;
     color:#222222;
     font-family: Arial, Helvetica, sans-serif;
}
 .contact_form_list ul li input[type=submit]{
     width:150px;
     margin:10px 0 10px 0;
     display:inline-block;
     border:none;
     color:#fff;
     text-transform:uppercase;
     background:#333695;
     padding: 13px 0;
     border-radius: 3px;
     cursor:pointer;
     font-family:'ArialBold';
}
/*--page--*/
 .hed_box{
     width:1308px;
     height:auto;
     padding:10px 20px;
     margin:0 auto 10px auto;
     display:block;
     background:#333695;
}
 #cnc-work .cont-small-box{
     height:245px;
}
 #cnc-work .cont_txt h2{
     text-align:left;
     font-size:16px;
     margin:20px auto 15px auto;
     text-transform:none;
}
 #license .cont-sub-box-1st{
     border:none;
}
 #license .cont-sub-box-2nd{
     border-left:#333695 2px solid;
     padding:5px 5px 5px 15px;
     width:75%;
}
 #license .cont_list ul li{
     list-style:none;
     margin:6px auto;
     padding:0;
}
 .cont_list ul li a{
     padding:8px 5px;
}
 .fancybox-custom .fancybox-skin{
     box-shadow:0 0 50px #222;
}
 .popup-box{
     max-width:800px;
    display: none;
}
 #fbriBox.cont-sub-box-1st{
     border:none;
     padding:0;
}
 #fbriBox .figure_img img{
     padding:5px;
     border:2px #333695 solid;
     margin:0 auto 15px auto;
     max-width:94%;
}
 #home-cont-box .cont-small-box{
     padding:0;
     height:510px;
     margin:15px 1%;
}
 #home-cont-box .cont_txt{
     padding:10px;
}
 #home-cont-box .cont_txt h2{
     color:#000;
     margin:10px auto;
     font-size:16px;
}
 #home-cont-box .cont_list ul li{
     list-style:url(../images/h-aro.png);
}
 #man .cont-small-box{
     width:30%;
     margin:15px 1%;
     padding:0;
     border:none;
}
 #gallery .cont-small-box{
     width:20%;
     margin:15px 1%;
     padding:0;
     border:none;
     height:auto;
}
 #gallery .cont-small-img-box{
     margin:0 auto;
}
 .gal-img-tit{
     display:block;
     padding:10px 0;
     margin:0 auto;
     text-align:center;
     color:#FFF;
     font-family: Arial, Helvetica, sans-serif;
     background:#333;
     font-size:14px;
}
 #about .cont-sub-box-2nd{
     width:66%;
}
 #about .cont-sub-box-1st{
     width:28%;
}
 #about .cont_list ul{
     margin:5px auto 25px auto;
}
 #about .cont_list ul li{
     list-style:url(../images/ab-aro.png);
     margin:8px auto;
}
 #about .cont_txt p a{
     color:#000;
     font-style:italic;
}
/*--footer--*/
 #footer_div.wrapper_second{
     background:#333695;
}
 #footer_div .cont_txt p{
     color:#FFF;
     text-transform:uppercase;
     font-size:10px;
     margin:14px auto 0 auto;
}
 #footer_div .cont_txt p a{
     color:#FFF;
}
 .menu_icon_list_div {
     max-width:420px;
     height:auto;
     margin:0 auto;
     padding:0;
     display:block;
}
 .menu_icon_list i{
     float:left;
     width:35px;
     background:url(../images/soci.png) center left;
     display:block;
     padding:0;
     margin:2% 0 0 5px;
     height:32px;
     overflow:hidden;
     text-indent: -999999px;
     z-index:999999;
}
 .menu_icon_list i:first-child{
     background-position: 0;
}
 .menu_icon_list i:nth-of-type(2){
     background-position: -170px;
     width:35px;
}
 .menu_icon_list i:nth-of-type(3){
     background-position: 206px ;
}
 .menu_icon_list i:last-child{
     background-position: 34px;
}
 .menu_icon_list i a{
     display:block;
     padding:9px 0;
}