@import "settings.css";
:root {
    --font-awesome : "Font Awesome 6 Free";
    --text-white: #FFFFFF;
}
::-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)}

.text-dark {color: #000000}
.text-light {color: #FFFFFF;}
.btn {border: 0;padding: 8px 15px;}
.btn.btn-primary {background-color: var(--color-primary);border-color: var(--color-primary);color: var(--text-color)}
.btn.btn-primary:hover {background-color: var(--color-secondary);}
.btn.btn-secondary {background-color: var(--color-secondary);}
.btn.btn-secondary:hover {background-color: var(--color-primary);}
.btn.btn-white {
    background-color: #FFF;
    text-transform: uppercase;
    font-weight: 500;
}
.form-group {
    margin-bottom: 15px;
}
.form-control:focus {outline: 0;box-shadow: none;}
.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;
}
body {color: var(--text-color);}

a {color: var(--link-color);text-decoration: none;}
a:hover {color: var(--link-hover-color);text-decoration: none;}

* {outline: 0;}
.logo {padding: 15px 0;}
.required {border: 1px solid #FF0000;background-color: #fffdee;}
ul.check {margin:0 0 1rem;padding: 0;list-style: none;}
ul.check li:before{content:'\f058';font-family:var(--font-awesome);font-weight:900;margin-right:5px;color:#4DB72F}
.btn.btn-primary {padding:12px 50px;font-size:18px;font-weight:500;background-color: var(--color-primary);text-transform: uppercase;border: 0;}
.btn.btn-secondary {padding:12px 50px;font-size:18px;font-weight:500;background-color: var(--color-secondary);text-transform: uppercase;border: 0;}
.btn-check:focus+.btn-primary, .btn-primary:focus,.btn-primary:active:focus {box-shadow: none;}
.tel {padding:0;margin:0;}
.tel:before{content:'\f095';font-family:var(--font-awesome);margin-right:8px;font-size:20px;color:var(--color-primary);font-weight:900}
.mobile {padding:0;margin:0;}
.mobile:before{content:'\f3cd';font-family:var(--font-awesome);margin-right:15px;font-size:25px;color:var(--color-primary);vertical-align:middle;font-weight:900}
.email {padding:0;margin:0;}
.email:before{content:'\f0e0';font-family:var(--font-awesome);margin-right:8px;font-size:20px;color:var(--color-primary);font-weight:400}
.address {padding:0;margin:0;}
.address:before{content:'\f041';font-family:var(--font-awesome);font-size:20px;color:var(--color-primary);margin-right:5px;font-weight: 900}



.top-bar{background-color:var(--topbar-bg);color:var(--topbar-text);padding:10px 0;line-height:25px}
.top-bar a {color: var(--topbar-text);}
.top-bar .tel,
.top-bar .mobile,
.top-bar .email {margin-left: 30px;}
.header{transition:1s;background-color:var(--header-bg);color:var(--header-text);box-shadow:0 1px 10px #555;position:relative}



/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 992px) {
    .navbar{padding:0;background-color: var(--navbar-bg);}
    .navbar ul{margin:0;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:10px 25px;font-size:16px;font-weight:600;color:var(--navbar-text);white-space:nowrap;transition:.3s;position:relative}
    .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:hover>a{color:var(--navbar-text-hover)}
    .navbar .dropdown ul{display:block;position:absolute;left:28px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s;border-radius:4px}
    .navbar .dropdown ul li{min-width:200px}
    .navbar .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;font-weight:600;color:var(--color-secondary)}
    .navbar .dropdown ul a i{font-size:12px}
    .navbar .dropdown ul a:hover,
    .navbar .dropdown ul .active:hover,
    .navbar .dropdown ul li:hover>a{color:var(--color-secondary)}
    .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}
}
@media (min-width: 992px) and (max-width: 1366px) {
    .navbar .dropdown .dropdown ul{left:-90%}
    .navbar .dropdown .dropdown:hover>ul{left:-100%}
}
@media (min-width: 992px) {
    .mobile-nav-show,
    .mobile-nav-hide{display:none}
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 991px) {
    .navbar{position:fixed;top:0;right:-100%;width:100%;max-width:400px;bottom:0;transition:.3s;z-index:9997}
    .navbar ul{position:absolute;inset:0;padding:50px 0 10px 0;margin:0;background:var(--color-secondary);overflow-y:auto;transition:.3s;z-index:9998}
    .navbar a,
    .navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:15px;font-weight:600;color:var(--navbar-text);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(--navbar-text-hover);}
    .navbar .dropdown ul,
    .navbar .dropdown .dropdown ul{position:static;display:none;padding:10px 0;margin:10px 20px;transition:all .5s ease-in-out;background-color:var(--color-primary);border:1px solid var(--navbar-text)}
    .navbar .dropdown>.dropdown-active,
    .navbar .dropdown .dropdown>.dropdown-active{display:block}
    .mobile-nav-show{color:var(--color-primary);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,106,93,.8);z-index:9996}
}

