/*body*/
body
{background-color:white !important;color: #505050 !important;font-family: 'latoregular';font-size: 15px}


/*header*/
header{ position: relative; z-index: 5;}
.logo-div{padding: 12px 15px; margin-left: 15px;position: relative; 
    z-index: 2;
    display: block;
    float: left;
    margin-bottom: -80px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
.header-top { padding-top: 0px; padding-bottom: 6px;}
.hd-main{/* background: rgba(8, 22, 43, 0.25);*/
    background: linear-gradient(to bottom, rgb(25, 27, 27) 0%, rgb(104, 118, 128) 0%, transparent 100%) !important; 
     position: absolute; width: 100%;}


/*menu*/
.navbar
{min-height: 0px !important;display: block;margin-bottom: 0px;
background-color: transparent;border: none;border-radius: 0px}

#myNavbar
{border:none;padding-left:0px;padding-right:0px;}

.navbar-nav>li>a
{color: white !important;font-size: 13px; text-transform: uppercase;
letter-spacing: 2px}

.navbar-nav>li:last-child{border-right: none;}

.dropdown-menu{ background-color: #3b99d4;
    border-radius: 4px !important; border:none; }
.dropdown-menu li{border-bottom: 1px solid rgba(232, 234, 241, 0.13)}
.dropdown-menu li:last-child{border-bottom: none;}

.dropdown-menu>li>a
{font-size: 14px; line-height: 20px; color: white; padding: 16px 32px 14px; letter-spacing: .5px}

.dropdown-menu>li>a:hover
{background-color: rgba(232, 234, 241, 0.13) !important;color:white !important;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{background-color: transparent !important;}


.navbar-inverse .navbar-toggle .icon-bar 
{background-color: #3b99d4;}

.navbar-inverse .navbar-toggle 
{border:none;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent !important;
}


/*btn template*/
.btn-template, .btn-template1, .btn-template-outlined {
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 400;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.9em;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
    text-transform: uppercase;
    font-family: 'latolight';
    font-size: 12px
}


.btn-template{background: #BC198C;}
.btn-template1{background: #d3004f;}

.btn-template:hover, .btn-template-outlined:hover, .btn-template:focus, .btn-template-outlined:focus, .btn-template1:focus, .btn-template1:hover {
    color:white;
}

a:hover {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-template:hover::before, .btn-template-outlined:hover::before, .btn-template:focus::before, .btn-template-outlined:focus::before ,
.btn-template1:hover::before, .btn-template1:focus::before{
    left: 0;
}

.btn-template::before, .btn-template-outlined::before, .btn-template1::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: calc(-100% - 10px);
    transition: all 0.5s;
    z-index: -1;
    
}

.btn-template::before
{background:  #d3004f;border: 2px solid #d3004f;}
.btn-template1::before
{background:  #BC198C ;border: 2px solid #BC198C;}



/*outline-btn*/
.outline-btn{padding: 0px 50px;height: 50px;line-height: 46px; text-transform: uppercase;-webkit-backface-visibility: hidden;
        transition: all 0.5s ease; display: inline-block;position: relative; z-index: 1;
}
.outline-btn.white{color: white; border:2px solid white;font-family: 'playbold';}
.outline-btn:before{content: '';position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
    opacity: 0;
    z-index: -1;
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    }
.outline-btn:hover:before{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);opacity: 1;}
.outline-btn.white:hover{color: white; border:2px solid #091742;}
.outline-btn.white:before{background-color: #091742; color: white}




/*menu cont*/
.menu-cont{  float: right; margin-top: 15px;
    margin-bottom: 5px;}
.navbar-nav>li>a{ transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.desk-menu,.log{float: right;}





/*dropdown-mnenu-div*/
.login.f-right{float: right;}
.login{
    margin-top: 5px;
    outline: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;margin-left:0px; display: inline-block;}
.login:hover i{animation-name:jello; animation-duration:1.6s; }
.login i{font-size: 15px; padding-right: 3px; position: relative;bottom: -1px}
.header-top-main{background-color: rgba(236, 233, 233, 0.18); color: white}
.angle-down{color: #FFFFFF; font-size: 16px}

.navbar-right{margin-right: 0px}
.menu-para{padding:2px 2px 2px 2px;
    color: #F1B50E;
    border-bottom: 2px solid rgba(241, 181, 14, 0.55);
    text-transform: uppercase;
    padding-bottom: 10px; margin:25px 0px -3px 35px; display: table;}
.menu-para i{padding-right: 6px; font-size: 15px}
.mail-ul{margin-top: 5px; margin-bottom: 5px;}
.top-left li{display: inline-block; margin-left: 20px; font-size: 13px;}
.top-left li img{margin-right: 6px}


/*mobile menu*/
.nav-div-sub{height: 100vh; overflow: auto;}



/*slider*/
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      
      width: 100%;
      height:auto;
      margin: auto;
  }


.item img
{margin:0 auto !important;}


/*carousel indicator*/
.carousel-indicators .active{background-color: #3b99d4; border:2px solid #3b99d4;}
.carousel-indicators li{border:2px solid rgba(255, 255, 255,.5);height: 4px ; width: 30px; background-color: rgba(255, 255, 255,.5);}
.carousel-indicators .active{height: 8px ; width: 40px}
.carousel-indicators {
    position: absolute;
    bottom: 25px;
    z-index: 2;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
.carousel-inner{z-index: 1}

/*carousel-caption*/
.carousel-caption {text-shadow: none}
.carousel-caption a{font-size: 14px; margin-left: 0px}

.cap-head{font-size: 50px; line-height: 40px; margin-bottom: 18px;  text-transform: uppercase; margin-top: 50px; 
font-family: 'playbold';}
.cap-head span{color: #3b99d4}
.cap-text{font-size: 24px; text-transform: none; font-family: 'latoregular';}
.carousel-caption .line{margin: 0 auto}

/*vertical align middle slide*/
.hero {
    position: absolute;
    width: 45%;
    height: 100%;
    top: 0px;
    left: 40px;
    z-index: 3;
    color: #282838;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

/*.car-blue{color: #2E6DDE; ; font-size: 30px}*/
.hgroup {
    height: 100%;
}

.hero .sub-box, .carousel-caption{
    vertical-align: middle !important; animation-name: zoomInRight; animation-duration: 2s;
}





/*gen*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}

.no-padding
{padding-right: 0px;padding-left: 0px}

.pd-2-35{padding-left: 45px; padding-right: 45px}

a, a:hover
{text-decoration: none !important;}

/* a[href^="tel:"] {pointer-events: none;} */

ul
{padding-left: 0px; list-style-type: none;margin: 0}

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 15px}

.clear-fix
{float: none; clear: both;}

span.clear-fix 
{ display: block;}

.img-left
{float: left; margin-right:15px; margin-bottom: 15px}

.img-right
{float: right; margin-left:15px; margin-bottom: 15px}

.img-auto
{margin: 0 auto; float: none; margin-bottom: 15px}

.img-gen{margin-bottom: 15px}


.gen-para{line-height: 26px;  text-align: justify; margin-bottom: 15px}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}


h1{  font-size: 33px;
    line-height: 40px;
    margin-bottom: 25px;
    font-family: 'latobold';
    color: #3b99d4; margin-top: 0px; margin-bottom: 20px; margin-bottom: 30px;}
h2{ font-size: 33px;
    line-height: 40px;
    margin-bottom: 25px;
    font-family: 'latoblack';
    color: #3b99d4; margin-top: 0px; margin-bottom: 20px; text-transform: uppercase;}
h3{ font-size: 23px;
    line-height: 22px;font-family: 'latobold';
    color: #3b99d4;
    margin-top: 0px; }
h4{ font-size: 22px; font-family: 'latolight'; color: black}

.b{font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}



/*gen list*/
.gen-list li{position: relative; padding-left: 30px; line-height: 26px; margin-bottom: 10px}
.gen-list li:before{content: '\f042'; font-family: 'FontAwesome'; position: absolute;left: 0px; color: #3b99d4}
.feature-head{margin-top: 30px}


/*welcome*/
.welcome-div{padding-top: 80px; padding-bottom: 80px;}
.services-div{padding-top: 40px; padding-bottom: 40px;}
.tick-ul li{position: relative; padding-left: 60px; line-height: 26px; margin-bottom: 15px}
.tick-ul li:before{content: '\f00c'; font-family: 'FontAwesome'; position: absolute;left: 0px; border:1px solid #3b99d4; border-radius: 4px;
height: 35px;width: 45px;line-height: 35px; text-align: center; color:white ; background-color: #3b99d4;
transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.tick-ul li:hover:before{color: #3b99d4;border:1px solid #CACACE; background-color: white}

.dot-ul li{position: relative; padding-left: 30px; line-height: 26px; margin-bottom: 15px}
.dot-ul li:before{content: '\f046'; font-family: 'FontAwesome'; position: absolute;left: 0px; 
height: 25px;width: 25px;line-height: 24px; text-align: center; color:#3b99d4 ;}

.sub-para{color: #4c92bf; 
    font-size: 23px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-family: 'latolight';}
.about-image{padding-right: 15px}





/*services*/
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -mozjustify-content: center;
    -msjustify-content: center;
    justify-content: center;
}


.flex-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.ser-div{padding: 30px; display: inline-block; color: #505050; border:1px solid #CACACE; border-bottom: 4px solid #3b99d4; border-radius: 12px;
margin-bottom: 30px; transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.services .box .sub-box{vertical-align: top}
.services .box{margin-bottom: 15px;}
.ser-main{height:173px; overflow: hidden;}
.text-capitalize{text-transform: capitalize !important;}
.services h2{margin-top: 0px}
.line{width: 80px; height: 2px; background-color: #CACACE;}
/*.services .sub-para{margin-top: 18%;}*/
.services-head{text-align: center;}
.services-head .line{margin: 0 auto; margin-bottom: 40px}
.ser-div:hover img{
    animation-name: flipInY;
    animation-duration: 3s; }
.ser-div:hover{    box-shadow: 0 33px 60px -20px rgba(0,0,0,.6); }
.ser-div:hover .grey-image{display: none;}
.ser-div:hover .blue-image{display: block;}
.ser-div .blue-image{display: none;}
.services-line{margin-bottom: 30px}
.in-services .flex{-webkit-justify-content: left !important;
    -mozjustify-content: left !important;
    -msjustify-content: left !important;
    justify-content: left !important;}
.ser-div-in{margin-bottom: 25px}

/*.services-main{background-color: #F5F5F5}*/




/*testimonial*/
.testi-div{ padding-top: 80px; padding-bottom: 80px; }
.testi-overlay{background-color: rgba(33, 49, 101, 0.58);}
.testi-div .sub-para{margin-bottom: 10px}
.inner-box{padding: 30px 50px;background-image: url(../img/icons/left-quote.png); 
background-position: 0px 0px ; background-repeat: no-repeat; color: white}
.testi-block{padding: 15px}
.testi-block .gen-para{line-height: 34px; letter-spacing: .5px;
    text-align: left;
    margin-bottom: 15px;
    font-family: 'latolight_italic';
    font-size: 20px; height: 140px; overflow: hidden;}
.testi-name{margin-bottom: 15px}
.pos, .testi-loc{margin-bottom: 5px; font-family: 'latolight';}
.testi-name span{color: #F58114; font-size: 22px; font-family: 'latoblack';  text-transform: uppercase;}
.testi-name i{padding-right: 8px; color: #A7A5A5}
.testi-div h2{margin-bottom: 15px}
.testi-div h2, .testi-div .sub-para{color: white}
.testi-main{background-image: url(../img/images/testi-bg.jpg); background-size: cover; background-position: center center;
 background-attachment: fixed; }
#owl-car-testi .owl-nav, #owl-car-testi .owl-dots, #owl-car-client .owl-nav, #owl-car-client .owl-dots{display: none;}
.testi-div .fadeInDown{animation-duration:1s ; -webkit-animation-duration: 1s; -moz-animation-duration: 1s}




/*clients*/
.client-div{padding-top: 60px; padding-bottom: 60px}
.owl-car-client{margin-top: 20px}
.owl-car-client .owl-dots{display: none !important;}




/*footer*/
.quick-link li{display: inline-block; margin-right: 10px}
.quick-link li a{padding: 5px 15px; border:1px solid rgba(255, 255, 255, 0.57); border-radius: 4px}
i.sp-icon{width:38px; height:38px; line-height: 36px; border:1px solid white; background-color:white;color: #3b99d4;text-align: center; border-radius: 100%; 
    position: relative; font-size: 16px }
i.sp-icon:after{content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -8px;
    right: 8px;
    margin-top: -3px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: white transparent;}



footer .box{color: rgba(255, 255, 255, 0.57);}
.top-footer-col{padding-bottom: 50px; padding-top:30px; }
.quick-link li a{color:rgba(255, 255, 255, 0.57); display: block;transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;}
.quick-link li{margin-bottom: 10px;}
.quick-link li:hover a{color: #F58114}
.footer-social li a { border-radius: 100%; line-height: 45px !important; color: #505050; font-size: 17px;}
.footer-social li{ margin-right: 5px;}
.footer-social li:hover a{  color: #505050; animation-name: flipInY; animation-duration: 1s;}
.footer-social i, .contact-details i{ width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 4px; font-size: 17px}
.footer-social i{background-color: #264558; color: white; }
.footer-first-col p{color:rgba(255, 255, 255, 0.57)}
.top-footer-cont{background-color:#306485;}
.bottom-footer-cont{ background-color: #264558}
.bottom-footer{ padding-top: 20px; padding-bottom: 10px; font-size: 14px; color: rgba(255, 255, 255, 0.57); font-size: 13px;
}
.foot-head{  text-transform: uppercase;font-size: 18px; line-height: 15px;  margin-bottom: 15px; 
color:rgba(255, 255, 255, 0.57); padding-bottom: 10px; font-family: 'playbold';}
.add-head{ font-size: 18px; margin-bottom: 15px;}

.srv{color: rgba(255, 255, 255, .68)}
.srv:hover, .srv:focus, .srv:active{color: white}
.ft-sr-text{font-family: 'latoblack';}
.box-vr-top .sub-box{vertical-align: middle;} 
.box-vr-top .sub-box .ft-sr-head{margin-bottom: 0px}
.mrg-btm-0{margin-bottom: 0px}
.footer-social{margin-top: 15px;}
.social-media li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; display: block;
}
.social-media li { display: inline-block; text-align: center;}
.address-col{color: rgba(255, 255, 255, 0.57)}
.add-para{line-height: 24px; margin-bottom: 15px;}
footer a.add-para {display: block; color: rgba(255, 255, 255, 0.57);}
.footer-first-col .box, .contact-details .box{margin-bottom: 15px}
.top-footer{ padding-top: 40px; padding-bottom: 0px;}
.cfo-india{display: inline-block; margin-top: 17px; margin-bottom:15px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold;
 color: rgba(255, 255, 255, 0.57) !important;}
.cfo-india:hover{color: white !important}
.cfo-india i {color: white}
footer .phone-box .add-para, .in-contact .phone-box .add-para {margin-bottom: 0px}
footer .box.phone-box .sub-box, .in-contact .box.phone-box .sub-box{vertical-align: middle;}
.in-contact .box.phone-box{margin-bottom: 20px}


/*form*/
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 13px;
    border:none;
    min-height: 40px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 155px;
}
.cnt-message{margin-bottom: 13px}
input[type=text]:focus, textarea:focus{border-bottom:1px solid #5EB007 !important;}
iframe{width: 100%; height: 320px; border: 1px solid #DBDDF7 !important;border:none; }
.iframe-adrs{margin-bottom: 30px}
.submit {
    padding: 8px 22px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
}
.submit i{ color: #C49718;}
.submit:hover{ color: white}
.submit:hover i{color: white}
.msg-col{margin-top: 20px}
.bg-cnt{background-color: #F2F3FF; padding: 8px; border-radius: 4px; border:1px solid #DBDDF7;}
.message{margin-bottom: 25px}





/************************************************************************************/
/************************************ innerpage ************************************/
/************************************************************************************/

.in-main-col{padding-top: 60px; padding-bottom: 60px}
.in-body h2{font-size: 28px}
.innerbg {
    background-image: url(../img/images/inbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 430px;
    background-size: cover;
    text-align: center;}

/*.inbg-ovr {
    min-height: 490px;
    background-image: url(../img/images/overaly.png);
    opacity: .8;
}*/

.inbg-ovr h1{    margin-top: 185px;
    color: white;
    font-size: 50px;
    font-family: 'playbold';
    text-transform: uppercase;}

.span1{color: #282838}
.span2{color: #3b99d4}

/*breadcrumb*/
.breadcrumb { background-color: transparent; font-family: 'playbold';}
.breadcrumb li a {color: #282838; font-size: 18px}
.breadcrumb>li+li:before {  
    color: #4c92bf;}
.breadcrumb li.active a{color: #4c92bf}



/*form*/
.message input[type=text],.message input[type=tel],.message input[type=email],.message input[type=password],.message input[type=date],
.message textarea, .message select {
    margin-bottom: 10px;
    border: 1px solid #CACACE !important;
    border:none;
    min-height: 50px;
    border-radius: 2px;
    padding: 6px 8px 4px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 100px;
}
.message{padding: 20px; border: 1px solid #CACACE !important;}
.enquiry-head {
    background-color: #17254E;
    color: white;
    opacity: .9;
    padding: 10px;
    font-size: 19px;
    margin-bottom: 0px;
    height: 50px;
    margin-top: -125px;}
.message .form-group{margin-bottom: 0px;}
.cnt-message{margin-bottom: 13px}
.message input[type=text]:focus, .message textarea:focus{border:1px solid #3A5167 !important;}
.subs-form input[type=text], .subs-form input[type=tel],.subs-form input[type=email],.subs-form input[type=password],.subs-form input[type=date],
.subs-form textarea, .subs-form select
{min-height: 50px; border:1px solid rgba(58,81,103,.52) !important; background-color: rgba(255, 255, 255,.7)}
.subs-form .send-btn{min-height: 50px; width: 100%; border-radius: 5px; font-size: 12px; letter-spacing: 1px}
.send-btn{ padding: 15px 25px; background-color: #F58114; border: none; color: white}
.send-btn:hover{background-color: #3b99d4}

label { font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.inn-contact .img-divider{margin-top: 30px; margin-bottom: 60px}
iframe{height:430px;}
.get-in-form{    padding: 35px 30px;
    border-radius: 5px;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.2);}




/*table responsive*/
/*table*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{border-top: 1px solid #61BA61;}
.color-table th{font-weight: normal;   font-size: 17px; color: #1E7D47;}
tr.first-row>td, tr.first-row>th{border-top:none !important;}
.table-responsive{padding:15px 15px 0px; border-radius:12px; border: 1px solid #DDECCC; border-top:none;
border-right:none;}


.table-responsive {
    color: black;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0px;
}

.table-responsive .table{margin-bottom: 0px}
.table>tbody>tr>th{padding: 8px 15px !important;}
.first-row {
    background-color: #5EB007 !important;
}

.first-row th{color: white !important}

.table>tbody>tr>th {
    color: #9A570C;
    font-weight: normal;
    font-size: 15px; 
}

.table>tbody>tr>td{line-height: 21px}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    border-top: 1px #DDECCC solid !important;
    border-right: 1px #DDECCC solid;
    padding: 10px 15px;
    color: #333;
}

.table>tbody>tr:nth-child(even) {
    background-color: white;}


.table>tbody>tr:nth-child(odd) {
    background-color: #E9FFD2;}




/*::::::::::::::::::::::::::::::::::::::::::::::::*/
/*--------------------innerpage--------------------*/
/*::::::::::::::::::::::::::::::::::::::::::::::::*/

/*about*/
.mis-vis .ser-main{height: auto;}
.mis-vis .sub-box{vertical-align: middle !important;}
.mis-vis .sub-box h2{margin-bottom: 0px}
.core{width: calc(100% / 5 - 0px); float: left; text-align: center;}
.core-sub{padding: 60px 20px}
.core-main{background-image: url(../img/images/core-bg1.jpg);  background-size: cover; background-position: center;}
.core-overlay{background-color: rgba(0,0,0,.6)}
.core-text{color: white; font-family: 'playbold'; text-transform: uppercase;margin-top: 20px; font-size: 18px}
.core-main h2{padding-top:60px; color: white}
.core-main .line{    margin: 0 auto; height:1px ;}
.core:hover img{ animation-name: bounce; animation-duration: 1s;}
.in-about-img{padding-left: 15px}
.cfo-yr{width: 100px; height:50px; line-height: 50px; text-align: center; border-radius: 100%; border:1px solid  #CACACE;
border: 1px solid #3b99d4; background-color: #3b99d4; color: white;  font-family: 'playbold'; text-transform: uppercase; font-size: 18px}

.cfo-info{position: relative;}
.cfo-info hr{ position: absolute;
    left: 50%;
    top: 0px;
    width: 3px;
    height: 100%;
    background-color: #DADEE8;
    border: none;
    z-index: -1;
    margin: 0;}

.cfo-info .box .sub-box{vertical-align: middle;}
.cfo-info .box .sub-box .gen-para{margin-bottom: 0px}
.cfo-info .box{width: 455px}
.cfo-info .box.left{float;left; margin-left: calc(50% - 50px);}
.cfo-info .box.right{float: right; margin-right: calc(50% - 50px); text-align: right}
.cfo-info .box.right .gen-para{text-align: right}
.cfo-info .box.left .gen-para{text-align: left}
.cfo-info .box .year-box{width: 100px}
.cfo-info .box .text-box{width: calc(455px - 100px)}
.cfo-info .box{margin-bottom: 20px}
.cfo-details{padding: 20px;background-color: rgba(42, 58, 107, 0.11); border-radius: 8px; position: relative;}
.cfo-details:before{content: ''; position: absolute;  top:50% !important; height: 4px ; width: 15px; background-color: #DADEE8;
}

.cfo-info .box.right .cfo-details:before{top: 20px; right: -15px;}
.cfo-info .box.left .cfo-details:before{top: 20px; left: -15px;}
.cfo-info{margin-top: 40px}
.mis-vis-main{margin-bottom: 20px;}
.cfo-details h3{ font-family: 'playbold'; font-size: 22px}


/*contact*/
.contact-box i.sp-icon{    border: 1px solid #3b99d4 !important;
    background-color: #3b99d4 !important;
    color: white !important;}

.contact-box i.sp-icon:after{border-color: #3b99d4 transparent;}
.contact-box{ margin-bottom: 10px;}
.in-contact .social-media{margin-bottom: 15px}
.in-contact .team-duty{  margin-bottom: 15px; font-size: 14px; text-align: left;}
.in-contact .phone-box{padding-left: 53px}
.in-contact .team-name{text-align: left;}


/*testimonial*/
.in-testi .inner-box{color: #505050 !important}
.in-testi-block{border:1px solid #CACACE !important; border-radius: 20px; margin-bottom: 20px; background-image: url(../img/images/pattern.png);
background-repeat: repeat; background-position: center;}
.in-testi-block .gen-para{height:auto;}
.in-testi-block .inner-box{  background: rgba(42, 58, 107, 0.04) url(../img/icons/left-quote.png);
    background-position: 0px 0px;
    background-repeat: no-repeat; border-radius: 20px;  
/* background-image: url(../img/icons/left-quote.png);*/}



/*about*/
.about-col h2.about-h2{ padding-top: 40px;}
.small-para{  font-style: italic; font-size: 17px; color: #959595; margin-bottom: 30px}
.chef-col{padding-top: 40px}
.flash {
    animation-name: flash;
    animation-duration: 2s;
    animation-iteration-count: infinite;}


/*solutions*/
.sol-img img{margin:0 auto; margin-bottom: 20px; border-radius: 12px}
.sol-div{margin-bottom: 40px}
.sol-div h3{font-size: 20px; display:table; border-bottom: 1px solid #3b99d4; padding-bottom: 6px}


/*team*/
.team {padding: 20px; margin-bottom:20px; background-color: #F7F7F7; 
    box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;}
.team-sub{ padding: 20px}


.chain{color: rgba(46, 49, 146, 1); display: block;
    text-align: center;
    display: block;
    width: 30px;
    background-color: white;
    height: 30px;
    border-radius: 50%;
    margin: auto;
    line-height: 30px;
    box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.2);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;}
.team-img{position: relative; display: table; }
.team-img .overlay {
    position: absolute;
    bottom: 0;left:0px;
    width: 100%;
    height: 0;
    opacity: 0;
    background-color: rgba(46, 49, 146, .9);
    transition: all .5s ease;
    -webkit-transition: all .5s ease; border-radius: 20px;}
.team-img:hover .overlay {height: 100%; opacity: 1}
.team img{margin: 0 auto;/*border: 1px solid #DFDCDC;*/border: 1px solid #5AB5F5; border-radius: 20px;}
.team-img .overlay .box{width: 100%; height: 100%; text-align: center;}
.team-img .overlay .box .sub-box{vertical-align: middle;}

.team-des{padding-left: 20px}
.team-name{ color: #007DB7; font-size: 18px;}
.team-duty{  
    padding-bottom: 5px;
    border-bottom: 1px dotted #3b99d4;
    margin-bottom: 20px;}
ul.quali {font-size: 14px}
ul.quali li {margin-bottom: 8px}
ul.quali li i{width: 20px; text-align: center;padding-right: 8px; box-sizing: content-box; color: #656976; display: none;}
ul.quali li span{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; font-size: 13px; padding-right: 5px}
ul.quali li ul{margin-top:8px;}
ul.quali li ul li{position: relative; padding-left: 12px}
ul.quali li ul li:before{content: '\f0da'; font-family: 'FontAwesome';position: absolute;left:0px; top:0px; }
.team-row{margin-bottom: 30px}
.eco-div{width: calc(100% / 4 - 0px); float: left;padding-left: 15px; padding-right: 15px;}
.eco-team{text-align: center; margin-bottom: 25px; box-shadow: 8px 9px 39px -11px rgba(0,0,0,0.3)!important;
    -webkit-box-shadow:8px 9px 39px -11px rgba(0,0,0,0.3)!important;
    -moz-box-shadow: 8px 9px 39px -11px rgba(0,0,0,0.3)!important; padding: 40px 20px; border-radius: 20px; position: relative;
  border: 1px solid #F1ECEC;min-height: 291px}
.eco-img{display: table; margin: 0 auto; margin-bottom: 15px}
.eco-img img{ border: 3px solid white; width:140px; border-radius: 100%; 
    box-shadow: 6px 5px 12px -3px rgba(0,0,0,0.3)!important;
    -webkit-box-shadow: 6px 5px 12px -3px rgba(0,0,0,0.3)!important;
    -moz-box-shadow: 6px 5px 12px -3px rgba(0,0,0,0.3)!important}
.eco-name{ color: #007DB7;
    font-size: 16px;
    margin-bottom: 2px;}
.eco-duty{font-size: 13px}
.eco-overlay{width: 100%; height: 40%; position: absolute;left:0px; top:0px; /*background-color: pink;*/ z-index: -1; border-top-right-radius: 20px;
border-top-left-radius: 20px; background-image: url(../img/images/dot-bg.jpg); background-size: cover; background-position:bottom center;}



/*why us*/
.length-half
{position: absolute;left:15px;top:0px;width: calc(50% - 30px); height: 100%}

.feature-bg
{background-image: url(../img/images/why-bg.jpg); background-position: top center; background-size: cover;}
.service-cont{position: relative;}
.in-whyus h2{ font-size: 22px;}
.feature-col .box .sub-box{display: block;}
.feature-col .box .sub-box1{padding-right: 0px}
.feature-col .box .sub-box1 i{font-size: 35px; color: #3b99d4}
.feature-col{padding-left: 30px}
.mrg-top-0{margin-top: 0px}
.in-whyus .sub-para{margin-bottom: 80px}
.r-more{text-transform: uppercase; font-size: 14px; color: #525252; letter-spacing: 1px}
.in-whyus h3{margin-top: 20px; font-size: 20px;}
.sr-box-col .gen-para{margin-bottom: 20px; text-align: left;}
.in-whyus .box{margin-bottom: 15px}
.in-whyus .box.last{margin-bottom: 0px}
.why-us2 h3{margin-bottom: 40px}
.in-why-us2{ padding-top: 60px; padding-bottom: 60px}
.in-why-us2 .tick-ul li{margin-bottom: 26px}
.why-image{margin-top: -60px; padding-left: 30px}
.pillar-col{background-image: url(../img/images/why-image.jpg); background-position: top center; background-size: cover; margin-top: -60px}
.advantage{padding-top: 80px}
.advantage .ser-div, .advantage .gen-para{text-align: center;}
.advantage h3{font-size: 20px; margin-bottom: 25px; margin-top: 20px;}
.advantage .line{margin: 0 auto; margin-bottom: 30px}
.advantage .ser-div{background-color: #F3F3F3;}
.adv-col{padding-left: 0px; padding-right: 0px}



/*clients*/
.place-comp {
    /*background: #f4f5ff;*/
    border: 2px #E4E5EB solid;
    padding: 8px!important;
    box-shadow: 1px 1px 1px #fff inset;
    float: left;
    margin: 0 4px;
    margin-bottom: 8px;
    width: calc(100% / 6 - 8px);
    float: left;
}

.place-img img {width: 100%;}

@media (min-width: 992px){
.recru-place .place-comp {
    width: calc(100% / 5 - 4px);
    padding: 0px !important;
    margin: 2px 2px;}
}

.client-h3{margin-top: 60px}
.clients-place{padding-left: 11px; padding-right: 11px}
.client-h2{margin-top: 80px}

/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/


/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1199px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 12px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }


@media (min-width: 1300px){
    .pd-2-35{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;}

}




@media (min-width: 1200px){
.desk-menu{display: block !important;}  
.mobile-menu{display: none !important;}  
.nav>li>a{ padding: 10px 12px;}
.global-partner .team{min-height: 370px}
.qatar-partner .team{min-height: 290px}
.advisory-board .team{min-height: 420px}
.management .team{min-height: 265px}
.execution-team .team{min-height: 265px}
.advantage .ser-div{min-height: 325px}
.menu-nav li .dropdown-menu{display: none;}
.menu-nav li:hover .dropdown-menu{display: block;}
}

@media (max-width: 1199px){
*.navbar-nav .open .dropdown-menu>li>a{ padding: 14px 32px 12px !important;}
.menu-cont, .desk-menu{float: none;}
.menu-nav{width: 300px; float: right !important;}
.navbar-nav>li>a{text-align: right;}
.menu-nav li a:before{left: auto; right: 0%;}
.menu-nav li a:hover:before{width: 37%;}
.hd-main { background: rgb(44 44 44 / 78%) !important;}
.logo-div{margin-bottom: 0px}
.menu-cont{ margin-bottom: 0px;}
.header-top{padding-bottom: 0px}
.navbar-nav>li>a {color: #3b99d4 !important; font-family: 'latobold';}
.angle-down{color: #3b99d4 !important;}
.navbar-toggle{margin-top: 22px}
}

@media (min-width: 992px) and (max-width: 1199px) {
.eco-div {width: calc(100% / 3 - 0px);}
.place-comp {width: calc(100% / 5 - 8px);}
}

@media (max-width: 820px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
.cap-head {font-size: 40px;}
.cap-text { font-size: 23px;}
.core:first-child, .core:nth-child(2), .core:nth-child(3) { width: calc(100% / 3 - 0px) !important; margin-top: 40px}
.core:nth-child(4), .core:nth-child(5) { width: calc(100% / 2 - 0px); margin-bottom: 60px}
.core-sub {padding: 20px 20px;}
.cfo-info .box {width: 375px;}
.place-comp {width: calc(100% / 4 - 8px);}

}


@media (min-width: 685px) and (max-width: 767px) {
.place-comp {width: calc(100% / 4 - 8px);}
}


@media (min-width: 501px) and (max-width: 684px) {
.place-comp {width: calc(100% / 3 - 8px);}
}

@media (max-width: 500px){
.place-comp {width: calc(100% / 2 - 8px);}
}


@media (min-width: 601px) and (max-width: 767px) {
.core:first-child, .core:nth-child(2), .core:nth-child(3) { width: calc(100% / 3 - 0px) !important; margin-top: 40px}
.core:nth-child(4), .core:nth-child(5) { width: calc(100% / 2 - 0px); margin-bottom: 60px}
.core-sub {padding: 20px 20px;}
.cfo-info .box { width: 320px;}

}



@media (max-width: 991px){
.about-image{ padding-right: 0px ; padding-top: 15px}
.welcome-div { padding-top: 60px; padding-bottom: 60px;}
.ft-quick{text-align: center; margin-bottom: 25px}
.pd-15{padding-left: 0px; padding-right: 0px}
.logo-div{margin-left: 0px}
.hero{ padding-left: 20px;}
.top-footer-col, .bottom-footer-sub{padding-left: 0px; padding-right: 0px}
.img-right, .img-left{float: none; padding-left: 0px; padding-right: 0px; margin:0 auto; margin-bottom: 20px}
.team-img{margin: 0 auto; margin-bottom: 20px}
.team-name,.team-duty{text-align: center;}
.team-des{padding-left: 0px; text-align: center;}
ul.quali li ul li{ display: table; margin: 0 auto; margin-bottom: 8px; }
.eco-div { width: calc(100% / 2 - 0px);}
.feature-bg, .pillar-col{display: none;}
.in-why-us2{padding-top: 10px}
.feature-col{padding-left: 0px}
.in-whyus .box {margin-bottom: 25px;}
.advantage {padding-top: 40px;}
}



@media (max-width: 767px){
.services .sub-para { margin-top: 25%;}
.pd-2-35 {padding-left: 15px; padding-right: 15px;}
.dropdown-menu { background-color: #3b99d4 !important;
    border-radius: 4px !important; border:none;}
.dropdown-menu>li>a{color: white !important}
.pd-15{padding-left: 0px !important; padding-right: 0px !important}
.rights, .powered-by{text-align: center;}
.cap-head { font-size: 32px; line-height: 27px;}
.cap-text {font-size: 18px;}
.carousel-indicators{ bottom: 0px;}
.hero {padding-left: 0px;}
.navbar-nav {margin: 7.5px 0px;}
.enquiry-head{margin-top: 30px}
.in-testi-block .inner-box { padding: 20px;}
.sol-div, .sol-div .gen-para{text-align: center;}
.sol-div h3{ margin: 0 auto; margin-bottom: 10px;}
.in-team{padding-left: 25px; padding-right: 25px}
.in-team-sub{padding-left: 5px; padding-right: 5px}
.team { padding: 18px;}
.team img{ width: 145px;}
}

@media (min-width: 601px){
.mob-slide{display: none !important;}
.desk-slide{display: block !important;}
a.add-para:hover {color:#F58114;}
}

@media (max-width: 600px){
.services .sub-para {margin-top: 0%;}
.mob-slide{display: block !important;}
.desk-slide{display: none !important}
.pd-2-35 {padding-left: 0px; padding-right: 0px;}
body{font-size: 13px}
h1, h2, .in-body h1, .in-body h2 { font-size: 23px; line-height: 27px;}
h3, .in-whyus h3, .advantage h3 {font-size: 19px;}
h4 {font-size: 19px;}
.sub-para{margin-bottom: 5px; font-size: 19px}
.tick-ul li, .gen-para, .dot-ul li, .gen-list li {line-height: 23px;}
.services{width: 100%}
.services .line{margin-bottom: 30px}
.welcome-div{ padding-bottom: 0px;}
.ser-div{margin-bottom: 20px;}
.testi-block .gen-para{ font-size: 16px; line-height: 23px;}
.inner-box{background-size: 50px 50px; padding: 25px 22px}
.testi-name span{ font-size: 18px;}
.sub-para{letter-spacing: 3px;}
.ser-div {padding: 25px;}
.ser-main {height: 165px;}
.address-col,.footer-first-col{width: 100%}
footer{text-align: center;}
footer .box{margin:0 auto; text-align: center;}
footer .box .sub-box{display: block;}
footer .box .sub-box1{padding-right: 0px; padding-bottom: 15px}
.add-para{margin-bottom: 5px}
.address-col{margin-bottom: 30px}
.foot-head{padding-bottom: 5px;}
.footer-social li{margin-left: 2.5px; margin-right: 2.5px}
.hero{display: none;}
.core:first-child, .core:nth-child(2), .core:nth-child(3), .core:nth-child(4) { width: calc(100% / 2 - 0px) !important;}
.core:first-child, .core:nth-child(2){ margin-top: 40px}
.core:nth-child(5) { width: calc(100% / 1 - 0px); margin-bottom: 60px}
.core-sub {padding: 20px 20px;}
.cfo-info .box .sub-box{display: block; margin: 0 auto;}
.cfo-info .box{width: auto; margin:0 auto  !important;  margin-bottom: 20px !important}
.cfo-info .box.right, .cfo-info .box.left{float: none; margin-right: 0px; margin-left: 0px; text-align: center;}
.cfo-info .box .text-box{width: auto; }
.cfo-info .box.right .cfo-details:before, .cfo-info .box.left .cfo-details:before
{right: auto; bottom: 15px}
.cfo-info .box.right .cfo-details:before
{top:auto !important; bottom:-15px; height: 15px; width: 4px;}
.cfo-info .box.right .cfo-details{ margin-bottom: 15px !important}
.cfo-info .box.left .cfo-details:before
{bottom:auto !important; top:-15px !important;  left:auto; right:auto; height: 15px; width: 4px;}
.cfo-info .box.left .cfo-details{ margin-top: 15px !important}
.cfo-info .box .sub-box1{padding-right: 0px}
.core-text{ font-size: 15px;}
.cfo-info .box.right .gen-para, .cfo-info .box.left .gen-para{text-align: center;}
.cfo-details h3{ font-size: 21px;}
.innerbg{ min-height: 234px;}
.inbg-ovr h1 {margin-top: 130px; font-size: 31px;  margin-bottom: 5px;}
.ser-div-in .box .sub-box{display: block;}
.ser-div-in .box .sub-box1{padding-right: 0px; padding-bottom: 20px !important}
.dot-ul li{margin-bottom: 12px}
.in-main-col {padding-top: 40px; padding-bottom: 40px;}
.in-why-us2{padding-bottom: 20px}
.contact-box {margin-bottom: 12px}
.enquiry-head{ font-size: 17px;}
iframe {height: 250px;}
.message { padding: 10px;}
.in-testi-block{padding: 0px}
.in-testi-block .gen-para {text-align: justify;}
.in-testi-block .inner-box{background: rgba(42, 58, 107, 0.04); padding: 15px;}
.sol-div{margin-bottom: 35px;}
.sol-div h3 {font-size: 19px;}
.in-team-sub{width: 100%; }
.team {padding: 15px;}
.client-h3 {margin-top: 35px;}
.client-h2 {margin-top: 50px;}
.services-head .line{ margin-bottom: 30px;}
.cfo-info hr{display: none;}
}


@media (max-width: 550px){
.eco-div { width: 100%;}
.eco-team{padding: 30px 20px; min-height: auto}
}


@media (max-width: 425px){
.logo{     width: 110px;
    margin-bottom: -13px;
    margin-top: -20px;}
.navbar-toggle {margin-top: 4px;}
.benefit-col{width: 100%}
.benefit-col, .sr-box-col .gen-para, .why-us{text-align: center;}
.why-us .line{margin: 0 auto; margin-bottom: 30px}
.in-whyus .box {margin-bottom: 15px;}
}

@media (max-width: 1199px) {
    .container-fluid.no-padding.hd-main {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
    }
}
@media (min-width: 1200px) {
    header.is-fixed .hd-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 0;
    box-shadow: 0px 5px 24px rgba(38, 47, 79, 0.1);
    animation: headerFixed 1.0s;
    background: rgb(44 44 44 / 78%) !important;
}
    header.is-fixed .logo-div {
        margin-bottom: 0;
    }
    header.is-fixed .logo-div img {
        max-height: 50px;
    }
    @keyframes headerFixed {
        from {
            transform: translateY(-100%);
            opacity: 0;
        }
    
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
}

.social-icon{    
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 3;
    transition: all 400ms ease-in-out; 
}
.social-icon span.whatsapp {    
    position: relative;
    z-index: 2;
    display: inline-flex;
    background-color: #25d366;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    transition: all 400ms ease-in-out;
    align-items: center;
    justify-content: center;
}
.social-icon span.whatsapp i{
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
}