
.by {
    height: 20px;
    width: 20px;
}

.table {
    font-size: 90%;
}

.lazy {
    display: block;
}

.modal {
    z-index: 99999;
}

.cookieAcceptBar {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #f8f9fa;
    color: #6c757d;
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 999999;
}

.cookieAcceptBar p {
    font-size: 70% !important;
    line-height: 15px !important;
}

.cookieAcceptBar a {
    color: #6c757d;
    text-decoration: none;
    font-weight: bold;
}


.page-item.active .page-link {
    color: #fff !important;
    background-color: #ae9a64 !important;
    border-color: #fff !important;
}

.page-link {
    color: #ae9a64 !important;
    background-color: #fff !important;
    border-color: #b0b0b0 !important;
    padding: 0px 5px 0px 5px !important;
}

.page-link:hover {
    color: #fff !important;
    background-color: #ae9a64 !important;
    border-color: #fff !important;
}

input[type='radio'] {
    border-color: rgb(174 154 100 / 0.3);
}

input[type='file'] {
    color: #fff;
    background-color: #ae9a64;
}

input[type='radio'] {
    border-color: rgb(174 154 100 / 0.3);
}

input[type='radio']:checked {
    border-color: #fff;
    background-color: #ae9a64;
}

input[type='checkbox'] {
    border-color: rgb(174 154 100 / 0.3);
}

input[type='checkbox']:checked {
    border-color: #fff;
    background-color: #ae9a64;
}

.feature-items:hover {
    color: #ae9a64 !important;
}

.textarea-150 {
    min-height: 150px !important;
}

.instagram-media {
    height: 570px !important;
    width: 420px !important;
}

.bg-site {
    background: radial-gradient(circle, rgba(108,117,125,0.7063200280112045) 0%, rgba(174,154,100, 1) 50%, rgba(108,117,125,0.7063200280112045) 100%);
}

.bg-site-color {
    background: #6c757d;
}

.site-img-1 {
    height: 311px;
    width: 100%;
    object-fit: cover;
}

