* {
    font-family: 'Montserrat', sans-serif;
}

.forceFont {
    font-family: 'Montserrat', sans-serif !important;
}

.forceFont * {
    font-family: inherit !important;
}


.page-forceFont {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 100 !important;
    color: #939799 !important;
    line-height: 35px !important;
}

.page-forceFont * {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 100 !important;
    color: #939799 !important;
    line-height: 35px !important;
}

.page-content-div {
    /*width: 100%;*/
    min-height: 500px;
    background-color: #fff;
    box-shadow: 0px 20px 23px -24px rgba(99, 99, 99, 1);
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 12%;
    padding-right: 12%;
}

.page-document-div {
    /*width: 100%;*/
    background-color: #fff;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 12%;
    padding-right: 12%;
}

.page-document-item-div {
    position: relative;
    min-height: 200px;
    background-color: #e3ebea;
    padding-top: 5%;
    padding-bottom: 8%;
    padding-left: 12%;
    padding-right: 12%;
}

.page-content-production-div {
    /*width: 100%;*/
    min-height: 500px;
    background-color: #e3ebea;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}

.page-content-contact-div {
    /*width: 100%;*/
    min-height: 500px;
    background-color: #fff;
    box-shadow: 0px 20px 23px -24px rgba(99, 99, 99, 1);
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 12%;
    padding-right: 12%;
}

.page-content-production-div2 {
    /*width: 100%;*/
    min-height: 200px;
    background-color: #fff;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}

.page-content-title {
    color: #13a89e;
    margin-left: -10%
}

.page-content-production-title {
    color: #13a89e;
}

.page-content-line {
    height: 2px;
    width: 9%;
    background-color: #13a89e;
    position: absolute;
    top: 5px;
    left: -15.8%;
}


.page-contact-line {
    height: 1px;
    width: 100px;
    background-color: #13a89e;
    position: relative;
}

.page-content-div2 {
    /* width: 100%; */
    min-height: 500px;
    background-color: #fff;
    box-shadow: 0px 20px 23px -24px rgb(99 99 99);
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 8%;
    padding-right: 8%;
}

.page-content-title2 {
    color: #13a89e;
    margin-left: -12%
}

.page-content-line2 {
    height: 2px;
    width: 14%;
    background-color: #13a89e;
    position: absolute;
    top: 5px;
    left: -23.5%;
}

.page-content-div3-top {
    background-color: #e3ebea;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 12%;
    padding-right: 12%;
}

.page-content-div3-bottom {
    padding-left: 12%;
    padding-right: 12%;
}

.page-content3 {
    margin-top: -8%;
    width: 100%;
    min-height: 300px;
    background-color: #fff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 6%;
    padding-bottom: 6%;
    box-shadow: 0px 20px 23px -24px rgb(99 99 99);
}


.i-news-border {
    position: relative;
    background-color: #d0edeb;
    width: 100%;
    min-height: 420px;
}

.i-news-div {
    position: relative;
    width: 100%;
    height: 500px;
    background-position: center;
    background-size: cover;
    background-position: top;
}

.i-news-div:hover .i-news-overlay {
    opacity: 0.80;
}

.i-news-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    z-index: 10;
    transition: 0.3s;
}


.i-news-subject {
    position: absolute;
    top: 55px;
    left: 0px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    z-index: 11;
    color: #262560;
    font-size: 32px !important;
}

.i-news-type {
    position: absolute;
    bottom: 115px;
    left: 0px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    z-index: 11;
    color: #13a89e;
    font-size: 24px !important;
}


.i-news-line {
    position: absolute;
    bottom: 105px;
    left: 30px;
    width: 200px;
    height: 1px;
    z-index: 11;
    background-color: #262560
}

.i-news-day {
    position: absolute;
    bottom: 15px;
    left: 0px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    z-index: 11;
    color: #262560;
    font-size: 56px !important;
    font-weight: 500;
}

.i-news-month {
    position: absolute;
    bottom: 52px;
    left: 75px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    z-index: 11;
    color: #13a89e;
    font-size: 20px !important;
}


.i-news-year {
    position: absolute;
    bottom: 29px;
    left: 75px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    z-index: 11;
    color: #13a89e;
    font-size: 20px !important;
}


.popup-container {
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, 0.5);
    position: fixed;
    top: 0;
    z-index: 500;
}

