body.cke_editable { padding: 20px;}
* {
    outline: 0;
}
body {
    font-family: var(--body-font-family), sans-serif;
    color: var(--base-color);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
}
a {
    color: var(--link-color);
    text-decoration: none;
}
a:hover {
    color: var(--link-hover-color);
    text-decoration: none;
}
h1,h1 a {
    color: var(--h1-color);
    font-family: var(--h1-font-family), sans-serif;
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
}
h2,h2 a {
    color: var(--h2-color);
    font-family: var(--h2-font-family), sans-serif;
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
}
h3,h3 a {
    color: var(--h3-color);
    font-family: var(--h3-font-family), sans-serif;
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
}
h4,h4 a {
    color: var(--h4-color);
    font-family: var(--h4-font-family), sans-serif;
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
}
h5,h5 a {
    color: var(--h5-color);
    font-family: var(--h5-font-family), sans-serif;
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
}
h6,h6 a {
    color: var(--h6-color);
    font-family: var(--h6-font-family), sans-serif;
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    line-height: var(--h6-line-height);
}

::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--color-primary)}
::-webkit-scrollbar{width:5px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:var(--color-secondary)}

.edit-bar{border:1px dashed red;padding:5px 10px;position:relative}
.edit-btn {display: none;}
.edit-bar .edit-btn,
.edit-bar .edit-btn:focus{
    display:block;
    position:absolute;
    top:-1px;
    font-size:10px;
    background-color:red!important;
    color:#fff!important;
    right:-1px;
    line-height:15px;
    padding:2px 8px;
    cursor: pointer;
}
.ck_action_area {
    position: fixed;
    width: 100%;
    top: 5px;
    z-index: 99999;
    text-align: center;
}
.ck_action_area button {
    border-radius: 0;
    padding: 5px 11px;
    font-size: 14px;
}
#ck_submit {
    background-color: #2ca01c;
}
#ck_submit:hover {
    background-color: #ff9a06;
}
#ck_cancel {
    background-color: red;
    color:#fff;
}
#ck_cancel:hover {
    background-color: #ff9a06;
}
.required {border: 1px solid #FF0000;background-color: #fffdee;}


.btn-primary {
    color: var(--button-primary-color) !important;
    background-color: var(--button-primary-bg)!important;
    border-color: var(--button-primary-bg)!important;
    padding: 8px 20px;
}
.btn-primary:hover {
    background-color: var(--button-primary-bg-hover)!important;
    border-color: var(--button-primary-bg-hover)!important;
}
.btn-secondary {
    color: var(--button-secondary-color);
    background-color: var(--button-secondary-bg);
    border-color: var(--button-secondary-bg);
    padding: 8px 20px;
}
.btn-secondary:hover {
    background-color: var(--button-secondary-bg-hover);
    border-color: var(--button-secondary-bg-hover);
}


.top-bar {
    background-color: var(--topbar-bg);
    color: var(--topbar-color);
    margin-top: var(--topbar-mt);
    margin-bottom: var(--topbar-mb);
    margin-left: var(--topbar-ml);
    margin-right: var(--topbar-mr);
    padding-top: var(--topbar-pt);
    padding-bottom: var(--topbar-pb);
    padding-left: var(--topbar-pl);
    padding-right: var(--topbar-pr);
}
.top-bar a {
    color: var(--topbar-link-color);
}
.top-bar a:hover {
    color: var(--topbar-link-hover-color);
}
.top-bar .navbar-nav a {
    padding-top: var(--topbar-menu-pt);
    padding-bottom: var(--topbar-menu-pb);
    padding-left: var(--topbar-menu-pl);
    padding-right: var(--topbar-menu-pr);
}
.header-main {
    background-color: var(--header-bg);
    color: var(--header-color);
    margin-top: var(--header-mt);
    margin-bottom: var(--header-mb);
    margin-left: var(--header-ml);
    margin-right: var(--header-mr);
    padding-top: var(--header-pt);
    padding-bottom: var(--header-pb);
    padding-left: var(--header-pl);
    padding-right: var(--header-pr);
}
.header-main a {
    color: var(--header-link-color);
}
.header-main a:hover {
    color: var(--header-link-hover-color);
}

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1200px) {
    .navbar{
        padding:0;
        background-color: var(--nav-bg);
        font-family: var(--nav-font-family);
    }
    .navbar ul{
        margin-top: var(--nav-mt);
        margin-right: var(--nav-mr);
        margin-bottom: var(--nav-mb);
        margin-left: var(--nav-ml);
        padding:0;
        display:flex;
        list-style:none;
        align-items:center
    }
    .navbar li{position:relative}
    .navbar a,
    .navbar a:focus{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding-top:var(--nav-pt);
        padding-right:var(--nav-pr);
        padding-bottom:var(--nav-pb);
        padding-left:var(--nav-pl);
        font-size: var(--nav-font-size);
        font-weight:var(--nav-font-weight);
        color:var(--nav-color);
        line-height: var(--nav-line-height);
        text-transform: var(--nav-text-transform);
        white-space:nowrap;
        transition:.3s;
        position:relative;
        border-radius: var(--nav-radius-top) var(--nav-radius-right) var(--nav-radius-bottom) var(--nav-radius-left);
    }
    .navbar a i,
    .navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}
    .navbar a:hover:before,
    .navbar li:hover>a:before,
    .navbar .active:before{
        visibility:visible;
        width:100%;
    }
    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li.active>a,
    .navbar li:hover>a{
        background-color: var(--nav-hover-bg);
        border-radius: var(--nav-radius-top) var(--nav-radius-right) var(--nav-radius-bottom) var(--nav-radius-left);
        color: var(--nav-hover-color);
    }
    .navbar .dropdown ul{
        background: var(--nav-dropdown-bg);
        display:block;
        position:absolute;
        top:calc(100% + 30px);
        margin:0;
        z-index:99;
        opacity:0;
        visibility:hidden;
        box-shadow:0 0 30px rgba(127,137,161,.25);
        transition:.3s;
        border-radius:4px;
        overflow: hidden;
        border-radius: 0 0 4px 4px;
    }
    .navbar .dropdown ul li{min-width:200px}
    .navbar .dropdown ul a {
        margin-top: var(--nav-dropdown-mt);
        margin-right: var(--nav-dropdown-mr);
        margin-bottom: var(--nav-dropdown-mb);
        margin-left: var(--nav-dropdown-ml);
        padding-top:var(--nav-dropdown-pt);
        padding-right:var(--nav-dropdown-pr);
        padding-bottom:var(--nav-dropdown-pb);
        padding-left:var(--nav-dropdown-pl);
        font-size: var(--nav-dropdown-font-size);
        font-weight: var(--nav-dropdown-font-weight);
        text-transform:none;
        line-height: var(--nav-dropdown-line-height);
        color: var(--nav-dropdown-color);
    }
    .navbar .dropdown ul a:hover,
    .navbar .dropdown ul a:focus,
    .navbar .dropdown ul li.active a {
        background-color: var(--nav-dropdown-text-hover-bg);
        color:var(--nav-dropdown-hover-color);
    }
    .navbar .dropdown ul a i{font-size:36px}
    .navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
    .navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
    .navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}

    .mobile-nav-show,
    .mobile-nav-hide{display:none}
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1199px) {
    .navbar{
        position:fixed;top:0;right:-100%;width:100%;max-width:400px;bottom:0;transition:.3s;z-index:9997;
        font-family: var(--nav-font-family);
    }
    .navbar ul{position:absolute;inset:0;padding:50px 0 10px 0;margin:0;background:var(--mobile-nav-bg);overflow-y:auto;transition:.3s;z-index:9998}
    .navbar a,
    .navbar a:focus{
        display:flex;
        align-items:center;
        justify-content:space-between;
        margin-top: var(--mobile-nav-mt);
        margin-right: var(--mobile-nav-mr);
        margin-bottom: var(--mobile-nav-mb);
        margin-left: var(--mobile-nav-ml);
        padding-top:var(--mobile-nav-pt);
        padding-right:var(--mobile-nav-pr);
        padding-bottom:var(--mobile-nav-pb);
        padding-left:var(--mobile-nav-pl);
        font-size: var(--mobile-nav-font-size);
        font-weight:var(--mobile-nav-font-weight);
        color:var(--mobile-nav-color);
        line-height: var(--mobile-nav-line-height);
        white-space:nowrap;
        transition:.3s
    }
    .navbar a i,
    .navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}
    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a{color:var(--mobile-nav-hover-color);}
    .navbar .dropdown ul,
    .navbar .dropdown .dropdown ul{
        background-color:var(--mobile-nav-dropdown-bg);
        position:static;
        display:none;
        padding:10px 0;
        margin:10px 20px;
        transition:all .5s ease-in-out;
    }
    .navbar .dropdown ul a {
        color: var(--mobile-nav-dropdown-color);
    }
    .navbar .dropdown>.dropdown-active,
    .navbar .dropdown .dropdown>.dropdown-active{display:block}
    .mobile-nav-show{color:var(--mobile-icon-color);font-size:28px;cursor:pointer;line-height:0;transition:.5s;z-index:9999;margin-right:10px}
    .mobile-nav-hide{color:#fff;font-size:32px;cursor:pointer;line-height:0;transition:.5s;position:fixed;right:20px;top:20px;z-index:9999}
    .mobile-nav-active{overflow:hidden}
    .mobile-nav-active .navbar{right:0}
    .mobile-nav-active .navbar:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9996}
}

