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

body { font-family: "Expletus Sans"; color:#898989;}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a { transition:0.5s; webkit-transition:0.5s;}
a:hover {
    text-decoration: none;
    outline: none;
}
a:focus {
    text-decoration: none;
    outline: none;
    outline-offset: inherit;
}

.topHeader .navbar-default { border:none; border-radius:0; margin-bottom:0;}
.topHeader .navbar-brand { height:inherit; padding:0; margin:20px 0 18px 0; padding-left:15px;}
.topHeader .navbar-right { color:#000; margin-top:50px;}
.topHeader .navbar-right li { font-weight:550; text-transform:uppercase; font-size:15px; margin-left:55px;}
.topHeader .navbar-right li:first-child { margin:0;}
.topHeader .navbar-right li .fa { margin-right:4px;}
.topHeader .navbar-right li span { display:block; color:#3baeff; text-transform:none; font-weight:500; font-size:16px; margin-top:3px;}
.topHeader .navbar-right li span a {color:#3baeff;}
.topHeader .navbar-right li span a:hover { color:#000;}

.mainNav .navbar-default { background:#133cad; border:none; border-radius:0; margin-bottom:0;}
.mainNav .navbar-default .navbar-nav > li { margin-right:42px;}
.mainNav .navbar-default .navbar-nav > li > a { padding:20px 0; color:#aaaaaa; font-weight:550; font-size:16px;}
.mainNav .navbar-default .navbar-nav > li > a:hover { color:#fff;}
.mainNav .navbar-default .navbar-nav > li > a:focus { color:#fff;}
.cl-effect-4 a {
    padding: 0 0 10px;
}

.cl-effect-4 a::after {
    position: absolute;
    top: 93%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #382202b5;;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
    height: 4px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 60px;
    height: 49px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    margin-right: -34px;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    outline: none;
    background: #00040f;
    width: 100%;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 11px 65px 11px 1px;
    font-family: inherit;
    font-size: 14px;
    color: #2c3e50;
    border:none;
    border-bottom: #aaaaaa solid 1px;
}
 
input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #fff;
}
 
.sb-search-input:-moz-placeholder {
    color: #fff;
}
 
.sb-search-input::-moz-placeholder {
    color: #fff;
}
 
.sb-search-input:-ms-input-placeholder {
    color: #fff;
}

.sb-icon-search,
.sb-search-submit  {
    width: 60px;
    height: 42px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 43px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color:red;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color:#aaaaaa;
    background: #00040f;
    z-index: 90;
    font-size: 15px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
 
.sb-icon-search:before {
    content: "";
}

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 33%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #00040f;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
/*    z-index: 90;*/
}



.bannerWrap .fill {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 522px;
}
.bannerWrap .carousel-control {
    width: inherit;
    top: inherit;
    opacity: 1;
    text-shadow: none;
    border: none;
    line-height: 15px;
    transition: all 0.5s;
    bottom: 42%; height:90px;
}
.bannerWrap .carousel-control.right {
    background:url(../images/right-arrow.png) no-repeat;
    right: 0;
    padding: 12px 21px 12px 12px;
}
.bannerWrap .carousel-control.left {
    background:url(../images/left-arrow.png) no-repeat right center;
    border-left: none;
    left: 0;
    padding: 12px 12px 12px 21px;
}
.bannerWrap .carousel-control.left:hover {
    padding-left: 40px;
}

.bannerWrap .carousel-control.right:hover {
    padding-right: 40px;
}

.welcomeWrap { background:url(../images/welcome-bg.jpg); background-size:cover; width:100%; padding-top:88px; padding-bottom:70px;}
.welcomeText h1 { color:#0033cc; font-size:30px; font-weight:600; margin:0 0 24px 0;}
.welcomeText h2 { margin:0 0 8px 0; color:#00040f; font-size:20px; font-weight:600; line-height: 25px;} 
.welcomeText p { color:#535458; font-size:15px;     line-height: 24px;     margin-bottom: 38px;}
.welcomeText p a {
    color: #0033cc;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.welcomeText p a:hover{
    font-size:17px;
    color: #000813;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.welcomeText .modal .modal-dialog .modal-content .modal-header {
    background: #000813;
    color: #fff;
    text-align: center;
}
.welcomeText .modal .modal-dialog .modal-content .modal-header button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    color: #fff;
    opacity: 1;
}
.modalIninform{
    margin-bottom: 0 !important;
}
.imgBox { margin-bottom:30px; position:relative;}
.imgBox h3 { position:absolute; bottom:0; left:0; color:#fff; font-weight:700; font-size:18px; left:35px; margin:0; bottom:38px; z-index:999;}
.imgBox:after { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; left:0; right:0; margin:0  auto;}
.grid {    margin-top: 60px;}
.galanceWrap { background:url(../images/galance-bg.jpg); background-size:cover; width:100%; padding-top:75px; padding-bottom:100px}
.galanceWrap h2 { display:inline-block; color:#124af2; font-size:30px; font-weight:600; margin:0; position:relative;}
.galanceWrap h2:before {     position: absolute;
    content: '';
    background: url(../images/line1.png);
    width: 89px;
    height: 11px;
    left: -140px;
    top: 5px;}
    
.galanceWrap h2:after {     position: absolute;
    content: '';
    background: url(../images/line2.png);
    width: 89px;
    height: 11px;
    right: -140px;
    bottom: 7px;}
.galanceWrap h3 { color:#929292; font-size:16px; font-weight:600; margin-bottom:120px;}
.countBox .countCircle{ width:38px; height:38px; border:#1059d3 solid 1px; border-radius:50%; color:#fff; text-align:center; font-size:17px; padding-top: 6px; float:left;}
.countText { display:table-cell; padding-left:13px; }
.countText h4 { margin:0; color:#fff; font-size:22px; font-weight:700;}
.countText h5 { margin:0; color:#124af2; font-size:15px; font-weight:600;}
.whatWrap { padding-top:80px; padding-bottom:80px;}
.whatWrap h2 { color:#0033cc; font-size:24px; font-weight:600; margin:0; border-bottom:#cdd5ec solid 1px; display:inline-block; padding-bottom:23px; padding-right: 20px; margin-bottom:24px;}
.whatWrap h3 { margin:0; color:#00040f; font-size:18px; font-weight:600; font-style:italic; margin-bottom:38px;}
.whatText { padding-right:67px; color:#37393e;}
.whatText p { line-height:24px; font-size:14px; font-weight:400; margin-bottom:32px;}
.whatText ul { margin-top:3px;}
.whatText ul li { float: left;
    width: 47%;
    position: relative;
    margin-bottom: 28px;
    border-bottom: #dbdcde solid 1px;
    margin-right: 20px;
    font-size: 16px;}
.whatText ul li .fa {   
    left: 0;
    top: 0;
    background: #03c;
    color: #fff;
    padding: 10px;
    margin-right: 10px;}
.kitWrap { padding-right:20px;}
.kitWrap .kitImg { position:relative;}
.kitWrap .kitImg  img {width:100%; border:#102460 solid 2px; position:relative;}
/*.kitWrap .carousel-inner {}
.kitWrap .carousel-inner > .item > img { width:100%; }
.kitWrap .carousel-control {
    width: inherit;
    top: inherit;
    opacity: 1;
    text-shadow: none;
    border:none;
    line-height: 15px;
    transition: all 0.5s;
    bottom: 42%;
    padding: 8px 7px;

}
.kitWrap .carousel-control.right {
    background:#102460;
    right: 0;
}
.kitWrap .carousel-control.left {
    background:#102460;
    border-left: none;
    left: 0;
}*/
.newTag {    position: absolute;
    right: 0;
    top: -15px;
    background: #0033cc;
    color: #fff;
    z-index: 9;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    padding: 6px 16px;}
    
.newTag:before {
     position:absolute; 
     content:''; 
     background:url(../images/new-after-img.png); 
     width:20px; 
     height:24px;     
     left: -26px;}

.plantWrap{ background:#edeef2; padding-top:64px; padding-bottom:50px;}
.headingStyle { color:#0033cc; font-weight:600; font-size:30px; margin:0 0 14px 0; text-align:center;margin-bottom: 30px;}
.headingStyle1 { color:#00040f; font-weight:600; font-size:15px; margin:0 0 38px 0; text-align:center;}
.plantBoxMain { padding:0 6px;}
.blueBox { background:#0033cc; color:#fff; text-align:center; padding:27px 5px 14px 5px;}
.blueBox h4 { margin:0 0 16px 0; text-transform:uppercase; font-size:20px; font-weight:700;}
.blueBox h5 { margin:0 0 13px 0; text-transform:uppercase; font-size:20px; font-weight:700; color:#8ea7ef; font-size:12px; font-weight:400;}
.blueBox span { font-size:22px;}
.plantImg { overflow:hidden;}
.plantImg img{ width:100%;      -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}
.plantImg img:hover {    -webkit-transform: scale(1.2);
    transform: scale(1.2);}
.plantBoxMain a{ display:block;}
.plantBoxMain a:hover .blueBox { background:#272727;}
.quilityWrap {    padding-top:95px; padding-bottom:95px;
    background: url(../images/homeSectionBg.jpg);
    background-size: 100% 100%;}
.quilityWrap h2 { text-align:center; color:#fff; font-size:53px; font-weight:100; line-height: 70px;}
.newsWrap { background:#fff; padding-top:52px; padding-bottom:52px; }
.newsWrap .newsBox .dateWrap  { margin:0; font-weight:600; font-size:13px; color:#0033cc; position:relative; float:left; margin-right:22px; margin-top: 2px;}
.newsWrap .newsBox .dateWrap span { display:block;}
.newsWrap .newsBox .dateWrap:before { content:''; position:absolute; width:3px; height:31px; background:#d1d3d8;     left: -18px; top:0;}
.newsWrap .newsBox .newsDetail h4{ font-size:16px; color:#00040f; font-weight:500;  line-height: 24px; position:relative; margin-top:0; margin-bottom: 36px;}
.newsWrap .newsBox .newsDetail h4:after{ content:''; position:absolute; background:#cdd5ec; width:50px; height:1px; left:0; bottom: -16px;}
.newsWrap .newsBox .newsDetail{ color:#535458;     line-height: 24px;     display: table-cell; padding-right:15px;} 
.newsWrap .newsBox .newsDetail p { margin-bottom:34px;}
.newsWrap .newsBox .newsDetail a { color:#0033cc; font-size:14px; font-weight:600; text-transform:uppercase;}
.newsWrap .newsBox .newsDetail a:hover { padding-left:10px;}
.logoWrap { background:#fff; border-top:#edeef2 solid 1px; padding-top:23px; padding-bottom:23px;}
.logoWrap .carousel-control { width:inherit; text-shadow:none; color:#535458; top:inherit; bottom:12px; opacity:1; font-size:26px;}
.logoWrap .carousel-control.right { background:none; right:-25px;}
.logoWrap .carousel-control.left { background:none; left:-25px;}

.footerTop {    background: url(../images/footer-bg.jpg);
    background-size: cover;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;}
.bottomConDetail { color:#a8a8ae; font-size:12px;}
.bottomConDetail a { color:#a8a8ae;}
.bottomConDetail a:hover { color:#fff;}
.bottomConDetail ul { margin-top:30px;}
.bottomConDetail ul li { margin-bottom:7px; font-size:12px;}
.footerTop h3 { margin:0 0 28px 0; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase;}
ul.footerLinks li { margin-bottom:2px;}
ul.footerLinks li a { font-size:12px; color:#a8a8ae;}
ul.footerLinks li a:hover { color:#fff;}
.footerTop h4 { margin:0 0 10px 0; color:#fff; font-size:12px; }
.footerTop h5 { margin:0; color:#a8a8ae; font-size:12px; line-height: 20px; }
.conPlant { margin-bottom:30px;}
.footerBottom { background:#18181a; color:#a8a8ae; padding-top:15px; padding-bottom:15px; font-size:12px;}
.footerBottom span { display:block;     line-height: 20px;}
.footerBottom span a {color:#a8a8ae; }
ul.termsLinks {margin-bottom: 2px;}
ul.termsLinks li { display:inline-block; border-right:#ccc solid 1px; padding:0 10px;     line-height: 12px;}
ul.termsLinks li:last-child {border-right:none; }
ul.termsLinks li a {color:#a8a8ae;}
ul.termsLinks li a:hover {color:#fff; text-decoration:underline;}
.footerRgt { text-align:right;}

/*-- about us page css --*/
.InnerWrapper {
    padding: 30px 0;
}
.aboutInnerInfor h2 {
    color: #00040fc4;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 15px 0;
}
.aboutInnerInfor p {
    color: #535458;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
}
.aboutInnerInfor ul li::before {
    content: "\f058";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 8px;
    left: 0;
}
.aboutInnerInfor ul {
    margin-bottom: 30px;
}
.aboutInnerInfor ul li {
    padding-left: 20px;
    position: relative;
    line-height: 30px;
}
.aboutInnerInfor h2{
    position: relative;
}
.aboutInnerInfor h2::before {
    content: '';
    width: 40px;
    height: 3px;
    background: #000;
    position: absolute;
    top: 30px;
    left: 0;
}
.innerpagebannerWrap .fill {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: 250px !important;
}
.bannercaption {
    background: rgba(8, 5, 5, 0.5);
    padding: 15px;
    display: inline-block;
}
.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 0px;
    list-style: none;
    background: none;
    border-radius: 4px;
}
.breadcrumb > .active {
    color: #777;
    font-weight: 700;
}
ol.breadcrumb li a {
    color: #00040f;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
ol.breadcrumb li a:hover{
    color: #0033CC;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

/*-- career page --*/
.careerForm {
    background: #eee;
    width: 1000px;
    height: auto;
    margin: 0 auto;
}
.careerForm form {
    padding: 15px;
}
.careerForm h3 {
    color: #00040f;
    margin-bottom: 0px;
    padding: 15px 0;
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #bfbfbf;
    margin-top: 0;
}
.careerForm form .form-group label {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}
.btnStyle {
    background: #0033CC;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.btnStyle:hover {
    background: #000813;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    color: #fff;
}
.careerForm form .form-group .form-control {
    border-radius: 0;
}
.careerForm form .form-group .form-control:focus {
    /* border-color: #66afe9; */
    border: 1px solid #CCC;
    border-bottom: 2px solid #06CDB8;
    outline: 0;
    -webkit-transition: border-color ease-in-out .15s, height ease-in-out .4s;
    -o-transition: border-color ease-in-out .15s, height ease-in-out .4s;
    transition: border-color ease-in-out .15s, height ease-in-out .4s;
}
.careerForm form .form-group {
    margin-bottom: 30px;
}
.careerForm form .form-group input[type=text] {
    height: 45px;
}

/*-- contact us page cs start --*/
.contactbox {
    border: 1px solid #dad9d9;
    padding: 10px;
    margin-bottom: 30px;
    background: #eeeeee63;
}
.contactbox .ContactDetail h4 {
    margin-top: 0;
    color: #00040f;
}
.contactbox .ContactMap iframe {
    width: 100%;
    height: 300px;
}
.contactbox .ContactMap {
    padding-top: 10px;
    border-top: 1px solid #a9a7a7;
}
/*Responsive*/
@media (max-width: 1199px){
    .careerForm {
    width: 100%;
}
}

@media(max-width:1024px){
.imgBox img { width:100%;}
.blueBox {
    min-height: 149px;
}
.quilityWrap h2 {
    font-size: 42px;}
    .whatText ul li {
    width: 46%;}    
}

@media(max-width:991px){
.bannerWrap .fill {
    height: 325px;
}
.countText h4 {
    font-size: 17px;}
    
.whatText {
    padding-right: 0;}  
    
.plantBoxMain { margin-bottom:10px;}    
.quilityWrap {
    padding-top: 40px;
    padding-bottom: 40px;}
.logoWrap .carousel-inner > .item img { width:100%}
.newsWrap .newsBox .newsDetail a:hover { padding-left:0; color:#000;}
.newsWrap .newsBox .newsDetail a {
    font-size: 12px;}
.sb-search {
    margin-right: 0;
}
.whatText ul li {
    width: 100%;}
.whatWrap h3 {
    font-size: 17px;
}
.careerForm {
    width: 100%;
}
.contactbox {
    min-height: 475px;
}
}

@media(max-width:767px){
    .careerForm {
    width: 100%;
}
.logoWrap .carousel-inner > .item img { width:auto;}
.logo { margin-bottom:20px;}
.logoWrap .carousel-control {
bottom: 45%;}
.countBox { margin-bottom:30px;}
.galanceWrap{    padding-bottom: 20px;}
.galanceWrap h3 {
margin-bottom: 40px;}
.countText h4 {
font-size: 22px;
}
.kitWrap {
    padding-right:0;
}
.bannerWrap .fill  { background-size:100% 100%;     height: 220px;}
.newsBox { margin-bottom:20px; border-bottom:#ccc solid 1px; padding-bottom:20px;}
.newsWrap { padding-bottom:20px;}
.serchBox { width:100%; float:left;}
.topHeader .navbar-right { width:100%; float:left;}
.topHeader .navbar-right li{ float:left;}
.sb-search.sb-search-open, .no-js .sb-search {
    width: 100%;
} 
.mainNav .navbar-default .navbar-nav > li > a {    padding: 6px 0;}
.view { display:none !important;}
.footerRgt {
    text-align: left;
} 
ul.termsLinks li { padding:0 10px 0 0;}
.whatText ul li {
    width: 46%;}
.topHeader .navbar-right {
    margin-top: 0;
}

/*Custom*/

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a
{
    color: #eee;
    font-size: 14px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
    color: #fff;
    /*background-color: #fff;*/
    border-bottom: 4px solid #fff;
}
.topHeader .navbar-right
{
    color: #fff;
}
.topHeader .navbar-right li span a:hover { color:#fff;}


.topHeader .navbar-right li span
{
    color: #fff;
}
}

@media(max-width:580px){
    .quilityWrap h2 {
    font-size: 28px;
        line-height: 37px;
}
.logo {
    width:100%;
}
.footerTop .col-xs-6 { width:100%}
.galanceWrap {padding-top: 25px;}
.galanceWrap h2:before { display:none;}
.galanceWrap h2:after { display:none;}
.galanceWrap h2 {
    font-size: 30px;}
.topHeader .navbar-right li { margin-left:0; margin-bottom:10px !important; }
.mainNav .navbar-default .navbar-nav > li  {margin-right:0;}
.welcomeWrap {
    padding-top: 30px;}
    
.welcomeText h1 {
    font-size: 26px;
    margin: 0 0 14px 0;
}
.welcomeText h2 {
    font-size: 15px;}
    
.grid {
    margin-top: 0;
}
.whatWrap {
    padding-top: 30px;
    padding-bottom: 30px;
}   
.whatText ul li { width:100%}   
.kitWrap { margin-top:20px;
}   
.plantWrap {
    padding-top: 30px;
}

.navbar-brand > img { width:100%}
.headingStyle {    font-size: 23px;}
.whatText ul li {
    width: 100%;}
.plantBoxMain {width: 100%;}
.footerTop h3 {
    margin: 18px 0 14px 0;}
#counter .col-xs-6 { width:100%}
.grid .col-xs-6 { width:100%}
}

    /* landscape phones */
@media only screen and (min-width: 480px) and (max-width: 600px) and (orientation:landscape) {
.whatText ul li {
    width: 45%;
}
.mainNav .navbar-default .navbar-nav > li {
    margin-right: 20px;
}
#counter .col-xs-6 { width:50%}
.grid .col-xs-6 { width:50%}
}

@media only screen and (min-width: 480px) and (max-width: 600px) and (orientation:landscape) {
.whatText ul li {
    width: 45%;
}

@media only screen and(min-width: 480px)
{
    body{
        background-color: red;
    }
    .dropdown-menu>li>a:hover
    {
        color: #fff;
    }
    /*.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
    {
        color: #fff;
    }
}

}