.popup-div {
    position: relative;
    width: 100%;
    height: 100%;
}

.popup {
    background: white;
    margin: auto;
    border-radius: 7px;
    border: 10px solid #fff;
}

.popup-checkbox-div {
    position: relative;
    padding-top: 3px;
}

.popup-checkbox {
    margin-top: 5px;
    margin-left: -18px;
    -ms-transform: scale(0.9) !important;
    -moz-transform: scale(0.9) !important;
    -webkit-transform: scale(0.9) !important;
    -o-transform: scale(0.9) !important;
    transform: scale(0.9) !important;
}

.btn-popup-close {
    position: absolute;
    top: 5px;
    right: 9px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    z-index: 1;
    text-shadow: -2px 0 #6c6c6c, 0 2px #6c6c6c, 2px 0 #6c6c6c, 0 -2px #6c6c6c;
}


.personal-title {
    font-size: 24px;
    font-weight: 400;
    color: #14a39b;
}

.personal-name {
    font-size: 34px;
    font-weight: bold;
    color: #262560;
}


.history h5 {
    font-size: 26px !important;
    font-weight: 100;
}

html {
    font-size: 12px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    font-size: 15px;
}

.menu {
    height: 90px;
    background-color: #F8F9FA;
    position: absolute;
    z-index: 10;
    top: 0;
    width: 100%;
}

.menu-mobile {
    display: none;
    height: 60px;
    background-color: #F8F9FA;
    position: absolute;
    z-index: 10;
    top: 0;
    width: 100%;
}

.menu-mobile-logo-div {
    top: 15px;
    width: 90px;
    height: 90px;
    background-color: #F8F9FA;
    border-radius: 15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    padding-top: 8px
}


.input-toggler {
    display: none;
    z-index: 99;
}

