@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url(https://fonts.googleapis.com/css?family=Signika);

@font-face {
  font-family: 'Signika-Regular';
  src: url('font/Signika-Regular.eot') format('embedded-opentype'),  url('font/Signika-Regular.woff') format('woff'), url('font/Signika-Regular.ttf')  format('truetype'), url('font/Signika-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{ margin:0px 0px 0px 0px;}
p {margin:0px; padding:0px 0px 10px 0px; line-height:20px; color:#21252b; font-size:15px;}
#page-wrap {width:957px; margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none;}
a:hover, a.selected {text-decoration:underline;}
ul {list-style:none;}
li {list-style:none;}
.min-height{ min-height:500px;}

h1{ margin:0px 0px 20px 0px; padding:0px; text-transform:uppercase; font-size:25px; color:#21252b; font-weight:bold;}
h2{font-family: 'Signika-Regular'; margin:0px 0px 20px 0px; padding:0px; text-transform:uppercase; font-size:25px; color:#fff; font-weight:bold; font-weight:700; border-bottom:2px solid #fff; width:70%;}
h3{font-family: 'Signika-Regular'; margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase; font-size:20px; color:#21252b; font-weight:bold; font-weight:700; border-bottom:2px solid #fff; width:70%;}
/* ========== Do Not Touch In Css End ========== */

/* ------- Header Area Strat ------- */
.soc_top{padding:20px 0px 0px 0px; width:100%}
.soc_top ul{ float:right; margin:0px; padding:0px;}
.soc_top ul li{ float:left; margin:0px 0px 0px 20px; padding:0px; color:#000; font-size:12px; }
.soc_top ul li a{ color:#000; font-size:12px; }
.soc_top ul li i{ color:#000; margin-right:10px; font-size:15px!important;}

.logo{ margin:5px 0px;}
/* ------- Header Area End ------- */

/* ------- Navigation Area Strat ------- */
.navbar{ margin-bottom:0px;}
.navigation ul{ float:right;}
.navigation ul li a{ margin:40px 0px 0px 0px; padding:10px 14px; color:; font-size:13px; text-transform:uppercase; font-weight:bold; color:#23120a;}
.navigation ul li.active a, .navigation ul li:hover a{ background:#3c8793!important; color:#fff; margin-top:40px;}
.navbar-toggle{ background:#3c8793; margin-top:-100px;}
.icon-bar{background:#fff;}
/* ------- Navigation Area End ------- */

/* ------- Home Banner Area Strat ------- */
.hm_banner{ margin:0px; padding:0px;}
.hm_banner ul li img{ width:100%;}
.inner_banner ul li img{ width:100%;}

/* ------- Home Banner Area End ------- */

/* ------- Inner Banner Area Strat ------- */
/* ------- Inner Banner Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */

.content_area{ margin:35px 0px 0px 0px; min-height:350px;}
.hm_product{-webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); -moz-box-shadow: 0 0 5px rgba(0,0,0,.75);	box-shadow: 0 0 5px rgba(0,0,0,.75); min-height:290px; margin-top:20px; border-bottom:7px solid #00a3e4;}
.hm_product img{padding:5px;}
.hm_product .pro_title{ margin:10px 5px 15px 5px; color:#3c8793; font-size:13px; text-transform:uppercase; font-weight:bold; height:35px;}
.hm_product a{ color:#fff; background:#21252b; padding:5px 25px 5px 20px; float:right;}
.hm_product a:hover{ text-decoration:none; background-color:#3c8793;}
.hmcontentarea p{ padding-bottom:25px;}
/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */

.about_cnt{ margin:35px 0px; padding:40px 0px; background:url(../images/about_cnt_bak.jpg) left top repeat;}
.about_cnt h1{ margin-bottom:20px;}
.about_cnt p{ border:1px solid #544e4e; padding:20px; color:#21252b;}
.inner_products{ margin-top:20px; text-align:center;}
.inner_product_name img{ position:relative; width:100%; text-align:center}
.inner_product_name{ background:url(../images/pro_name_bak.png) bottom center no-repeat; color:#fff; font-size:13px; position:absolute; z-index:999; bottom:15%; text-align:center; width:100%; left:0px; padding:6px 0px 4px 0px;}
.inner_product_name:hover{background:url(../images/pro_name_bak_hover.png) bottom center no-repeat;}
.product_deatail_name{ background:url(../images/pro_name_bak_hover.png) bottom center no-repeat; color:#fff; font-size:13px; position:absolute; z-index:999; bottom:15%; text-align:center; width:100%; left:0px; padding:6px 0px 4px 0px;}

.lft_menu li{ margin:0px 0px 10px 0px; padding:0px; background:#21252b; }
.lft_menu li a{color:#fff; background:url(../images/lft_menu.jpg) 5px 5px no-repeat #21252b; padding:5px 0px 5px 25px; display:block;}
.lft_menu li:hover a, .lft_menu li.active a{ color:#fff; background:url(../images/lft_menu_hover.jpg) 5px 5px no-repeat #3c8793; text-decoration:none; padding:5px 0px 5px 25px; display:block; width:97%;}
.lft_menu li:hover, .lft_menu li.active{background:url(../images/lft_menu_hover1.jpg) top right no-repeat;}

.career_form{ background:#3c8793; padding:15px; color:#fff;}
.career_form .form-group input, .form-group textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none !important;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 10px 0 0;
    outline: medium none;
    padding: 5px 0;
    width: 100%;
}
.career_form .incnt .form-group input, .career_form .form-group textarea{border-color:#000; color:#000;}

.career_form .form-group input, .career_form .form-group textarea{border-color:#fff; color:#fff;}
.career_form .form-group label{color:#fff;}
.career_form .form-group label {
    color: #fff;
    font-size: 12px;
    left: 15px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.15s ease-out 0s;
	
}
.career_form .form-group label.textarea{margin-left:5px;}
.career_form .form-group input:focus + label, .career_form .form-group input.has-value + label, .career_form .form-group textarea:focus + label,  .career_form .form-group .career_form textarea.has-value + label, .career_form .form-group input +  span.error + label{
    color: #ccc;
    font-size: 13px;
    top: 0;
}
.career_form .form-group textarea{background:url(../images/bg_textarea_black.png) repeat;}
.career_form .form-group textarea {
    background:url(../images/bg_textarea.png) repeat;
	line-height:32px;
	resize:none;
    margin: 25px 0 0;
    min-height: 120px;
    padding: 0;
	border:0;
	color:#fff;
}
.career_form .form-group textarea + label {
    top: 25%;
}
.career_form .form-group textarea:focus + label, .career_form .form-group textarea.has-value + label{
    top: 25px;
}

.btn-file {
  position: relative;
  overflow: hidden;
  float:right;
  
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
  
}
input[readonly] {
  background:none !important;
  cursor: text !important;
  border-bottom:1px solid #fff;
}
.browse_field{ margin:2px 0px 0px 0px!important; border-radius:0px;}
.browse_btn{  width:100%; border-bottom:1px solid #fff; height:100%; display:inline-block;}
.btnsubmit{ -moz-user-select: none;
    background-image: none;
	color:#000;
	background-color:#d4d0c8;
    border: 1px solid transparent;
    cursor: pointer;
	display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;}
	
.btnsubmit:hover{ background-color:#fff;}
.contact_title{ margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase; font-size:18px; color:#010101; font-weight:bold;}
.contat_tab tr td{ margin:0px 10px 10px 0px; padding:0px; vertical-align:text-top; font-size:14px;}
.contat_tab tr td:first-child{ font-weight:bold; width:56px; font-size:15px;}

.imgleft{ float:left; display:inline-block; margin:0px 15px 10px 0px;}
.imgleft img, .imgright img { max-width:200px; border:#dddddd solid 1px;}
.heght30moblie{ height:20px;}
.abiut_img img{ width:100%; max-width:516px; float:right; margin-top:-6%; margin-left:15px;}
.career_img img{ max-width:600px; width:100%;}
.mca_product{ margin:30px 0px 0px 0px;}
.pdficonli{ margin-bottom:30px;}
.pdficonli li{ background:url(../images/icon_pdf.png) no-repeat left top; padding:0px 0px 0px 30px; line-height:30px; margin-bottom:11px;}
.pdficonli li a{ color:#000;}
.pdficonli li a:hover{ color:#da251c;}
.mca_product h3{ margin-bottom:14px;}
.navbar-collapse{ position:absolute; width:100%;}
.navbar-nav { margin: 0px -15px 7.5px -15px;}
.navbar{ min-height:auto;}
.form-group input:focus + label, .form-group input.has-value + label, .form-group textarea:focus + label, .form-group textarea.has-value + label, .form-group input +  span.error + label{
    color: #fff;
    font-size: 12px;
    top: 0;
}
/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */

footer{ margin-top:40px; background-color:#21252b; color:#fff; padding:35px 0px;}
.footer_menu li a{ margin:0px 0px 10px 0px; padding:0px 0px 0px 25px; color:#fff; font-size:12px; font-weight:bold; background:url(../images/footer_menu_arrow.jpg) left 3px no-repeat; display:inline-block;}
.footer_menu li:hover a, .footer_menu li.active a{ color:#3c8793; text-decoration:none;}
.footer_form input[type="text"].form-control{ height:28px;}
.footer_form textarea.form-control { height: auto;}
.footer_form input[type="text"]{ width:70%; background:none; color:#fff; border:1px solid #6b6e71; border-radius:0px; padding:5px;} 
.footer_form textarea{ width:70%; background:none; color:#fff; border:1px solid #6b6e71; border-radius:0px; resize:none; padding:5px;} 
footer .footer_title{ font-weight:bold; font-size:13px; color:#fff; text-transform:uppercase; margin-bottom:15px;}
footer p{ color:#fff;}
footer table{ width:100%;}
footer tr td{ color:#fff; margin-bottom:3px; display:inline-block; font-size:15px;}
footer tr td a{ color:#fff; margin-bottom:5px; display:inline-block;}
footer tr td:first-child{ vertical-align:top;}

.copy_rignt{ background:#3c8793; color:#fff; font-size:11px; padding:15px 0px 3px 0px; text-transform:uppercase; }
.web_design{ float:right; text-align:right;}

/* ------- Footer Area End ------- */

/* ------- Responsive css Start ------- */
@media screen and (min-width : 740px) and (max-width : 2600px) {
.navbar-nav > li:hover > .dropdown-menu {display: block;}
.navbar-inverse .navbar-brand{ display:none;}
.navbar-collapse{ padding-left:0px; padding-right:0px;}
.dropdown-menu > li{}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff!important;
  text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  outline: 0;
}
.dropdown-menu li:hover li:hover, .dropdown-menu li:hover li.selected{ background:#ea7930;}


}
@media only screen and (max-width:1024px) {
.abiut_img img{ margin-bottom:15px;}	
}
@media only screen and (max-width:980px) {}
@media only screen and (max-width:800px) {}
@media only screen and (max-width:768px) {
.abiut_img img{ max-width:250px; margin-top:0px;}
.navigation ul li a{ padding:8px 10px; margin-top:70px!important;}	
.bx-controls-direction{ display:none;}
.web_design{ float:none; text-align:center; margin:10px 0px;}
.copy_rignt{text-align:center;}
}
@media only screen and (max-width:760px) {
.navigation ul li a{ padding:8px 10px; margin-top:0px!important;}	
.navigation ul{ float:none;}
.navigation ul li a{ background:#3c8793; color:#fff;}
.navigation ul li{ border-bottom:#2d717c solid 1px;}
.navigation ul li:hover a, .navigation ul li.active a{ background:#367e8a!important;}
h1{ font-size:20px;}
.abiut_img img {margin-top: 0; max-width: 280px;}
.abiut_img img { float:none; padding:0px;}
.mar_top{ margin-top:15px;}
footer h2{ margin-top:15px;}
}

@media only screen and (max-width:737px) {
.soc_top{ display:none;}	
.abiut_img { text-align:center;}


}
@media only screen and (max-width:640px) {
.footer_form{ margin:30px 0px 35px 0px;}	
}
@media only screen and (max-width:480px) {}
@media only screen and (max-width:440px) {.imgleft, .imgright{ float:none; display:block; margin:0px 0px 10px 0px; text-align:center;} .imgleft img, .imgright img{ max-width:300px;} .aboutus_imagarea h3{ text-align:center; width:100%;}.aboutus_imagarea p{ text-align:center;}
}
@media only screen and (max-width:360px) {}
@media only screen and (max-width:320px) {}

/* ------- Responsive css End ------- */




.info2, .success2, .warning2, .failure, .validation2 {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info2 {
color: #00529B;
background-color: #BDE5F8;
background-image: url(../images/info.png);
}
.success2 {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url(../images/success.png);
}
.warning2 {
color: #9F6000;
background-color: #FEEFB3;
background-image: url(../../assets/images/warning.png);
}
.failure {
color: #D8000C;
background-color: #FFBABA;
background-image: url(../images/error.png);
}
/* ------- footer end ------- */

input[type="text"].error,textarea.error{border-bottom:1px solid #F00!important;}


label.error {
color: #F00;
}
label.error{solid #F00;!important;}