.slide {
    position: relative
}
.slide .slide-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 99;
    background-color: rgb(0 0 0 / 80%);
    width: 500px;
    padding: 30px;
    transform: translate(0, -50%);
}
.slide .owl-theme .owl-nav .owl-prev,
.slide .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    color: #000;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--color-primary);
    border-radius: 50%;
    cursor: pointer
}
.slide .owl-theme .owl-nav .owl-prev {
    left: 0;
}
.slide .owl-theme .owl-nav .owl-next {
    right: 0;
}
.slide .owl-theme .owl-nav .owl-prev:hover,
.slide .owl-theme .owl-nav .owl-next:hover {
    opacity: 1;
}
.slide .owl-nav {
    margin-top: 0 !important;
}
.slide .owl-dots {
    position: absolute;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.slide .owl-theme .owl-nav button:hover {
    background-color: var(--color-primary);
    color: var(--text-color-secondary);
}

.breadcrumbs{background-color:#f3f8fa;}

.sidebar ul ul li {padding-left: 15px;}
.sidebar ul li a {color: #222}
.search-form .input-group {border: 1px solid #E5E5E5;}
.search-form .form-control .btn {border:0;}
.search-form .form-control:focus {box-shadow:none;}

.recent-posts .d-flex {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.recent-posts .d-flex:last-child {
    border-bottom: 0;
}
.recent-posts a {
    color: #222;
}

.comment-form {
    background-color: #f9f9f9;
}

.form {background-color:#f5f5f5;padding:30px}
.form .form-group {margin-bottom: 20px;}
.form .form-control{min-height:50px;border:0;border-bottom:3px solid #e7e7e7}


/* Pagination CSS Start */

.pagination a.page-link {
    color: var(--color-primary);
}
.pagination li.active a.page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #FFFFFF;
}
.pagination li a.page-link:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #FFFFFF;
}

/* Pagination CSS End */


.testimonials{padding-top:80px;padding-bottom:80px}
.testimonials .swiper-container{padding-left:30px;padding-right:30px}
.testimonials h2 {margin-bottom: 30px;color: var(--color-secondary)}
.testimonial-item{background-color:#fff;box-shadow:0 0 5px #ccc;padding:30px;margin:15px;border-radius:3px;}
.testimonial-item .desc {height:86px;overflow:auto;margin: 15px 0;}
.testimonial-item h4{font-size:20px;font-weight:600;text-transform:uppercase}
.testimonial-item .stars {margin: 15px 0 5px;}

.latest-blog {margin-bottom: 50px;position: relative;}
.latest-blog .swiper-container{padding-left:30px;padding-right:30px}


.swiper-button-next,
.swiper-button-prev {top: 55%;}
.swiper-button-prev {left: 10px;}
.swiper-button-next {right: 10px;}
.swiper-button-next:after,
.swiper-button-prev:after{font-size:16px;background-color:var(--color-primary);padding:10px 14px;border-radius:3px;color:#FFFFFF;}

.featured-gallery {position: relative;margin: 30px 0}
.glightbox-clean .gdesc-inner .gslide-title{font-size:1.5em;font-weight:600;margin-bottom:0}

.gallery {}
.gallery .pagination {justify-content: center;}

.social .fa-brands{background-color:#fff;color:#0a1520;width:40px;line-height:40px;text-align:center;margin-right:10px;border-radius:100%;font-size:22px}
.social a.youtube:hover .fa-brands {background-color: #F50002;color: #FFF;}
.social a.facebook:hover .fa-brands {background-color: #1877F2;color: #FFF;}
.social a.twitter:hover .fa-brands {background-color: #1DA1F2;color: #FFF;}
.social a.instagram:hover .fa-brands {background-color: #AB2FB3;color: #FFF;}
.social a.pinterest:hover .fa-brands {background-color: #B7081B;color: #FFF;}
.social a.linkedin:hover .fa-brands {background-color: #0077B5;color: #FFF;}

#cookie_bar {
    z-index: 99999;
}

.stickyicon-list{position:fixed;bottom:40%;z-index:9999;right:0;top:40%}
.stickyicon-list a{display:block;text-align:center;padding:0 8px;transition:all .5s ease;color:#fff;font-size:20px;position:relative}
.stickyicon-list span{display:none;position:absolute;right:35px;top:0;background-color:var(--color-primary);padding:0 15px;font-size:14px;border-radius:3px 0 0 3px;line-height:36px}
.stickyicon-list a:hover span {display: block;}
.sticky-facebook,.sticky-facebook span {background:#4867AA;color:#fff}
.sticky-twitter,.sticky-twitter span {color:#fff;background:#1DA1F2}
.sticky-linkedin,.sticky-linkedin span {background:#0077B5;color:#fff}
.sticky-google,.sticky-google span {color:#fff;background:#E94235}
.sticky-instagram,.sticky-instagram span {background:#EA2C59;color:#fff}
.sticky-youtube,.sticky-youtube span{color:#fff;background:#FE0000}
.sticky-email,.sticky-email span {color:#fff;background:#A4A4A4}
.sticky-whatsapp, .sticky-whatsapp span {color:#fff;background:#45C655}
.sticky-phone,.sticky-phone span {color:#fff;background:#A4A4A4}




.footer-top {
    background-color: var(--ft-bg);
    font-size: var(--ft-font-size);
    font-weight:var(--ft-font-weight);
    color:var(--ft-color);
    margin-top: var(--ft-mt);
    margin-right: var(--ft-mr);
    margin-bottom: var(--ft-mb);
    margin-left: var(--ft-ml);
    padding-top: var(--ft-pt);
    padding-right: var(--ft-pr);
    padding-bottom: var(--ft-pb);
    padding-left: var(--ft-pl);
}
.footer-top h3 {
    color: var(--ft-title-color);
    font-size: var(--ft-title-size);
    font-weight: var(--ft-title-weight);
    margin-top: var(--ft-title--mt);
    margin-right: var(--ft-title--mr);
    margin-bottom: var(--ft-title--mb);
    margin-left: var(--ft-title--ml);
    text-transform: var(--ft-title-text-transform);
}
.footer-top a {
    color: var(--ft-link-color);
}
.footer-top a:hover {
    color: var(--ft-link-hover-color);
}
.footer-middle {
    background-color: var(--fm-bg);
    font-family: var(--fm-font-family);
    font-size: var(--fm-font-size);
    font-weight:var(--fm-font-weight);
    color:var(--fm-color);
    margin-top: var(--fm-mt);
    margin-right: var(--fm-mr);
    margin-bottom: var(--fm-mb);
    margin-left: var(--fm-ml);
    padding-top: var(--fm-pt);
    padding-right: var(--fm-pr);
    padding-bottom: var(--fm-pb);
    padding-left: var(--fm-pl);
}
.footer-middle h3 {
    color: var(--fm-color);
    font-family: var(--fm-title-font-family);
    font-size: var(--fm-title-font-size);
    font-weight: var(--fm-title-font-weight);
    margin-top: var(--fm-title-mt);
    margin-right: var(--fm-title-mr);
    margin-bottom: var(--fm-title-mb);
    margin-left: var(--fm-title-ml);
    text-transform: var(--fm-title-text-transform)
}
.footer-middle a {
    color: var(--fm-link-color);
}
.footer-middle a:hover {
    color: var(--fm-link-hover-color);
}
.footer-bottom {
    background-color: var(--fb-bg);
    font-family: var(--fb-font-family);
    font-size: var(--fb-font-size);
    font-weight:var(--fb-font-weight);
    color:var(--fb-color);
    margin: var(--fb-mt) var(--fb-mr) var(--fb-mb) var(--fb-ml);
    padding: var(--fb-pt) var(--fb-pr) var(--fb-pb) var(--fb-pl);
}
.footer-bottom a {
    color: var(--fb-link-color);
}
.footer-bottom a:hover {
    color: var(--fb-link-hover-color);
}

.menu-inline {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.menu-inline li a {
    padding: 0 15px;
}