.menu-toggler {
    position: relative;
    top: 4px;
    margin-right: auto;
    margin-left: auto;
    left: 0px;
    right: 0px;
    width: 80px;
    height: 90px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.menu-toggler-line {
    width: 60%;
    height: 4px;
    background: #2C3149;
    margin: 0 0 9px 0px;
    position: relative;
    transition: all .40s ease-out;
}

.input-toggler:checked ~ .menu-toggler .menu-toggler-line {
    top: 5px;
    translateY: 100px;
    transform: rotate(45deg);
    background-color: #fff;
}


.input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(2) {
    top: -8px;
    translateY: 10;
    transform: rotate(135deg);
    background-color: #fff;
}


.page-input-toggler {
    display: none;
    z-index: 99;
}

.page-menu-toggler {
    position: relative;
    top: 25px;
    margin-right: auto;
    margin-left: auto;
    left: 0px;
    right: 0px;
    width: 80px;
    height: 90px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.page-menu-toggler-line {
    width: 60%;
    height: 3px;
    background: #13a89e;
    margin: 0 0 5px 0px;
    position: relative;
    transition: all .40s ease-out;
}

.page-input-toggler:checked ~ .page-menu-toggler .page-menu-toggler-line {
    top: 5px;
    translateY: 100px;
    transform: rotate(45deg);
    background: #fff;
}


.page-input-toggler:checked ~ .page-menu-toggler .page-menu-toggler-line:nth-child(2) {
    top: -3px;
    translateY: 10;
    transform: rotate(135deg);
}


.area {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 9;
}

.area .dropdown-menu {
    min-width: 120px !important;
    width: 120px;
    padding-left: 8px;
    left: -35px !important;
    top: -25px !important;
}

.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #FBA200;
    background: -moz-linear-gradient(90deg, #FBA200 0%, #FBA200 100%);
    background: -webkit-linear-gradient(90deg, #FBA200 0%, #FBA200 100%);
    background: linear-gradient(90deg, #FBA200 0%, #FBA200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FBA200", endColorstr="#FBA200", GradientType=1);
    opacity: 0.5;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(100%);
    transition: all .40s ease-out;
    z-index: 99;
}

.sidebar-menu {
    position: absolute;
    /*    
    margin-right: auto;
    margin-left: auto;
    right: 0px;
*/
    width: 100%;
    z-index: 9;
}

.sidebar-menu ul {
    padding: 0px;
    width: 88%;
}

.sidebar-menu li {
    list-style-type: none;
    /*border-bottom: 1px solid #fff;*/
    width: 100%;
}

.sidebar-menu li a {
    text-decoration: none;
}

.sidebar-menu-link {
    color: white;
    font-size: 36px;
    font-weight: bold;
    line-height: 60px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.sidebar-menu-link:hover, .sidebar-menu-link:focus, .sidebar-menu-link:active {
    color: #fff;
    color: #d0d0d0;
    transition: all .15s ease-out;
}


.sidebar-menu .active {
    color: #fff;
    color: #d0d0d0;
}

.input-toggler:checked ~ .sidebar {
    transform: translateX(0%);
    opacity: .98;
}

.page-input-toggler:checked ~ .sidebar {
    transform: translateX(0%);
    opacity: .98;
}

.sidebar-language {
    position: absolute;
    top: 20%;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.sidebar-language p {
    line-height: 20px;
}

.sidebar-language a {
    color: #fff;
    text-decoration: none;
}

.sidebar-language a:hover {
    color: #d0d0d0;
    transition: all .15s ease-out;
}


.menu-l2, .menu-l3, .menu-l4, .menu-l5 {
    display: none;
}

.mobile-language {
    display: none;
    position: absolute;
    bottom: 10%;
}

.mobile-language a {
    color: #fff;
    text-decoration: none;
}

.mobile-language a:hover {
    color: #d0d0d0;
    transition: all .15s ease-out;
}

.mobile-mlogo {
    display: none;
    position: absolute;
    bottom: 10%;
    right: 15px;
}


.menu-mobile .dropdown-item {
    font-size: 14px;
}

/*--------Menu Start----------*/
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        border-radius: 10px !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar .nav-item:hover .nav-link {
        color: #fff;
        text-decoration: none;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}


.dropdown-toggle:hover,
.dropdown-toggle:focus,
.dropdown-toggle:active {
    border-width: 0px !important;
    outline: none;
}


/*--------Menu End----------*/

.btn-kvkk {
    font-weight: 600;
    color: #000;
    text-decoration: none;
}

.btn-kvkk:hover {
    color: #1a1a1a;
}

.btn-cleo {
    background-color: #FBA200 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn-cleo:hover {
    background-color: #fcb430 !important;
}


.btn-sm-cleo {
    background-color: #FBA200 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

.btn-sm-cleo:hover {
    background-color: #fcb430 !important;
}

.btn-country {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    border: 1px solid #FBA200;
    color: #000;
    cursor: pointer;
}

.btn-country:hover {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    background-color: #FBA200;
    color: #fff;
}


.btn-province {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    border: 1px solid #FBA200;
    color: #000;
    cursor: pointer;
}

.btn-province:hover {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    background-color: #FBA200;
    color: #fff;
}

.btn-state {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    border: 1px solid #FBA200;
    color: #000;
    cursor: pointer;
}

.btn-state:hover {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    background-color: #FBA200;
    color: #fff;
}

.btn-city {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    min-height: 50px;
    border-radius: 20px;
    border: 1px solid #FBA200;
    color: #000;
    cursor: pointer;
}

.btn-city:hover {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    min-height: 50px;
    border-radius: 20px;
    background-color: #FBA200;
    color: #fff;
}

.btn-res-studio {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    border: 1px solid #FBA200;
    color: #000;
    cursor: pointer;
}

.btn-res-studio:hover {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 20px;
    background-color: #FBA200;
    color: #fff;
}

.btn-studio {
    position: relative;
    background-position: center;
    background-size: cover;
    height: 160px;
    border-radius: 15px
}

.btn-studio-line {
    position: absolute;
    bottom: 20px;
    height: 48px;
    width: 100%;
    background-color: #222222b8;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-top: 12px;
}

.btn-mobile-reservation {
    display: none;
    position: fixed;
    right: 0px;
    bottom: 10px;
    height: 45px;
    min-width: 180px;
    transform-origin: 0 0;
    border-width: 0px;
    background-color: #FBA200;
    color: #fff !important;
    z-index: 9;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.btn-reservation {
    position: fixed;
    right: -330px;
    top: 67vh;
    height: 50px;
    width: 380px;
    transform-origin: 0 0;
    transform: rotate(270deg);
    background-color: #FBA200;
    color: #fff !important;
    z-index: 9;
    padding-top: 14px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.btn-reservation:hover {
    background-color: #fcb430 !important;
}

.btn-blog {
    background-color: #fff !important;
    color: #8E8F94 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    border-radius: 20px !important;
    border: 1px solid #E4E4E4;
    min-width: 110px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn-blog:hover {
    background-color: #FBA200 !important;
    color: #fff !important;
    border-color: #FBA200 !important;
}

.btn-blog:focus {
    outline: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-blog-active {
    background-color: #FBA200 !important;
    color: #fff !important;
    border-color: #FBA200 !important;
    font-weight: 500 !important;
}

.btn-label {
    background-color: #fff !important;
    color: #363636 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    min-width: 130px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn-label:hover {
    background-color: #fcb430 !important;
    color: #fff !important;
}

.btn-label:focus {
    outline: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.label-active {
    background-color: #FBA200 !important;
    color: #fff !important;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    padding: 10px;
}

.select2.select2-container .select2-selection {
    border-radius: 17px;
    height: 45px;
    margin-bottom: -3px;
    outline: none !important;
    transition: all .15s ease-in-out;
    background-color: #F3F3F3;
    border-width: 0px !important;
    padding: 10px;
    padding-left: 20px;
    font-size: 16px;
    color: #000;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    height: 32px;
    width: 33px;
    top: 7px;
    right: 6px;
}

.select2-container .select2-dropdown {
    background: #F3F3F3;
    border: none;
    margin-top: 4px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.select2-dropdown {
    border-radius: 15px !important;
}

.select2-results {
    padding-top: 15px;
    padding-bottom: 15px;
}

.select2-results__option {
    padding: 10px !important;
    padding-left: 30px !important;
}


.select2-container .select2-selection--single .select2-selection__placeholder {
    color: #5f5f5f !important;
    opacity: 1 !important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5f5f5f !important;
}

.form-control::placeholder {
    color: #5f5f5f !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #5f5f5f transparent transparent transparent !important;
}

/* Normal input */
input::placeholder {
    color: #5f5f5f !important;
    opacity: 1; /* Safari için gerekli */
}

input::-webkit-input-placeholder {
    color: #5f5f5f !important;
}

input:-ms-input-placeholder {
    color: #5f5f5f !important;
}

input::-ms-input-placeholder {
    color: #5f5f5f !important;
}

.form-control {
    background: #F3F3F3 !important;
    border-radius: 15px !important;
    height: 45px !important;
    border-width: 0px !important;
    padding-left: 30px !important;
    color: #444444 !important;
}

.flipped {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.swal2-file {
    display: none !important;
}

.swiper-gallery {
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
}


.swiper-gallery .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 10px;
    height: 18px;
}

.swiper-gallery .swiper-scrollbar-drag {
    background-color: #FBA200;
}

.swiper-gallery .swiper-item {
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    transform: rotateX(180deg) !important;
}

.swiper-label {
    width: 80%;
    padding-left: 25px;
    padding-right: 25px;
}

.branch-banner {
    height: 450px;
    background-position: center;
    background-size: cover;
}


.about-banner {
    height: 500px;
    background-position: center;
    background-size: cover;
}

.blog-banner {
    position: relative;
    height: 500px;
    background-position: center;
    background-size: cover;
}

.country-banner {
    position: relative;
    height: 650px;
    background-position: center;
    background-size: cover;
}

.country-header {
    position: absolute;
    top: 10%;
    right: 100px;
    width: 35%;
    text-align: center;
    color: #fff !important;
    /*background-color: #0000008c;*/
    padding-top: 18px;
}

.country-header-image {
    width: 300px;
    margin-bottom: 10px;
}

.country-header-title {
    font-size: 54px !important;
    font-weight: 700 !important;
}

.country-header-text {
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: justify;
}

.blog-header {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 54px;
    font-weight: 600;
    background-color: #0000008c;
    height: 120px;
    padding-top: 18px;
}

.branch-header {
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 54px;
    font-weight: 600;
}

.branch-info {
    min-height: 450px;
    border-radius: 15px;
    background-color: #F8FAFF;
    font-size: 18px
}

.branch-image {
    border-radius: 15px;
    width: 100%;
    height: 330px;
    background-position: center;
    background-size: cover;
}

.branch-title {
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

.branch-title-bar {
    width: 100%;
    height: 140px;
    padding-top: 43px;
    box-shadow: -1px 2px 40px 0px #000;
}

.branch-map iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 15px !important;
}

.branch-time-div {
    width: 100%;
    height: 90px;
    border-radius: 15px;
    background-color: #fff;
    padding-top: 3px;
}

.branch-time-header {
    font-size: 15px;
}

.branch-time {
    font-size: 14px;
    font-weight: 500;
}

.branch-time-12 {
    font-size: 13px;
    font-weight: 500;
}

.branch-time-none {
    font-size: 15px;
    line-height: 50px;
    font-weight: 500;
}

.branch-social {
    padding-left: 5%;
}

.swiper-button-prev {
    left: -5px;
    color: #000;
    background-color: #fff;
    top: 15px;
    height: 60px;
    transform: scale(0.7);
}


.swiper-button-next {
    right: -5px;
    color: #000;
    background-color: #fff;
    top: 15px;
    height: 60px;
    transform: scale(0.7);
}

.swiper-button-disabled {
    display: none;
}

/*--------Slider Start----------*/


.btn-slider {
    margin-top: 10px;
    background-color: #af2323;
    color: #fff;
    font-size: 15px;
    border-radius: 0px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-slider:hover {
    color: #808080;
}


.carousel-item {
    transition: transform .4s ease-in-out;
}

.carousel-fade .active.carousel-item-start {
    transition: opacity 0s .4s;
}

.carousel-fade .active.carousel-item-end {
    transition: opacity 0s .4s;
}


.carousel-caption {
    z-index: 10;
    height: 100%;
    bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.carousel-title {
    font-size: 44px;
    font-weight: bold;
}

.carousel-item {
    /*height: 100vh;*/
    height: calc(100vh - 210px);
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-indicators-index {
    position: absolute;
    bottom: -90px;
    left: 100%;
    z-index: 8;
    padding-left: 0;
    margin-left: -20%;
    text-align: center;
    list-style: none;
}

.carousel-indicators-index [data-bs-target] {
    width: 35px;
    height: 5px;
    background-color: #283646;
}

.carousel-indicators-campaign {
    position: absolute;
    bottom: -65px;
    z-index: 8;
    text-align: center;
    list-style: none;
}

.carousel-indicators-campaign [data-bs-target] {
    width: 35px;
    height: 5px;
    background-color: #283646;
}

.carousel-control-prev {
    z-index: 8;
    position: absolute;
    bottom: -105px;
    left: 10%;
    height: 100px;
    top: unset;
    width: unset;
}

.carousel-control-next {
    z-index: 8;
    right: unset;
    position: absolute;
    bottom: -105px;
    left: 13%;
    height: 100px;
    top: unset;
    width: unset;
}

/*-----------AboutUs-------*/

.aboutus-profile-div {
    background-color: #E6E9EB;
    color: #77808B;
    border-radius: 10px;
}

.aboutus-profile-img {
    width: 160px;
    border-radius: 80px;
    margin-bottom: 20px
}


.flatpickr-mobile:before {
    content: attr(placeholder);
    color: #999;
    text-align: left !important
}


.flatpickr-mobile:focus[value]:not([value=""]):before {
    display: none;
}

input[type="hidden"][value]:not([value=""]) + .flatpickr-mobile:before {
    display: none;
}


input + input {
    position: relative;
    padding-top: 11px !important;
    display: grid !important;
    justify-content: left !important;
}


/*--------Slider End----------*/


::-webkit-input-placeholder {
    color: #9fa09f !important;
}

:-moz-placeholder {
    color: #9fa09f !important;
    opacity: 1;
}

::-moz-placeholder {
    color: #9fa09f !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #9fa09f !important;
}

::-ms-input-placeholder {
    color: #9fa09f !important;
}

::placeholder {
    color: #9fa09f !important;
}

.iti {
    width: 100%;
}

.flatpickr-mobile {
    text-align: left !important;
    font-size: 16px;
    color: #444444 !important;
}


.head-subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #6E6E6E;
    margin-bottom: 5px;
}

.head-title {
    font-size: 48px;
    font-weight: 700;
    color: #000;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
}

.head-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #6E6E6E !important;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}



.head-text * {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #6E6E6E !important;
}

.head-text strong,
.head-text b {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.head-text h3 {
    margin-top: 22px;
    margin-bottom: 22px;
}

.head-text h3 * {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000 !important;
    line-height: 30px !important;
}

.head-text h2 {
    margin-top: 22px;
    margin-bottom: 22px;
}


.head-text h2 * {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    line-height: 30px !important;
}




.section-subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #6E6E6E;
    margin-bottom: 5px;
}

.section-title {
    font-size: 48px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px
}

.section-title-mobile {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-shadow: 2px 2px 5px #292929;
}

.section-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #6E6E6E !important;
}

.section-text * {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #6E6E6E !important;
}

.section-mobile-col {
    background-size: cover;
    background-position: center;
    height: 110px;
}

.section-mobile-div {
    background-color: #0006;
}

.branch-head {
    background-color: #D9D9D9;
    color: #fff;
    min-height: 185px;
}

.branch-head-subtitle {
    font-family: 'Montserrat', sans-serif !important;
    color: #000 !important;
    font-size: 38px !important;
    font-weight: 700 !important;
}

.branch-head-subtitle * {
    font-family: 'Montserrat', sans-serif !important;
    color: #000 !important;
    font-size: 38px !important;
    font-weight: 700 !important;
}


.branch-head-text {
    font-family: 'Montserrat', sans-serif !important;
    color: #7A7A7A !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.branch-head-text * {
    font-family: 'Montserrat', sans-serif !important;
    color: #606060 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}


.academy-header {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 54px;
    font-weight: 600;
    background-color: #0000008c;
    height: 120px;
    padding-top: 18px;
}

.academy-header h1 {
    font-size: 38px !important;
}

.comment-item {
    font-family: 'Montserrat', sans-serif !important;
    /*color: #838383 !important;*/
    color: #6E6E6E !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.comment-item * {
    font-family: 'Montserrat', sans-serif !important;
    color: #6E6E6E !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.comment-item-head {
    color: #000 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

.owl-carousel-comment .item {
    padding: 15px;
    background-color: #fff;
    color: #838383;
    min-height: 420px;
    border-radius: 10px;
}

.owl-carousel-comment .item:hover {
    background-color: #FBA200;
    color: #fff !important;
}

.owl-carousel-comment .item:hover .comment-item-head {
    color: #fff !important;
}

.owl-carousel-comment .item:hover .comment-item * {
    color: #fff !important;
}

/*----------Mainpage Capiton Images Start------------*/
.captionDiv {
    float: left;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

.captionDiv:hover .caption {
    opacity: 1;
}


.caption {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.blur {
    background-color: rgba(0, 0, 0, 0.55);
    height: 600px;
    width: 400px;
    z-index: 5;
    position: absolute;
}

.caption-text p {
    color: #12a19a;
}

.caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 350px;
    height: 600px;
    text-align: center;
    top: 200px;
}

/*----------Mainpage Capiton Images End------------*/
.btn-light {
    padding: 10px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 15px;
    border-radius: 10px;
    margin-right: 35px;
}

/*----------Footer Start------------*/
.footer {
    font-size: 16px;
    background-color: #F8F9FA;
    color: #77808B !important;
    min-height: 332px;
    padding-top: 60px;
}

*:focus {
    outline: none;
}

.newsletter ::placeholder {
    color: #fff;
    font-weight: 100;
}

.newsletter a {
    font-weight: bold;
    text-decoration: underline;
    color: #fff;
}

/*----------Footer End------------*/
/*----------Accoridon Cards Start------------*/
.card {
    background-color: unset !important;
}

.card-body {
    background-color: #af2323;
    line-height: 30px !important;
}

.card-body a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    border-radius: 0px !important;
}


.card-header {
    border-radius: 0px !important;
    background-color: #1e1e1e;
    border-bottom: 1px solid rgba(212, 212, 212, 0.28) !important;
}


.card-header i {
    margin-top: 5px;
}

.card-header a {
    color: #fff;
}


/*----------Accoridon Cards End------------*/


/*----------Cookie Start------------*/

#cookie {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #FBA200;
    z-index: 999;
    color: #fff;
    padding: 22px;
    font-size: 14px;
    font-weight: 500;
}


.triangle-area {
    position: absolute;
    color: #fff !important;
    top: 0px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 70px solid black;
    border-left: 70px solid transparent;
    cursor: pointer;
}

.triangle-x {
    position: absolute;
    top: -64px;
    right: 16px;
    font-size: 20px;
    font-weight: 700;
    color: #FBA200 !important;
}


.btn-cookie {
    height: 50px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
}

.btn-cookie-settings {
    border: 1px solid #000;
    background-color: unset !important;
    color: #000;
}


/*----------Cookie End------------*/


.btnMap a {
    text-decoration: none !important;
    color: #dbdbdb !important;
}

.btnMap a:hover {
    text-decoration: none !important;
    color: #fff !important;
}

.owlLogo {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

.owlLogo:hover {
    filter: none !important;
    -webkit-filter: grayscale(0%) !important;
}


.product-list ul {
    list-style-type: none;
}

.product-list a {
    font-size: 20px !important;
    font-weight: 100 !important;
    color: #939799 !important
}

.product-list .active {
    color: #13a89e !important;
    font-weight: 400 !important;
}

#slider {
    margin-bottom: 120px;
}

.slider-bottom {
    z-index: 8;
    position: absolute;
    left: 0;
    width: 100%;
    height: 120px;
    bottom: -120px;
    background-color: #F8F9FA
}

.carousel-caption-div {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}


.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    width: 16px;
    height: 16px;
}


.unu {
    margin-top: 1px;
}

.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


.mouse {
    height: 30px;
    width: 18px;
    border-radius: 14px;
    transform: none;
    border: 1px solid white;
    top: 170px;
}

.wheel {
    display: block;
    margin: 3px auto;
    position: relative;
    height: 8px;
    width: 6px;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 1.2s linear infinite;
    -moz-animation: mouse-wheel 1.2s linear infinite;
    animation: mouse-wheel 1.2s linear infinite;
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 3px;
    }

    50% {
        top: 5px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {

    0% {
        top: 1px;
    }

    25% {
        top: 3px;
    }

    50% {
        top: 5px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {

    0% {
        top: 1px;
    }

    25% {
        top: 3px;
    }

    50% {
        top: 5px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 1px;
    }
}

.modal-bg {
    background: rgb(30, 127, 144);
    background: linear-gradient(90deg, rgba(30, 127, 144, 1) 22%, rgba(22, 174, 165, 1) 100%);
}


.product-div {
    background-color: #e3ebea;
    min-height: 430px;
}

.prod-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto;
    left: 0;
    background-size: cover;
    background-position: center
}


.btn-quality {
    width: 100%;
    background-color: #13a89e;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    min-height: 120px;
}

.btn-quality:hover {
    color: rgb(92, 92, 92) !important;
}

.btn-quality .active {
    color: rgb(92, 92, 92);
}

.footer-p-header {
    color: #FBA200;
    font-weight: 600
}

.footer-p-header a,
.footer-p-header a:hover {
    /*color: #FBA200;*/
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.footer-p-header2 {
    color: #101010;
    font-weight: 600
}

.footer-p-header2 a,
.footer-p-header2 a:hover {
    color: #0000008c;
    font-weight: 600;
    text-decoration: none;
}

.footer-p-item {
    color: #77808B;
    font-weight: 500;
    text-decoration: none
}


.btn-reservation, .btn-sm-cleo, .btn-cleo  {
    color: #000 !important;
}