@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px;}
.container{padding-bottom:20px; padding-top:20px;}
.img-responsive{margin:0 auto;}

@font-face{font-family:"OpenSans-Regular"; src:url('../fonts/OpenSans-Regular.ttf');}
@font-face{font-family:"OpenSans-Bold"; src:url('../fonts/OpenSans-Bold.ttf');}
@font-face{font-family:"Lato-Lig"; src:url('../fonts/Lato-Lig.ttf');}
@font-face{font-family:"Lato-Reg"; src:url('../fonts/Lato-Reg.ttf');}
@font-face{font-family:"Lato-Bol"; src:url('../fonts/Lato-Bol.ttf');}
@font-face{font-family:"Constani"; src:url('../fonts/Constani.ttf');}

/* ****************** ******************** ******************** ****************** */

/* T  O  P    S  E  C  T  I  O  N */
.top{width:100%; height:20px; background-color:#3294ee;}


/* ****************** ******************** ******************** ****************** */

/* H  E  A  D  E  R */
.header{width:100%; height:auto; /*padding:8px 20px 14px 20px*/;}

.navbar-inverse{background-color:#fff; border:none!important; margin:0px;}
.navbar-brand > img{width:100%;}
.navbar-nav > li{margin-top:20px;}
.navbar-inverse .navbar-nav > li > a{color:#000!important; font-family:"OpenSans-Regular"; font-size:18px;}
.navbar-inverse .navbar-nav > li > a:hover{color:#3294ee!important; }

   /*toggle bar*/
.navbar-toggle{
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #000;
    background-image: none;
    border: 1px solid transparent; 
    border-radius: 4px;
	}
	
.navbar-toggle .icon-bar {
    display: block;
    width: 31px;
    height: 4px;
    border-radius: 1px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border:none; }
.navbar-brand{height:auto;}



/* ****************** ******************** ******************** ****************** */
/* B A N N E R */
.banner{width:100%; height:auto; margin:0px;}
.banner img{width:100%; height:auto;}

/* navigation style 1 */

 /* jssor slider bullet navigator skin 05 css */
            /*
            .jssorb05 div           (normal)
            .jssorb05 div:hover     (normal mouseover)
            .jssorb05 .av           (active)
            .jssorb05 .av:hover     (active mouseover)
            .jssorb05 .dn           (mousedown)
            */
            .jssorb05 {
                position: absolute;
            }
            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                position: absolute;
                /* size of bullet elment */
                width: 16px;
                height: 16px;
                background: url(../img/b05.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb05 div { background-position: -7px -7px; }
            .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
            .jssorb05 .av { background-position: -67px -7px; }
            .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* arrow style */

/* jssor slider arrow navigator skin 12 css */
            /*
            .jssora12l                  (normal)
            .jssora12r                  (normal)
            .jssora12l:hover            (normal mouseover)
            .jssora12r:hover            (normal mouseover)
            .jssora12l.jssora12ldn      (mousedown)
            .jssora12r.jssora12rdn      (mousedown)
            */
            .jssora12l, .jssora12r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 30px;
                height: 46px;
                cursor: pointer;
                background: url(../img/a12.png) no-repeat;
                overflow: hidden;
            }
            .jssora12l { background-position: -16px -37px; }
            .jssora12r { background-position: -75px -37px; }
            .jssora12l:hover { background-position: -136px -37px; }
            .jssora12r:hover { background-position: -195px -37px; }
            .jssora12l.jssora12ldn { background-position: -256px -37px; }
            .jssora12r.jssora12rdn { background-position: -315px -37px; }
			
			
			
/* ****************** ******************** ******************** ****************** */
/* I N  D U S T R I E S   S E C T I O N */

.ind-sec{width:100%; height:auto; background-color:#f4c119;}
.ind-sec h1{font-size:32px; font-family:"Constani"; text-align:center; color:#fff;}
.ind-sec p{color:#fff; font-family:"OpenSans-Regular"; text-align:center; font-size:18px;}

/* ****************** ******************** ******************** ****************** */
/* W E L C O M E    S E C T I O N */
.welcome{width:100%; height:auto; background-color:#fff;}
.welcome h2{font-size:32px; font-family:"Constani"; text-align:left; color:#409bef;}
.welcome p{color:#000; font-family:"Lato-Reg"; font-size:18px; line-height:30px; word-spacing:3px; text-align:justify;}

.welcome p span{color:#409bef; font-family:"Lato-Reg"; font-size:18px; line-height:30px; word-spacing:3px; text-align:justify;}

.welcome .more a{color:#d43843; font-size:16px; font-family:"Lato-Bol";}
.welcome .more a:hover{color:#29abe2; text-decoration:none;}

.welcome ul li {color:#000; font-family:"Lato-Reg"; font-size:18px; line-height:30px; word-spacing:3px; list-style:url(../images/iconimg.png); }

.welcome ul li span{color:#409bef; font-family:"Lato-Reg"; font-size:18px; line-height:30px; word-spacing:3px; text-align:justify;}

/* ****************** ******************** ******************** ****************** */
/* S E R V I C E    S E C T I O N */
.servc-sec{width:100%; height:auto; background-color:#2f2e33;}
.servc-sec h3{font-size:32px; font-family:"Lato-Lig"; color:#fff;}
.servc-sec p{color:#fff; font-family:"Lato-Lig"; font-size:18px; line-height:36px; text-align:left;}

.servc-sec .more a{color:#fff; font-size:16px; font-family:"Lato-Bol";}
.servc-sec .more a:hover{color:#29abe2; text-decoration:none;}

/* ****************** ******************** ******************** ****************** */
/* C O N T A C T  F O R M    S E C T I O N */
.form-section{background-color:#fff; width:100%; height:auto;  margin:10px 0px;}
.form-section h3{font-size:32px; font-family:"Lato-Lig"; color:#183650; text-align:center;}

     /* form css */
.form-control{color:#ccc; display: block; height: 40px; padding: 20px 20px; font-size: 18px; line-height: 1.42857143; color: #000; border-radius: 5px; box-shadow: none; background-image: none; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-color: transparent;  border: 1px solid #183650; font-family:"OpenSans-Regular"!important;/* border-bottom: 3px solid #222; width: 100%; -webkit-box-shadow: none;*/ }
.form-control:focus,
.form-control.col-md-4:focus {
    border: none;
    border-bottom: 3px solid #222;
    -webkit-box-shadow: none;
    box-shadow: none
}
.form-control.col-md-4, .form-control.col-md-4:focus {width: 32.33333%;  border: 1px solid #183650; background-color: transparent; margin: 0 0.5% 10px;}

      /*input form*/
.input-group .form-control{ border: 1px solid #183650;}

     /* text box css */
textarea#comments {margin: 5px 0 0 4px;  border: 1px solid #183650; }
.main-contact-form textarea, .main-contact-form textarea:focus, #commentform .main-contact-form textarea, #commentform .main-contact-form textarea:focus { border-top: none; min-height: 100px !important;}

     /* submit button css */
.btn-primary { border-radius: 5px; text-transform: uppercase; font-weight: 700; color: #fff; background-color:#183650; /*padding: 15px 0px;*/  border: 1px solid #183650; font-size: 18px; letter-spacing: 1px; padding:10px; 
-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; margin-top:0px;}

.btn-primary:hover{color: #000; background-color: #183650; background:none; border-color: #183650!important;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out}

     /* place holder */	 
.form-control::-moz-placeholder{color:#183650!IMPORTANT;opacity:1; font-family:"OpenSans-Regular";}
.form-control:-ms-input-placeholder{color:#183650!IMPORTANT; font-family:"OpenSans-Regular";}
.form-control::-webkit-input-placeholder{color:#183650!IMPORTANT; font-family:"OpenSans-Regular";}


/* ****************** ******************** ******************** ****************** */
/* F O O T E R   S E C T I O N */
.footer{background-color:#183650; width:100%; height:auto;}
.footer p{color:#fff;  font-size:16px; line-height:30px; font-family:"Lato-Lig"; }
.footer a{color:#fff; font-family:"Lato-Lig"; text-align:center; font-size:16px;}
.footer a:hover{color:#49cff6; text-decoration:none;}

.social-icon{background-color:#90aec8; width:300px; height:auto;}
.icn{padding:5px 0px 0px 5px;}
.icn a{display:inline-block; padding:6px 15px 5px 16px; background-color:#6886a0;}
.icn a:hover{background-color:#87a5bf;}

/* footer menu */
.footer-menu{width:100%; height:auto; text-align:center; color:#183650; font-family:"OpenSans-Regular";}
.footer-menu a{text-align:center; display:inline-block; text-decoration:none; color:#183650; padding:5px; font-family:"OpenSans-Regular";}
.footer-menu a:hover{color:#49cff6;}
.footer-menu p{color:#183650; font-size:16px; font-family:"OpenSans-Regular";}
.footer-menu p a{color:#183650; font-size:16px; font-family:"OpenSans-Regular"; text-decoration:none;}
.footer-menu p a:hover{color:#000;}





 
/* ****************** ******************** ******************** ****************** ****************** ******************** ******************** ****************** ****************** ******************** ******************** ****************** */
/* main page  */

.main-header{background-color:#d7eff8;height:150px; width:100%;}

.main-sec1{background:url(../images/bg.png); background-size: cover; background-repeat:no-repeat;}

.txt{color:#183650; text-align:center; margin-top:10px }
.txt a{font-size:24px; text-transform:uppercase; color:#183650; text-align:center; }
.txt a:hover{ color:#000; text-decoration:none;}



.nav li a { padding:10px 10px; }

.client22 { }