.site-img-2 {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.site-img-3 {
    height: 307px;
    width: 100%;
    object-fit: cover;
}

.site-img-4 {
    height: 670px;
    width: 100%;
    object-fit: cover;
}
@media (max-width: 2500px) {
    .site-img-4 {
        height: 650px;
    }
}

@media (max-width: 1599px) {
    .site-img-4 {
        height: 600px;
    }
}

@media (max-width: 1399px) {
    .site-img-4 {
        height: 500px;
    }
}

@media (max-width: 991px) {
    .site-img-4 {
        height: 450px;
    }
    .lang {
        display: none;
    }
}

@media (max-width: 767px) {
    .site-img-4 {
        height: 311px;
    }
}

.site-img-5 {
    height: 720px;
    width: 100%;
    /*object-fit: cover;*/
}

@media (max-width: 1399px) {
    .site-img-5 {
        height: 568px;
    }
}

@media (max-width: 991px) {
    .site-img-5 {
        height: 470px;
    }
}

@media (max-width: 767px) {
    .site-img-5 {
        height: 272px;
    }
}

.img-bg {
    /*background-image: linear-gradient(rgba(28, 23, 29, 0.5), rgba(28, 23, 29, 0.5)), url(../images/bg/h2-banner-img.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
    height: 670px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 2399px) {
    .img-bg {
        height: 800px;
    }
}

@media (max-width: 1999px) {
    .img-bg {
        height: 700px;
    }
}

@media (max-width: 1799px) {
    .img-bg {
        height: 600px;
    }
}

@media (max-width: 1599px) {
    .img-bg {
        height: 500px;
    }
}

@media (max-width: 1399px) {
    .img-bg {
        height: 450px;
    }
}

@media (max-width: 991px) {
    .img-bg {
        height: 400px;
    }
}/*Call*/

.callButton * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.img-call-book {
    width: 19px;
    height: 19px;
}

.callNowFirst {
    filter: opacity(0.9)
}

.callNowFirst:hover {
    filter: saturate(1.8)
}

.callNowSecond {
    filter: opacity(0.9)
}

.callNowSecond:hover {
    filter: saturate(1.8)
}

.callNowThird {
    filter: opacity(0.9)
}

.callNowThird:hover {
    filter: saturate(1.8)
}

.callButton {
    position: fixed;
    width: 600px;
    height: 40px;
    text-align: left;
    z-index: 9999;
    bottom: 0px;
    right: 0px;
    font-size: 18px;
    line-height: 40px;
}

    .callButton a {
        color: #fff;
    }

    .callButton > div {
        float: right;
        width: 50%;
        position: relative;
    }

        .callButton > div.callNowFirst {
            background-color: #ae9a64;
            text-align: center;
            left: 0px;
        }

        .callButton > div.callNowSecond {
            background-color: #363435;
            text-align: center;
            right: 0px;
        }

        .callButton > div.callNowThird {
            background-color: #128C7E;
            text-align: center;
            right: 0px;
        }

        .callButton > div img {
            display: inline-block;
            height: 20px;
            margin: 10px 0px;
            margin-right: 5px;
        }

        .callButton > div .callNumberBlock {
            display: inline-block !important;
            font-size: 14px;
            padding: 0px 10px;
            width: 100%;
        }

        .callButton > div a {

        }

    .callButton div span {
        position: absolute;
        top: -26px;
        height: 26px;
        width: 100%;
        line-height: 26px;
        padding: 0px 10px;
        margin: 0;
        font-size: 13px;
        color: #fff;
        -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
    }

    .callButton div.callNowFirst span {
        background-color: #ae9a64;
        left: 0px;
        text-align: center;
    }

    .callButton div.callNowSecond span {
        background-color: #363435;
        right: 0px;
    }

    .callButton div.callNowThird span {
        background-color: #128C7E;
        right: 0px;
    }

    .callButton div .callNumber {
        display: inline-block;
    }

    .callButton > div.callBack {
        background-color: #319cd2;
        text-align: center;
        right: 0px;
    }

.svg-icon {
    height: 30px;
    width: 30px;
}

.svg-icons {
   height: 48px;
}
@media only screen and (max-width: 600px) {
    .callButton > div {
        padding-left: 0px;
        width: 100%;
    }

    .callButton {
        display: block;
        width: 100%;
        height: auto;
    }

    .callButton > div {
        width: 50%;
        line-height: 60px;
        height: 60px;
    }

    .callButton > div .callNumberBlock {
        font-size: 12px;
    }

    .callButton div span {
        top: 10px;
        line-height: 30px;
        height: 30px;
    }

    .callButton div .callNumber {
        display: none;
    }

    .callButton > div img {
        margin-top: -26px;
    }

    .callButton > div.callNowFirst, .callButton > div.callNowSecond, .callButton > div.callNowThird {
        text-align: center;
    }

    .callButton > div.callBack {
        position: relative;
        bottom: auto;
        margin-bottom: auto;
        height: 60px;
        line-height: 60px;
    }

    .callButton > div.callBack .callBackBtn span {
        font-size: 20px;
    }

    a {
        position: relative;
    }

    .svg-icons {
        height: 24px;
    }

    .svg-icon {
        height: 24px;
        width: 24px;
    }

    .feature-items {
        font-size: 85% !important;
    }

    .instagram-media {
        height: 360px !important;
        width: auto !important;
    }
}
@media only screen and (min-width: 601px) {
    .callButton {
        display: none;
    }
}

.preloader {
    margin-top: 25%;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .preloader {
        margin-top: 50%;
    }
}

#cookie-modal .modal-content {
    font-family: 'Arial', sans-serif;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

#cookie-modal .modal-header {
    background-color: #f8f9fa;
}

#cookie-modal .modal-title {
    font-size: 1.5rem;
}

#cookie-modal .form-check-label {
    font-size: 0.9rem;
}

#cookie-modal .form-check-input {
    transform: scale(1.2);
    margin-right: 0.5rem;
}

#cookie-modal .modal-body {
    line-height: 1.6;
    font-size: 0.95rem;
    color: #6c757d;
}

#cookie-modal .modal-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
}

#cookie-modal .btn-primary {
    background-color: #ae9a64;
    border-color: #ae9a64;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

    #cookie-modal .btn-primary:hover {
        background-color: #545b62;
        border-color: #545b62;
    }

#cookie-modal .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

    #cookie-modal .btn-secondary:hover {
        background-color: #5a6268;
        border-color: #545b62;
    }