.slide .item {
    position: relative;
}
.slide .slide-text {
    top: 0;
    width: 600px;
    transform: translate(0, 35%);
    position: absolute;
}

.posts {margin: 50px 0;}
.entry-list{margin-bottom:40px;box-shadow:0 0 10px #ddd;padding:20px}
.entry-title{margin-top:15px}
.sidebar{box-shadow:0 0 10px #ddd;padding:15px;margin-bottom:25px}
.sidebar ul{list-style:none;padding:0}
.sidebar ul ul li:before {
    content: '\f105';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px;
    color: var(--color-secondary);
}
.sidebar-title{font-size:20px;font-weight:600;margin-bottom:15px}

.search-form .input-group {border: 1px solid #E5E5E5;}
.search-form .form-control {border:0;}

.recent-posts .img-fluid{border:1px solid #ccc;padding:3px;margin-right:10px}
.recent-posts .post-item {margin-bottom: 15px;}

.comments{margin-bottom:50px;margin-top:50px}
.comment-list{margin-top:60px}
.comment-list.replied {padding-left: 80px;}
.comment-list a {cursor:pointer}

.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}

.breadcrumbs{padding:15px 0;background-color:#f3f8fa;min-height:40px}
.breadcrumbs h2{font-size:28px;font-weight:300}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.breadcrumbs ol li+li{padding-left:10px}
.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#6c757d;content:"/"}

.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}

.payment_method label {
    display: inline-block;
    margin-right: 15px;
}
.payment_method label input {
    vertical-align: middle;
    margin-right: 5px;
}

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

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

.newsletter-bar{position:relative;background-color:#ddd;padding-top:50px;padding-bottom:50px}
.newsletter-bar h2 {color: #FFF;margin-bottom: 30px;}
.newsletter-bar .form-control{display:inline-block;border:0;height:50px}

.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;}


.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}


.cookie-content {background: #FFF;position: fixed;bottom: 0;padding: 30px 30px;left: 0;right:0;z-index: 999;}
.cookie-content .btn {width: 100%;padding: 10px 20px !important;color: var(--text-white);}


.footer{background-color:var(--footer-bg);color:var(--footer-color);border-top:10px solid gold}
.footer a{color:var(--footer-link-color)}
.footer a:hover{color:var(--footer-link-hover-color)}
.footer-middle h3{margin-bottom:15px;color:var(--footer-title)}
.footer-middle strong{color:#fff}
.footer-menu ul{margin:0;list-style:none;padding:0}
.footer-menu li{display:block;padding:0 0 5px}
.footer-menu li:before{content:"\f105";font-family:var(--font-awesome);float:left;margin-right:10px;font-weight: 900}
.footer-bottom{padding-top:30px;padding-bottom:30px;color:var(--footer-bottom-color);background-color: var(--footer-bottom-bg)}