@charset "utf-8";
 html, body{
height: 100%;
}
.fa-2x {font-size: 25px !important; margin-left: 5px !important;}
.navbar {height: 90px;background: #fff !important;}
.btn {border-radius: 0px;}
.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
background-color: #009b77 !important ;
}
.uc_front_inner-box {padding-left: 10px !important; padding-right: 10px !important;} .logo-containter {max-width: 200px;}
.header-ibcsd {flex-direction: column;}
.bg-footer {background: #1c195b;}
.logo-area-ibcsd-footer-inverse {
max-width: 125px;
margin-bottom: 15px;
}
.footer-container {padding-top: 50px; padding-bottom: 50px; width: 100%;}
.breadcrumb-area {background: #e2e2e2;padding-top: 10px; padding-bottom: 10px; }
.title-area {background:#f8f8f8;padding-top: 40px; padding-bottom: 20px;}
.feature-image {height: 70% !important;background-size: cover !important; background-position: bottom center !important;}
.sosmed-share-ibcsd {
position: sticky;
top: 120px !important;}
.uber-special {
position: static;
} body {
font-family: "aktiv-grotesk",sans-serif;
}
.logo-footer-text,.content-footer-text {
font-size: 13px;
color: #fff;
}
.breadcrumb-link, a.breadcrumb-link {color: #000; font-size: 13px;}
p,li {font-size: 18px; font-weight: 100;}
h2,h3, h4,h5 {font-weight: 100;}
h2 {font-size: 35px;}
h3 {font-size: 30px;}
.vc_figure-caption {font-size: 22px !important; font-weight: 700;}
.mec-container [class*=col-] img {
height: auto !important;
}
.mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover {
background-color: #009b77 !important;
}
.shiftnav-toggle-button {
background: #fff!important;
}
@media (min-width: 1200px){
.mobile {display: none;}
}
@media (min-width: 992px) and (max-width: 1199.88px){
.mobile {display: none;}
}
@media (min-width: 768px) and (max-width: 991.98px){
.desktop {display: none;}
.logo-container-area,.mobile-nav {-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;}
.icon-menu-area {-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; text-align: center !important;}
}
@media (min-width: 576px) and (max-width: 767.98px){
.desktop {display: none;}
.logo-container-area,.mobile-nav {-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;}
.icon-menu-area {-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; text-align: center !important;}
}
@media (max-width: 575.98px){
.desktop {display: none;}
.logo-container-area
{-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;}
.mobile-nav {-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;}
.icon-menu-area {display: none;}
}