/*
Theme Name: Ayiti Manman Custom Wordpress Theme
Author: BTS Brands
Author URI: https://btsbrands.com/
Description:Custom WordPress theme for Ayiti Manman by BTS Brands
Version: 1.0
*/
/************type***************/
@font-face {
    font-family: Segoe UI;
    src: url(assets/fonts/segoeui.ttf);
}
@font-face {
    font-family: Segoe UI Semibold;
    src: url(assets/fonts/seguisb.ttf);
}
@font-face{
    font-family: 'Poppins', sans-serif;
}
body {
    overflow-x: hidden !important;
    color: #333;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
}
:root {
    --main-color: #0205f4;
    --secondary-color: #e93423;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #000000;
}
:-moz-placeholder { /* Firefox 18- */
    color: #000000;
}

li.cat-item-10, li.cat-item-9 {
    display: none;
}
.text-center {text-align:center;}
/************************* fonts, buttons, icons and text blocks styles**********************************/
h1 {font-size: 60px; line-height: 60px; color: #000000; font-family: 'Poppins', sans-serif;}
h2 {font-size: 35px; line-height: 40px; color: #000000; font-family: 'Poppins', sans-serif;}
h3 {font-size: 24px; line-height: 32px; color: #000000; font-family: 'Poppins', sans-serif;}
h4 {font-size: 20px; line-height: 30px; color: #000000; font-family: 'Poppins', sans-serif;}
h5 {font-size: 16px; line-height: 24px; color: #000000; font-family: 'Poppins', sans-serif;}
h6 {font-size: 14px; line-height: 24px; color: #000000; font-family: 'Poppins', sans-serif;}

.regular h1, .regular h2, .regular h3, .regular h4, .regular h5, .regular h6 {
    font-weight: 400;
}

.accent-h-container h1, .accent-h-container h2, .accent-h {
    position: relative;display: inline-block;
}

.accent-h-container h1:before, .accent-h-container h2:before, .accent-h:before {
    content: '';display: inline-block;position: absolute;top: 48.4%;left: -60px;height: 2px;width: 50px;background: #293C4E;
}

.accent-h-container h1:after, .accent-h-container h2:after, .accent-h:after {
    content: '';display: inline-block;position: absolute;top: 48.4%;right: -60px;height: 2px;width: 50px;background: #293C4E;
}

.search-results h1 {font-size: 30px;color: #000000;font-weight: 400;line-height: 36px;}
/*.bdr-btm-3 {background: url('assets/img/bdr-btm-3.png') center bottom no-repeat;padding-bottom: 30px;margin-bottom: 30px;}*/
.bdr-btm-blue {border-bottom: 5px solid #517da4;}
.heading-inline {display: inline;}
.heading-notopmargin h1, .heading-notopmargin h3 {margin-top: 0;}

.white {color: #ffffff;}

.black {color: #000000;}
a {color: #293C4E;font-weight: 400;text-decoration: none;
   -webkit-transition: 0.3s ease-in-out !important;
   -moz-transition: 0.3s ease-in-out !important;
   -ms-transition: 0.3s ease-in-out !important;
   -o-transition: 0.3s ease-in-out !important;
   transition: 0.3s ease-in-out !important;
}

a:hover, a:focus {color: #293C4E;text-decoration: none;border: none;}

ul {margin: 0;padding: 0}
ul li {list-style: none;}
p {margin: 15px 0 0 0 !important;padding: 0;}
.p-notopmargin p {margin-top: 0 !important;}
.centered {text-align: center;}
.right {text-align: right;}
.just {text-align: justify;}
.italic {font-style: italic;}
.f-right {float: right;}

/*===============Button All Classes Starts===============*/
.btn-skyBlue{background: var(--secondary-color); position: relative; overflow: hidden; z-index: 1;}
.btn-blue{background: var(--main-color); position: relative; overflow: hidden; z-index: 1;}
.btn-blue:before, .btn-skyBlue:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    overflow: hidden !important;
    transition: .3s ease-in-out;;
}

.btn-blue:before, .btn-blue:after {background: var(--secondary-color);}
.btn-skyBlue:before, .btn-skyBlue:after {background: #092a6d;}

.btn-blue:hover, .btn-skyBlue:hover {color: #ffffff;}
.btn-blue:hover:after, .btn-blue:hover:before, .btn-skyBlue:hover:before, .btn-skyBlue:hover:after {height: 100%; bottom: initial; top: 0;}

.mybtn {
    padding: 14px 35px !important;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    border: none;
    font-weight: 400;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
    outline: none !important;
    outline-offset: 0;
}

.mybtn:focus {color: #ffffff;border: none;}
.btn-small{padding: 5px 20px !important; font-size: 13px;}

.mybtn2 {
    padding: 7px 25px 7px 25px !important;
    margin-top: 15px;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    border-radius: 25px;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}

.mybtn2:focus {color: #ffffff;border: none;}
.btn-banner {
    background: var(--secondary-color);
    font-family: 'Segoe UI Semibold', sans-serif;
    text-transform: uppercase;
}
.btn-banner:hover {background: #ffffff; color: #333333;}
.btn-banner:focus {text-decoration: none;}
.btn-banner i {margin-right: 10px;}

.btn-dark {background: #181d1e;margin-top: 15px;border: 1px solid transparent; position: relative;overflow: hidden;}
.btn-dark i {left: -50px;top: 9px;position: absolute;}
.btn-dark:hover > i {left: 15px;}
.btn-dark:hover {padding-left: 40px !important;border: 1px solid #ffffff;background: #dda036;color: #ffffff;border-radius: 20px;}
/*===============Button All Classes Ends===============*/

.icon-outset p {padding-left: 22px; line-height: 18px;}
.home .icon-outset p {padding-left: 22px; line-height: 18px; margin-top: 5px !important;}
.single-team-page .icon-outset p {padding-left: 0px; line-height: 18px;}
.btn-orange:hover{color: #ffffff;}

.single-team-page .single-icon-outset i {margin-left: -5px !important; width: 26px;height: 26px;border-radius: 100%;
                                         color: #293C4E;margin-right: 0px;text-align: center;padding-top: 6px;background: none;}

.our-locations .icon-outset i{color: #0a2a6d;}
.contact .icon-outset i {background: none;color: #293C4E;}
.txt-black {color: #000000;}
.txt-black h3 {color: #000000 !important;}
.txt-md {font-size: 16px; line-height: 28px;}
.txt-white, .txt-white a {color: #ffffff;}
.txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white h5, txt-white h6 {color: #ffffff;}

/************************* fonts, buttons, icons and text blocks styles end**********************************/

/************************* margins and paddings***************************************************************/
.xtrapadding {padding: 0 65px;}
.marginvh100 {margin-top: 100vh;}
.marginbtfooter {margin-bottom: 600px;}
.marginxxs {margin-top: 15px;margin-bottom: 15px;}
.marginxs {margin-top: 30px;margin-bottom: 30px;}
.marginsm {margin-top: 55px;margin-bottom: 55px;}
.marginmd {margin-top: 90px;margin-bottom: 90px;}
.marginlg {margin-top: 150px;margin-bottom: 150px;}
.paddingxs {padding-top: 30px;padding-bottom: 30px;}
.mrg-bt-40 {margin-bottom: 40px;}
.mrg-bt-30 {margin-bottom: 30px;}
.mrg-bt-20 {margin-bottom: 20px;}
.marginauto {margin: auto;}
.notopmargin {margin-top: 0 !important;}
.nobottommargin {margin-bottom: 0 !important;}
.noleftmargin {margin-left: 0 !important;}
.norightmargin {margin-right: 0 !important;}
.notoppadding {padding-top: 0 !important;}
.nobottompadding {padding-bottom: 0 !important;}
.noleftpadding {padding-left: 0 !important;}
.norightpadding {padding-right: 0 !important;}
.custom-width-80 {width: 80%;margin: auto;}
.custom-width-90 {width: 90%;}
.txt-padded {padding-left: 15px;padding-right: 15px;}
.txt-padded-white {padding: 60px 100px;background: #f9f9f9;}

.notopmargin h1, .notopmargin h2, .notopmargin h3, .notopmargin h4, .notopmargin h5, .notopmargin h6{margin-top: 0;}

/************************* margins and paddings end***************************************************************/

/*****************backgrounds, borders and lines**************************************************************************************/
.section-sep {height: 3px;background: url('assets/img/section-sep.png') center center no-repeat;}
.line {height: 1px;border-bottom: 1px solid #dddddd;position: relative;z-index: 99;}
.line-blue {height: 1px;border-bottom: 5px solid #517da4;position: relative;z-index: 99;}
.line-gold-thin {height: 1px;border-bottom: 2px solid #dda036;}
.line-dark-thin {height: 1px;border-bottom: 1px solid #cccccc;}
.bg-white {background: #ffffff;position: relative;z-index: 99;}
.bg-white-tr {background: rgba(255, 255, 255, 0.8);}
.bg-dark {background: #2e3233;}
.bg-light-gray {background: #f5f5f5;position: relative;z-index: 99;}
.bg-dark-gray {background: #eeeeee;position: relative;z-index: 99;}
.bg-blue {background: #0a2a6d;}
.bg-red {background: var(--secondary-color);}
.bg-green {background: #82c23e;}
.bg-dark-blue{background: var(--main-color);}
.ind-cre-nav {background: #517da4;}

/*****************backgrounds, borders and lines**************************************************************************************/

/*************************** general global styles**************************************************************************************/
.deadcenter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.deadcenter2 {position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);}

.gen-transition {
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}

.gen-transition2 {
    -webkit-transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    transition: 0.5s ease-in-out !important;
}
.gen-rel {position: relative;}
.img-100 img {max-width: 100%;height: auto !important;}
.img-min-100 img {min-width: 100%;max-width: 100%;height: auto !important;}

/*************************** general global styles end**************************************************************************************/

/*******************main navigation************************************************/

.navbar-fxd-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 40px 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-logo {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    z-index: 999;
    background: url(assets/img/transparent-logo.svg) top left no-repeat;
    background-size: 100%;
    transition: .3s !important;
    opacity:0;
}

.site-logo:hover {
    border-bottom: none;
}

#menu-primary-menu {
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}

#navbar {padding-right: 0;}
.navbar {
    margin-bottom: 0;
    border: none;
}
.navbar-nav {float: right;}
.navbar-nav li {
    padding: 0;
    margin-right: 20px;
    float: none;
    display: inline-block;
    position: relative;
}
.navbar-nav li a {
    padding: 12px 0;
    position: relative;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
}
.navbar-nav li a:before, .navbar-nav li a:after {content: "";
                                                 position: absolute;
                                                 width: 0%;
                                                 height: 3px;
                                                 bottom: 0;
                                                 left: 0;
                                                 z-index: -1;
                                                 transition: .3s ease-in-out;}
.navbar-nav li a:before {background: #fff;}
.navbar-nav li a:after {background: var(--secondary-color);}

.navbar-nav li a:hover:before {width:100%;}
.navbar-nav li a:hover:after {width:30%;}

/*.navbar-nav li a:after {
    right: 0;
    left: initial;
}
.navbar-nav li a:hover:before, .navbar-nav li a:hover:after {width: 50%;}
.navbar-nav li a:hover:before {border-bottom: 3px solid #f36c21;}
.navbar-nav li a:hover:after {border-bottom: 3px solid #092a6d;}*/
.navbar-nav li.current-menu-item a:before {
    transform: scaleX(1);
}
/*
.navbar-nav li.current-menu-item a:after {
    width: 50%;
    border-bottom: 3px solid #092a6d;
}*/
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{background-color: transparent;}

/*******************main navigation ends************************************************/

/****************************Start LOADER**********************/

.page-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    z-index: 1042;
    opacity: 1;
}

.page-loaded {
    opacity: 0;
}

.loaded-zindex {
    z-index: -9 !important;
}
.loaded {
    display: none !important;
}
.loader-wrapper{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.loader{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    animation: spin 4s linear infinite;
}
.loader:before,
.loader:after{
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 14px;
    box-shadow: 18px 18px var(--main-color), -18px -18px var(--main-color);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    animation: load 1.2s linear infinite;
}
.loader:after{
    box-shadow: 18px 18px var(--secondary-color), -18px -18px var(--secondary-color);
    transform: translate(-50%, -50%) rotate(90deg);
}
@keyframes load{
    50%{ height: 42px; }
}
@keyframes spin{
    100%{ transform: rotate(360deg); }
}
/****************************END LOADER**********************/

/*******************************home slider ends************************************/

/**************misc******************/
.pagetitle h1 {color: #ffffff;font-size: 40px;background: url(assets/img/nav-hover.png) left bottom no-repeat;background-size: 50% 4px;display: inline-block;}
.mypage-header {padding-top: 150px;border-bottom: 5px solid rgba(0, 0, 0, 0.6);}
.page-margin {margin-top: 81px;}
.page-heading {margin-top: 110px;padding: 0 0 4px 0; background: #f5f5f5; text-align: right;}
.page-heading h1 {font-size: 16px;color: #333333; margin: 0;line-height: 12px;}
.page-heading span{color: #bbbbbb; font-size: 12px;}
.form-fields, .form-fields2, .form-fields3{
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    font-size: 14px;
    float: left;
    margin-bottom: 15px;
    border: 1px solid #aaaaaa;
    background: #efefef;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.modal-open{overflow: visible;}
.form-fields:focus, .form-fields2:focus, .form-fields3:focus{background: none; border: 1px solid #0053a1; outline: none !important;}
.form-fields-left{width: 48%; float: left; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields-right{width: 48%; float: right; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields2{ height: 224px;}
.form-fields3{ height: 182px;}
.form-terms{float: left; margin-bottom: 25px !important; font-size: 13px; line-height: 22px;}
.wpcf7-list-item{display: block; margin-bottom: 10px; font-size: 14px;}
.wpcf7-submit, .ln-widgetBox.search .searchButton a{
    background: var(--main-color) !important;
    color: #ffffff !important;
    border: none;
    outline: none;
    font-weight: 600 !important;
    padding: 10px 30px !important;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
    text-indent: 0 !important; 
    text-align: center;
    width: auto !important; height: auto !important;
    line-height: 20px;
    margin-bottom: 0 !important;
}
.wpcf7-submit:hover, .searchButton a:hover {color: #ffffff !important; background: var(--secondary-color) !important;}
div.wpcf7 img.ajax-loader {float: left;}
.wpcf7-list-item {margin: 0 10px 0 0px !important;}
.wpcf7-list-item first label {margin-bottom: 0;}
.wpcf7-list-item-label {font-weight: 400;}
div.wpcf7-response-output {float: right;}
.wpcf7 form .wpcf7-response-output {
    margin: -36px -10px 0px 0px;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
.wpcf7-response-output {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}
.wpcf7-not-valid-tip {display: none !important;}
.wpcf7-not-valid {border: 1px solid red;}

.wpcf7-textarea {height: 200px;}
/**************misc ends*****************/
.show {display: block;}
.hide {display: none;}
.bullet-text ul { margin: 20px 0; }
.bullet-text ul li { display: block; padding-left: 25px; background: url('assets/img/check-round.png') 0 3px no-repeat; margin: 5px 0; }
/***
====================================================================
        Divider
====================================================================
***/
.divider {position: relative;}
.divider h1 {color: #000000; font-size:40px; line-height: 44px; margin: 0 !important; padding-bottom: 15px;}
.divider h1 span {color: var(--secondary-color);}
.divider:before,.divider:after {position: absolute; width: 300px; height: 100px;}
.divider:before {content: ""; width: 120px; height: 5px; background: var(--main-color); bottom: 0px; left: 50%; transform: translateX(-50%);}
.divider:after {content: ""; width: 60px; height: 5px; background: var(--secondary-color); bottom: 0px; left: 50%; transform: translateX(-50%);}
/***
====================================================================
        Mouse Button
====================================================================
***/
.mouse-button {background-image: url(assets/img/mouse_icon.png); background-repeat: no-repeat; bottom: 30px; display: block; height: 60px;
    left: 50%; margin-left: -20px; position: absolute; width: 40px; z-index: 4;}
.floating{
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(20%);
    }
    100% {
        transform: translateY(0%);
    }
}
/***
====================================================================
        Start Pagination
====================================================================
***/
.pagination {clear: both; margin: 0; position: relative; line-height: 13px; font-weight: 600;}
.pagination span {display: block; float: left; margin: 2px 20px 2px 0; padding: 4px 7px; text-decoration: none; width: auto; color: #2e2b28;}
.pagination span.current {display: block; float: left; margin: 2px 2px 2px 0 !important; padding: 4px 7px; border-radius: 2px; text-decoration: none; width: auto; color: #2e2b28; background: #cccccc;}
.pagination a {display: block; float: left; margin: 2px 2px 2px 0; padding: 4px 7px; text-decoration: none; width: auto; color: #dda036; border-radius: 2px;}
.pagination a:hover {background: #dda036; color: #ffffff; border-bottom: none;}
.pagination .current {padding: 6px 2px 5px 2px; color: #2e2b28;}
.pagination-container {position: relative;}
.pagination-absolute-container {position: absolute; top: 30px; right: 0;}
/***
====================================================================
        End Pagination
====================================================================
***/
/***
====================================================================
        Start Modal/Popup
====================================================================
***/
.modal-content-area {position: relative; z-index: 1050; background: #ffffff; border-radius: 0; min-height: auto; border: none; width: 100%; max-width: 768px; 
    margin: 10vh auto 0; text-align: left;}
.modal-backdrop {opacity: 0.8 !important;}
.my-modal-content {padding: 0 20px; }
.my-modal-heading {background: #517da4; color: #ffffff; padding: 10px 20px; margin: 0; }
.modal-header .close {margin-top: -18px; margin-right: 0px; font-size: 38px; opacity: 0.4;}
.modal-body {padding-top: 0;}
.modal-header h3 {font-size: 24px; line-height: 24px; font-weight: 900; margin: 0; letter-spacing: 1px;}
/***
====================================================================
        End Modal/Popup
====================================================================
***/
/***
====================================================================
        Start Main Slider
====================================================================
***/
/*******************************home slider************************************/
.camera_overlayer {background: rgba(0, 0, 0, 0.5) !important; opacity: 1;}
.camera_wrap {height: 60vh !important;}
.slideText {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 960px; text-align: center;}
.slideText h1 {font-size: 46px; line-height: 52px; font-weight: 700; margin: 0 0 35px 0; color: #ffffff;}
.slideText h3 {font-size: 36px; line-height: 38px; font-weight: 700; margin: 0 0 40px 0; color: #ffffff;}
.slideText h4 {font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0 20px 0; color: #ffffff;}
.slideText p {font-size:26px; color:#fff; font-weight:700; margin-bottom: 20px !important; line-height: 36px;}
/***
====================================================================
        End Main Slider
====================================================================
***/
/***
====================================================================
        Inner Pages Banner Starts
====================================================================
***/
.page-banner {position: relative;}
.page-banner:before {content: ""; position: absolute;
    background: rgba(0, 0, 0, .60); width: 100%; height: 100%; top: 0; left: 0;}
.page-banner .page-banner-inner {padding: 120px 0 50px 0;}
.page-banner .page-banner-inner h1 {margin: 0; color: #ffffff; text-transform: uppercase; font-size: 50px; position: relative;}
.page-banner .page-banner-inner h1:before {content: ""; position: absolute; width: 60px; height: 3px; background: #ffffff; bottom: -15px; left: 0;}
/***
====================================================================
        Inner Pages Banner Ends
====================================================================
***/
/***
=============================================
    Headings
=============================================
***/
.secHeaderText {position: relative;margin: 0 auto 50px;}
.secHeaderText .headingSec {text-transform: uppercase; position: relative; margin: 0; font-size: 28px; color: #0053a1; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.secHeaderText .headingSec span:first-child, .secHeaderText .headingSec span:last-child {width: 10px; height: 10px; border-radius: 50%; display: block; position: relative; margin-right: 20px; margin-bottom: 0; background-color: #0053a1;}
.secHeaderText .headingSec span:first-child::after, .secHeaderText .headingSec span:last-child::after {content: ""; display: block; width: 40px; height: 2px; line-height: 1; background-color: #0053a1; margin-top: 4px;}
.secHeaderText .headingSec span:first-child::after {right: 0; position: absolute;}
.secHeaderText .headingSec span:last-child { margin-right: 0; margin-left: 20px;}
/***
=============================================
    End Headings
=============================================
***/

/***
=============================================
    Starts home News Slider Section
=============================================
***/
.mymonth {display: block; font-size: 24px; line-height: 30px;}
.myyear {display: block; font-size: 40px; line-height: 44px; font-weight: bold;}
.ann-date {border-right: 1px solid #ffffff;}
.ann-content h3 {margin: 0; font-size: 18px; line-height: 24px; font-weight: 700;}
.ann-content p {margin-top: 0 !important;}
.swiper-buttons {position: absolute; top: 0; right: 0; z-index: 99; width: 100%; height: 100%;}
.swiper6 .swiper-buttons .swiper-button-prev {color: #ffffff; left: 0 !important;}
.swiper6 .swiper-buttons .swiper-button-next {color: #ffffff; right: 0 !important;}
/***
=============================================
    Ends home News Slider Section
=============================================
***/

/************LEAFLET MAP******************/
#map{height:400px}
.leaflet-popup-content-wrapper {border-radius: 0 !important;}
.leaflet-popup-content {
    margin: 10px 10px !important;
    width: 300px !important;
}
.leaflet-popup-content img{
    width: 100%;
    height: auto;
}
.leaflet-popup-content h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
}
.leaflet-popup-content h5 {margin: 0;}
/*.leaflet-container a.leaflet-popup-close-button {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 16px !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: #25205e !important;
}*/
/************LEAFLET MAP Ends******************/
/***
=============================================
    Starts Header Section
=============================================
***/
.h-overlay {position:relative;  background:rgba(2,5,244,0.7);  width:100%; height:100vh;}
.h-overlay:after {position:absolute; background:url('assets/img/transparent-logo.svg') center center no-repeat; background-size:contain; top:50%;
    left:50%; transform:translate(-50%,-50%); width:50%; height:50%;}
.h-overlay:before {position:absolute; background:url('assets/img/sunrise1.jpg') center center no-repeat; background-size:cover; top:0; left:0;
    width:100%; height:100vh; z-index:-2;}
/*.header-bg img{width:30%; height:30%;}*/
/***
=============================================
    Ends Header Section
=============================================
***/

/***
=============================================
    Starts About Us Section
=============================================
***/
.about-us .about-content {}
.about-us .about-content h3 {margin: 0; font-weight: 600;}
.about-us .about-content h3 strong {color: var(--main-color);}
.about-us .about-content p {}
.about-us .about-content p strong {color:var(--main-color); font-size:16px; font-weight:600;}
.about-us .aboutInner {margin-right: 100px; position: relative;}
.about-us .aboutInner .about-image {position: relative;}
.about-us .aboutInner .about-image img {padding: 15px 0 0 15px;}
.about-us .aboutInner .about-image:before, .about-us .about-image:after {content:""; position: absolute;  left: 0; width: 15px; height: 25%; border-radius: 3px;}
.about-us .aboutInner .about-image:before {bottom: 0; background: var(--main-color);}
.about-us .aboutInner .about-image:after {bottom: 33%; background: var(--secondary-color);}
.about-us .aboutInner .about-text {position: absolute; top: 0; left: 0; background: var(--secondary-color); padding: 20px 10px;
    text-align: center; border-radius: 5px; width: 160px; z-index: 1;}
.about-us .aboutInner .about-text h1 {font-weight: 600; font-size: 60px; margin: 0 0 5px;}
.about-us .aboutInner .about-text p {font-size: 20px; line-height: 22px; margin: 0 !important;}
.missionValues {}
.missionValues h3 {margin: 0; font-size: 28px;}
.missionValues h3 strong {color: var(--secondary-color);}
.missionValues p {}
.missionValues p b {color: var(--main-color);}
.missionValues p strong {color: var(--secondary-color);}
/***
=============================================
    Ends About Us Section
=============================================
***/

/***
=============================================
    Starts Portfolio Section
=============================================
***/
.portfolio .d-flex {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.portfolio p {color: var(--secondary-color); font-size:24px;}
.port-logo img {width: 50%; height: 50%;}
.port-logo {padding:18px; margin:10px; box-shadow: 0 0 30px 0 rgba(221,221,221,.5); border-radius:5px;}
.port-logo p {font-size: 13px; display: inline-block; color: #000; margin-top: 10px; line-height: 22px;}
/***
=============================================
    Ends Portfolio Section
=============================================
***/

/***
=============================================
    Starts Divisions Section
=============================================
***/
.div-accordion .accordion {background-color: #ffffff; cursor: pointer; padding: 18px 18px 18px 80px; width: 100%; border: 1px solid var(--main-color);
                           text-align: left;
                           outline: none;
                           font-size: 15px;
                           transition: 0.4s;
                           position: relative;
                           overflow: hidden;
}

.div-accordion .accordion:hover {
    color: var(--secondary-color);
}
.div-accordion .active-accordian {color:#fff; background:var(--main-color);}
.div-accordion .active-accordian:hover {color:#fff !important;}

.div-accordion .accordion:before {
    content: '';
    background: var(--secondary-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 70px;
    height:100%;
}
.div-accordion .accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    font-size: 18px;
}
.div-accordion .accordion p {margin: 0 !important; line-height: 20px;}
.div-accordion .accordion p b {color: var(--main-color); transition: .3s ease-in-out;}
.div-accordion .accordion p strong {color: var(--secondary-color);}
.div-accordion .active-accordian:after {
    content: "\2212";
}

.div-accordion .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    box-shadow: none;
    margin: 5px 0 10px;
}
.div-accordion .active-accordian p b {color: #ffffff !important;}
.div-accordion .panel p {margin: 0 !important;}
/***
=============================================
    Ends Divisions Section
=============================================
***/

/***
=============================================
    Starts Offerings Section
=============================================
***/
.offerings .offering-item {position:relative; padding: 30px 20px; border: 1px solid #ccc; 
    transition: .3s; overflow: hidden; margin-bottom: 30px;}
.offerings .offering-item:before {content: ''; background: var(--main-color); position: absolute; width: 100%; height: 100%; 
    top: 50%; left: 50%; opacity:0; transform: scale(1.5) rotate(-30deg) translate(-50%, -50%); transform-origin:0px 0px; transition: .3s;}

.offerings .offering-item .offeringFileBox {position: absolute; top: 50%; left: -90px; transform: translateY(-50%); opacity: 0; transition: .3s ease-in-out;}
.offerings .offering-item .offeringFileBox span {display: block; padding: 5px 10px; margin-bottom: 5px; text-align: left; background: #ffffff;}
.offerings .offering-item:hover .offeringFileBox {left: 0; opacity: 1;}

.offerings .offering-item:hover:before {opacity: .8; transform: scale(1) rotate(0deg) translate(-50%, -50%);}
.offerings .offering-item i {font-size: 50px; color: #717171;}
.offerings .offering-item h5 {font-size: 16px; line-height: 24px; color: var(--secondary-color); font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom:0;}
.offerings .offering-item:hover {border:1px solid #000;}
.offerings .offering-item:hover i, .offerings .offering-item:hover h5 {color: #ffffff; opacity: .3;}

.tab {overflow: hidden; background-color: #f1f1f1;}
/* Style the buttons inside the tab */
.tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px;}
/* Change background color of buttons on hover */
.tab button:hover { background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active-tabs { background-color: #ccc;}
/* Style the tab content */
.tabcontent {display: none; border-bottom: 1px solid #ccc;}
/***
=============================================
    Ends Offerings Section
=============================================
***/

/***
=============================================
    Locations Starts
=============================================
***/
.locations h3 {text-align: right; margin: 0 0 15px; font-weight: 600;}
.locations ul {text-align:right;}
.locations .locations-left ul, .locations .locations-left h3 {text-align:left;}
.locations ul li {display: block;}
.locations ul li {padding: 10px; border-bottom: 2px solid #dddddd; transition: .3s ease-in-out;}
.locations ul li:hover {color: #ffffff; background: var(--main-color) !important;}
.locations ul li:nth-child(odd) {background: #f5f5f5;}
.locations ul li:nth-child(even) {background: #f9f9f9;}
/***
=============================================
    Locations Ends
=============================================
***/
/***
=============================================
    Starts Contact Section
=============================================
***/
.contact-form .contact-info {background: linear-gradient(130deg, var(--main-color), var(--secondary-color)); padding: 30px 40px; border-radius: 5px;}
.contact-form .contact-info h6 {color: #fff; font-size: 20px; margin-bottom:0}
.contact-form .contact-info h3 {color: #fff; font-size: 28px; font-weight: 600; text-transform: capitalize; line-height: 36px; margin: 0 0 20px 0;}
.contact-form .contact-content li {position:relative; margin: 30px 0;}
.contact-form .contact-content li i {display: block; float:left; color:var(--main-color); font-size:20px; position:absolute; top:50%; left:0; transform: translateY(-50%);}
.contact-form .contact-content li:last-child i {display: block; float:left; color:var(--main-color); font-size:20px; position:absolute; top:15%; left:0; transform: translateY(-15%);}
.contact-form .contact-content li i:after {content: ""; position: absolute; background:#fff; top: 50%; left: 50%; transform: translate(-50%, -50%);
    padding: 30px; border-radius: 50%; z-index: -1;}
.contact-form .contact-content li p {color:#fff; margin:0 0 0 50px !important; line-height:20px;}
.contact-form .contact-content li a {text-decoration: none; color:#ccc; margin-left:50px;}
.contact-form .contact-content li a:hover {color: #ffffff;}
.contact-form .contact-content li:first-child a {text-transform: uppercase;}
.contact-form .contact-content h4 {color: #fff; margin-left: 50px; font-weight: 600;}
.contact-form .form-box { padding: 10px 40px;}
.contact-form .form-box h3 {font-size: 20px; margin: 0 0 40px 0; font-weight: 600; color:#000; line-height:25px;}
.contact-form .form-box h6 {font-size: 12px; color: var(--secondary-color); font-weight: 300; margin-bottom: 0;}
.contact-form .form-fields{ display: block; padding: 12px; margin-bottom: 30px; font-size: 14px; line-height: 20px; background-color: #f9f9f9;
    outline: none; border-radius: 4px; border:none;}
.contact-form textarea.form-fields {height: 135px; resize: vertical;}
.contact-form .form-box .contact-btn {background:var(--main-color); text-transform:uppercase; margin-left:15px; transition:0.3s;}
.contact-form .form-box .contact-btn:hover {background:var(--secondary-color) !important;}

/***
=============================================
    Ends Contact Section
=============================================
***/

/***
=============================================
    Starts Footer Section
=============================================
***/
.container-footer {position: relative; border-top: 2px solid var(--light-blue); background: url('assets/img/2.jpg') center center no-repeat; background-size: cover;}
.container-footer:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(2,5,255,0.90);}
.container-footer h4 {color:#fff; font-weight:600; position:relative; margin: 0 0 20px; display:inline;}
.container-footer h4:before {content:""; position:absolute; bottom:-7px; left:0px; background: #fff; width: 100%; height: 3px;}
.container-footer h4:after {content:""; position:absolute; bottom:-7px; left:0px; background: var(--secondary-color); width: 30%; height: 3px;}
.footer-inner{font-size: 12px; line-height: 20px; color: rgba(255,255,255,0.8); position:relative;}
.footer-contact {position: absolute; top: 30px; left:50%; transform: translate(-50%, -50%); z-index: 9999; width:940px}
.footer-contact .mybt{margin-top: 20px;}
.footer-contact:before, .footer-contact:after {content:""; position:absolute; top:0; height:0; width:0; border-bottom:26px solid var(--main-color);}
.footer-contact:before {right:100%; border-left:18px solid transparent;}
.footer-contact:after {left:100%; border-right:18px solid transparent;}
.footer-contact h3 {font-size:40px; margin:0;}
.footer-bar p {font-size:16px; line-height:20px; color:#fff;}
.footer-bar img {width: 200px; height: auto;}
.footer-social li {display: inline-block;}
.footer-social li a {color: #fff; display: block; font-size: 14px; padding: 5px 0; text-align: center; width: 30px; height: 30px; border-radius: 5px; margin-right: 5px;}
.footer-social li a.fb {background: #1b4195;}
.footer-social li a.ig {background: #db2f4f;}
.footer-social li a.ldin {background: #0f72aa;}
.footer-social li a.tw {background: #31ade1;}
.footer-menu {padding: 0 40px; position:relative;}
.footer-menu ul {margin-top: 20px;}
.footer-menu ul li a {display: block; font-size: 13px; color: #fff; border-bottom: 1px dotted rgba(255,255,255,0.3); padding: 5px 0;}
.footer-menu ul li:hover a {padding-left: 10px; color: var(--secondary-color);} 
.footer-menu ul li a:before {content: "\f105"; padding-right: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.icon-outset i {color: #fff; font-size: 16px;}
.icon-outset a {font-size: 14px; font-family: 'Poppins', sans-serif; display: block; color: #e9ecf1; text-transform: uppercase; margin-bottom: 5px; font-weight: bold}
.icon-outset {z-index: 1;}
.icon-outset h5 {color: var(--secondary-color); font-weight: 600; margin-bottom: 10px;}
.icon-outset h5.mt {margin-top: 20px;}
.icon-outset p { padding-left: 0px !important; line-height:0px !important;} 
.footer-social li {display: inline-block;}
.footer-social li a {color: #fff; display: block; font-size: 14px; padding: 5px 0; text-align: center; width: 30px; height: 30px; border-radius: 5px; margin-right: 5px;}
.footer-social li a.fb {background: #1b4195;}
.footer-social li a.ig {background: #db2f4f;}
.footer-social li a.ldin {background: #0f72aa;}
.footer-social li a.tw {background: #31ade1;}
/***
=============================================
    Ends Footer Section
=============================================
***/
.more-link {display: none;}
.d-flex {display: flex; align-items: center; flex-wrap: wrap;}
.scrollfix {position: relative; top: -131px;}

.modal {z-index: 999;}
.modal-content-area {position: relative; z-index: 1050; background: #f5f5f5; min-height: 30vh;
    border: 1px solid #dddddd; width: 950px; max-width: 100%; margin: 85px auto 0; text-align: left;}
.modal-content-area p {text-align: justify;}
/*.modal-backdrop.in{opacity: 0 !important;}*/
.modal-backdrop{opacity: 0.8 !important; background-color: #0099d4;}
.modal-header {
    min-height: 16.42857143px;
    border-bottom: 1px solid #e5e5e5; background: #ffffff;
}
.modal-content {border-radius: 0; box-shadow: none; padding: 5px; border: none; background: #f5f5f5;}
.modal-content-area .modal-title {padding-right: 30px; text-align: center; font-size: 20px; line-height: 1.42857143;
    font-weight: 700;
    line-height: 30px;
    color: #000000;}
#myModalLabel {margin: 0; padding-right: 30px;}
.modal-header .close {
	font-size: 34px;
    line-height: 34px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    margin-top: -2px;
    float: right;
    position: initial;
    color: #000;
    font-weight: bold;
    opacity: .2;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
}
.modal-header .close:hover, .modal-header .close:focus {
	color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
.copyright {background: #777777;}
.copyright a, .copyright span {font-size: 11px; line-height: 18px; color: #efefef;}
.copyright a:hover,
.copyright a:focus {color: #ffffff; text-decoration: underline;}