@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.svg#Lato-Black') format('svg'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold/Montserrat-Bold.woff2') format('woff2'),
    url('../fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff'),
    url('../fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype'),
    url('../fonts/Montserrat-Bold/Montserrat-Bold.svg#Lato-Black') format('svg'),
    url('../fonts/Montserrat-Bold/Montserrat-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair-Display';
    src: url('../fonts/Playfair-Display/PlayfairDisplay-Regular.eot');
    src: url('../fonts/Playfair-Display/PlayfairDisplay-Regular.woff2') format('woff2'),
    url('../fonts/Playfair-Display/PlayfairDisplay-Regular.woff') format('woff'),
    url('../fonts/Playfair-Display/PlayfairDisplay-Regular.ttf') format('truetype'),
    url('../fonts/Playfair-Display/PlayfairDisplay-Regular.svg#Lato-Black') format('svg'),
    url('../fonts/Playfair-Display/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 16px;
    background: #040203;
    color: #BD9C6B;
    overflow-x: hidden;
}

.body_light, .body_light footer,
.body_light .fixed-top.black-menu,
.body_light .dropdown-menu,
.body_light .dropdown-item,
.body_light .dropdown-item:active,
.body_light .dropdown-item:hover,
.body_light .dropdown-item:focus
{
    background-color: #F6EEF6;
    color: #000000;
}

.body_light .dropdown-item:hover
{
    color: #BD9C6B;
}

.body_light .nav-link,
.body_light .leng-list,
.body_light .leng-list,
.body_light .leng-list.active,
.body_light .footer-list,
.body_light .dropdown-menu
{
    color: #000000;
}
img {
    max-width: 100%;
}

.body_aroma, .body_aroma footer,
.body_aroma .fixed-top.black-menu,
.body_aroma .dropdown-menu,
.body_aroma .dropdown-item,
.body_aroma .dropdown-item:active,
.body_aroma .dropdown-item:hover,
.body_aroma .dropdown-item:focus
{
    background-color: #E9E0D3;
    color: #000000;
}

.body_aroma .dropdown-item:hover
{
    color: #BD9C6B;
}

.body_aroma .nav-link,
.body_aroma .leng-list,
.body_aroma .leng-list,
.body_aroma .leng-list.active,
.body_aroma .footer-list,
.body_aroma .dropdown-menu
{
    color: #000000;
}
a, a:hover {
    outline: none;
    text-decoration: none;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

ul {
    list-style-type: none;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 30px;
}

p {
    font-size: 18px;
}

.container {
    max-width: 1530px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.container-md {
    max-width: 1010px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

section {
    overflow: hidden;
}

/* Home Pahe */
#home {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    text-align: center;
    padding: 90px 15px 30px;
    overflow-y: hidden;
}

.d-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.title-lg {
    font-family: "Playfair-Display";
    margin: 20px 0;
    font-weight: normal;
}

.number-text {
    margin: 15px 0 35px;
    display: inline-block;
    font: 70px "Playfair-Display";
    background: transparent;
    border: none;
    text-align: center;
    padding: 0 25px 20px;
    width: 220px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #BD9C6B;
}

#home .copyright {
    margin-top: 10px;
}

.btn {
    background: #BD9C6B;
    color: #040203;
    font: 18px "Montserrat-Bold";
    font-weight: bold;
    width: 170px;
    padding: 16px;
    display: block;
    margin: auto;
    cursor: pointer;
    border: none;
    border-radius: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.main-btn-group .btn-disable:hover {
    background: #A7834E;
    color: #040203;
    box-shadow: none;
}

.btn:hover, .btn:focus {
    outline: none;
    background: #A7834E;
    -webkit-box-shadow: 0px 8px 14px 0px rgba(189, 156, 107, 0.25);;
    box-shadow: 0px 8px 14px 0px rgba(189, 156, 107, 0.25);
}

#about-top {
    /*background-image: url("../img/web/Barrels.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 100vh;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
    position: relative;
}

.top-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.leng-list {
    font: 18px "Montserrat-Regular";
    color: #BD9C6B;
    margin-left: 30px;
    display: inline-block;
}

.leng-list:hover, .leng-list.active {
    font-weight: bold;
    font-family: "Montserrat-Bold";
    color: #BD9C6B;
}

.centr-img {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.homeLogo {
    left: 0;
    position: relative;
    right: 0;
    margin: 0 auto;
    top: 160px;
}

.bottom-section {
    position: absolute;
    bottom: 30px;
}

.social-list {
    margin-right: 20px;
    color: #BD9C6B;
}

.social-list:last-child {
    margin-right: 0;
}

.arrow-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    display: inline-block;
    width: 50px;
}

.section {
    padding-top: 120px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.text-lg {
    font: 30px "Playfair-Display";
    margin: 20px 0;
    display: inline-block;
}

.col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-text {
    display: inline-block;
    max-width: 620px;
}

.signatureImg {
    margin-top: 15px;
    display: inline-block;
}

.col-text.right {
    float: right;
}

.section-bg {
    background: url("../img/web/shahumyan-vin.jpg") no-repeat;
    background-size: 100%;
    background-position: right center;
    display: block;
    /*padding-bottom: 75px;*/
    padding-bottom: 150px;
    margin-top: 120px;
}

.form-box {
    max-width: 1040px;
    margin: auto;
    padding: 120px 0;
}

.mail-icon {
    display: inline-block;
    background-size: 100%;
    background: url("../img/icons/email.svg") no-repeat center;
    width: 24px;
    height: 18px;
    margin-right: 15px;
}

.phone-icon {
    display: inline-block;
    background-size: 100%;
    background: url("../img/icons/phone.svg") no-repeat center;
    width: 24px;
    height: 24px;
    margin-right: 14px;
}

.location-icon {
    display: inline-block;
    background-size: 100%;
    background: url("../img/icons/location.svg") no-repeat center;
    width: 20px;
    height: 28px;
    margin-right: 18px;
}

.eye-icon {
    display: inline-block;
    background-size: 100%;
    background: url("../img/icons/view.svg") no-repeat center;
    width: 20px;
    height: 16px;
    margin-right: 10px;
}

.contacts {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin: 15px 20px;
    color: #BD9C6B;
}

a.contacts:hover, a.contacts:focus {
    color: #BD9C6B;
}

.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

*::placeholder {
    color: rgba(189, 156, 107, 0.50);
    opacity: 1;
}

*:-ms-input-placeholder {
    color: rgba(189, 156, 107, 0.50);
}

*::-ms-input-placeholder {
    color: rgba(189, 156, 107, 0.50);
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input, textarea {
    padding: 15px 20px;
    width: 100%;
    color: #BD9C6B;
    border: 1px solid #BD9C6B;
    font: 18px "Montserrat-Regular";
    background: #040203;
}

.input-group {
    margin-bottom: 20px;
    /*min-height: 80px;*/ /*stugel*/
}

input:focus {
    outline: none;
}

textarea, textarea:focus {
    outline: none;
    resize: none;
    height: 110px;
}

.form-box .col {
    padding: 0 15px;
}

.col-12 {
    padding: 0 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.form-box .flexCenter {
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.form-box .btn {
    margin-top: 30px;
}

footer {
    background-color: #090607;
    padding: 14px 0;
    width: 100%;
}

/*footer .col-md-4{*/
/*    padding: 0;*/
/*}*/
footer .row {
    align-items: center;
}

.footer-menu {
    text-align: left;
}

.footer-social-list {
    margin: 15px 0;
}

.copyright {
    text-align: right;
}

.arrow-right-icon {
    display: inline-block;
    background-size: 100%;
    background: url("../img/icons/right-arrow.svg") no-repeat center;
    width: 22px;
    height: 13px;
    margin-left: 10px;
}

.btn-link {
    color: #BD9C6B;
    font: 18px "Montserrat-Bold";
    font-weight: bold;
    width: auto;
    padding: 10px 0;
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
    border-bottom: 1px solid #BD9C6B;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.btn-link:hover {
    color: #BD9C6B;
    text-decoration: none;
}

.btn-link:hover .arrow-right-icon {
    background: url("../img/icons/right-arrow-2.svg") no-repeat center;
    width: 30px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.cancle-icon {
    display: inline-block;
    background-size: 100%;
    background: url("../img/icons/cancel.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.mobile-img {
    display: none;
    opacity: 0;
}

/******Modal*********/
/*.modal,*/
/*.modal-box {*/
/*    z-index: 900;*/
/*}*/
/*.modal-sandbox {*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background: transparent;*/
/*}*/

/*.modal {*/
/*    display: none;*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background: rgba(4, 2, 3, 0.5);*/
/*    overflow: auto;*/
/*}*/

/*.modal-box {*/
/*    position: relative;*/
/*    width: 80%;*/
/*    max-width: 1100px;*/
/*    margin: 100px auto;*/
/*    padding: 30px;*/
/*    background-color: #090607;*/
/*    animation-name: modalbox;*/
/*    animation-duration: .4s;*/
/*    animation-timing-function: cubic-bezier(0,0,.3,1.6);*/
/*    -webkit-box-shadow: 0px 20px 30px 0px #0000004D;*/
/*    box-shadow: 0px 20px 30px 0px #0000004D;*/
/*}*/
/*.modal-body p{*/
/*    margin-bottom: 15px;*/
/*}*/
/*.modal-body p:last-child{*/
/*    margin-bottom: 0;*/
/*}*/
/*.modal-box .text-lg{*/
/*    margin: 10px 0;*/
/*}*/

#chatModal .modal-content {
    background: #090607;
    -webkit-box-shadow: 0px 20px 30px 0px #0000004D;
    box-shadow: 0px 20px 30px 0px #0000004D;
    padding: 30px;
    border-radius: 0;
}

#chatModal .modal-title {
    text-align: center;
    width: 100%;
    color: #BD9C6B;
    font: 30px "Playfair-Display";
    margin-bottom: 30px;
}

.close-modal.close {
    opacity: 1;
    text-align: right;
}

#chatModal .modal-body {
    text-align: center;
    padding-top: 10px;
}

#chatModal .modal-body img {
    max-width: 230px;
    max-height: 230px;
    display: inline-block;
}

#chatModal .modal-open .modal {
    background: rgba(9, 6, 7, 0.50);
}

/* Animation */
/*@-webkit-keyframes modalbox {*/
/*    0% {*/
/*        top: -250px;*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        top: 0;*/
/*        opacity: 1;*/
/*    }*/
/*}*/
/*@keyframes modalbox {*/
/*    0% {*/
/*        top: -250px;*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        top: 0;*/
/*        opacity: 1;*/
/*    }*/
/*}*/

.hidden {
    display: none;
}

.text-danger {
    color: #D20707;
    font-size: 15px;
    margin: 10px 0;
}

.incorrect {
    border-color: #D20707;
}

.success {
    text-align: center;
    margin-top: 10px;
    color: #BD9C6B;
    padding: 0 15px;
    font-size: 20px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.video-box {
    max-width: 1040px;
    margin: auto;
    padding-top: 120px;
}

.video-box iframe {
    height: 570px;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.video-box {
    max-width: 1040px;
    margin: auto;
    padding-top: 120px;
}

/* Absolute Center Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */

.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    box-shadow: rgb(234 226 226 / 45%) 1.5em 0 0 0, rgb(234 226 226 / 45%) 1.1em 1.1em 0 0, rgb(234 226 226 / 45%) 0 1.5em 0 0, rgb(234 226 226 / 45%) -1.1em 1.1em 0 0, rgb(234 226 226 / 45%) -1.5em 0 0 0, rgb(234 226 226 / 45%) -1.1em -1.1em 0 0, rgb(234 226 226 / 45%) 0 -1.5em 0 0, rgb(234 226 226 / 45%) 1.1em -1.1em 0 0;
}

/* Animation */

.full-vidio-box {
    position: fixed;
    background-color: black;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
}

a.btn-group {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 20px;
    color: #fff;
    margin: 0 15px;
    cursor: pointer;
    z-index: 2;
}

.btn-group:hover {
    color: #ffffff;
}

.full-vidio-box iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 50px;
}

.age_entrance .text-danger {
    position: relative;
    top: -15px;
}

/*.fixed-header{*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    background: #090607;*/
/*    padding: 30px 0;*/
/*    z-index: 1;*/
/*}*/

.tab-container {
    padding-top: 110px;
    padding-bottom: 120px;
    background: #040203;
    color: #BD9C6B;
    width: 100%;
    overflow: hidden;
    min-height: 90vh;
    height: 100%;
}

/******************/
/* Style the tab */
.tab {
    float: left;
    width: 25%;
    height: auto;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: #BD9C6B;
    padding: 16px 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    font: 18px "Montserrat-Regular";
    border-bottom: 1px solid #393939;
}

.tab button:first-child {
    border-top: 1px solid #393939;
}

/* Create an active/current "tab button" class */
.tab button.active:before {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    width: 8px;
    height: 13px;
    background: url("../img/icons/arrow.svg") no-repeat;
    background-size: 100%;
    background-position: right center;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 0px 0 30px;
    width: 75%;
    height: auto;
}

/*************/
.tab-title {
    margin-bottom: 30px;
    font-family: "Playfair-Display";
    font-weight: normal;
}

.tabcontent h2, .tabcontent strong {
    font-family: "Playfair-Display";
    margin: 30px 0 20px;
    font-weight: normal;
    display: inline-block;
    font-size: 30px;
}

.tabcontent a, .tabcontent a:hover, .tabcontent a:focus {
    color: #BD9C6B;
    text-decoration: underline;
}

.tabcontent code {
    font-weight: bold;
}

.tabcontent ul {
    list-style-type: disc;
    padding-left: 20px;
}

.tabcontent ul li {
    margin: 10px 0;
}

.tabcontent ol {
    padding-left: 20px;
}

/*  scroll css section here*/
#button {
    display: inline-block;
    background-color: #0F0F0F;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 15px;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    -webkit-box-shadow: 0px 8px 12px 0px #00000059;
    box-shadow: 0px 8px 12px 0px #00000059;
}

#button::after {
    content: "";
    width: 24px;
    height: 15px;
    background: url("../img/icons/right-arrow.svg") no-repeat center;
    background-size: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    transform: rotate(-90deg);

}

#button:hover {
    cursor: pointer;
    background-color: #272727;
}

#button:active {
    background-color: #272727;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

.footer-list {
    color: #BD9C6B;
    font-size: 16px;
    margin-right: 30px;
    display: inline-flex;
    flex-wrap: nowrap;
}

.footer-list:hover {
    color: #BD9C6B;
}

.footer-list:last-child {
    margin-right: 0;
}

.user-info {
    width: 488px;
    margin: 40px auto 0;
}

.user-info .nice-select {
    background: transparent;
    border: none;
    color: #BD9C6B;
    border-bottom: 1px solid #BD9C6B;
    border-radius: 0;
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    height: 35px;
    font: 18px "Montserrat-Regular";
}

.user-info .nice-select .list {
    width: 100%;
    background: #090607;
    border-radius: 0;
    color: #fff;
    font: 16px "Montserrat-Regular";
    box-shadow: 0px 6px 10px 0 #00000029;
    max-height: 225px;
    overflow-y: auto;
    z-index: 55;
}

.user-info .nice-select:after {
    height: 10px;
    width: 10px;
    right: 5px;
    top: 10px;
    border-bottom: 1px solid #BD9C6B;
    border-right: 1px solid #BD9C6B;
}

.user-info .nice-select .option:hover,
.user-info .nice-select .option.focus,
.user-info.nice-select .option.selected.focus {
    background-color: #101010;
}

.user-age-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-age-info .number-text {
    font: 30px "Montserrat-Regular";
    max-width: 145px;
    margin: 0 10px 0;
    padding: 0 3px 12px;
    text-align: center;
}

.user-age-info .age_entrance:first-child .number-text {
    margin-left: 0 !important;
}

.user-age-info .age_entrance:last-child .number-text {
    margin-right: 0 !important;
}

.user-info .nice-select .list::-webkit-scrollbar {
    width: 4px;
}

.user-info .nice-select .list::-webkit-scrollbar-thumb {
    background: #BD9C6B;
    border-radius: 20px;
}

.user-info .nice-select .list::-webkit-scrollbar-track {
    background: #101010;
}

.user-info #ageConfirmation {
    margin-top: 50px;
}

.text-undeline {
    text-decoration: underline;
}

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #040203;
    border: 1px solid #BD9C6B;
}

.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 8px;
    top: 1px;
    width: 6px;
    height: 14px;
    border: solid #BD9C6B;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.container-checkbox .text-undeline,
.container-checkbox .text-undeline:hover {
    color: #BD9C6B;
    text-decoration: underline;
}

/*******************/

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.bottom-space {
    padding-bottom: 130px;
}

/*Menu style*/
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand-md .navbar-nav .nav-item {
    padding-right: 15px;
    padding-left: 15px;
}

.nav-link {
    font: 18px "Montserrat-Regular";
    color: #BD9C6B;
    border-bottom: 1px solid transparent;
    padding: 30px 0;
}

.nav-link.active, .nav-link:hover {
    color: #BD9C6B;
    border-bottom: 1px solid #BD9C6B;
}

.nav-item.dropdown .nav-link.active,
.nav-item.dropdown .nav-link:hover {
    border-bottom: transparent;
}

.dropdown-toggle::after {
    border: none;
    background: url("../img/icons/dropdown-arrow.svg") no-repeat center;
    vertical-align: middle;
    background-size: cover;
    width: 11px;
    height: 6px;
}

.body_light .dropdown-toggle::after {
    border: none;
    background: url("../img/icons/down-arrow-dark.svg") no-repeat center;
    vertical-align: middle;
    background-size: cover;
    width: 11px;
    height: 6px;
}

.body_aroma .dropdown-toggle::after {
    border: none;
    background: url("../img/icons/down-arrow-dark.svg") no-repeat center;
    vertical-align: middle;
    background-size: cover;
    width: 11px;
    height: 6px;
}

.dropdown-menu {
    left: 15px;
    top: 55px;
    right: 15px;
    min-width: 110px;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 18px;
    color: #BD9C6B;
    background-color: #090607;
    border: none;
    border-radius: 0;
    width: fit-content;
}

.dropdown-item {
    font-size: 18px;
    color: #BD9C6B;
    padding: 5px 10px;
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:hover, .dropdown-item:focus {
    color: #c1a36e;
    text-decoration: none;
    background-color: #090607;
}

.navbar {
    padding: 0 15px;
}

.fixed-top.black-menu {
    background: #090607;
}

/*********************/
.panel-group .panel {
    background: #040203;
}

.panel-title > a {
    background: #040203;
    color: #BD9C6B;
    padding: 15px 0;
    font: 18px "Montserrat-Regular";
    border-top: 1px solid #363636;
}

.panel-default:last-child {
    border-bottom: 1px solid #363636;
}

.panel-title > a:not(.collapsed) {
    font-family: "Montserrat-Bold";
}

.panel-body {
    padding-bottom: 15px;
}

.plus-minus-toggle {
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 24px;
    float: right;
    top: 10px;
}

.plus-minus-toggle:before,
.plus-minus-toggle:after {
    background: #BD9C6B;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
    transition: transform 500ms ease;
}

.plus-minus-toggle:after {
    transform-origin: center;
}

.collapsed .plus-minus-toggle:after {
    transform: rotate(90deg);
}

.collapsed .plus-minus-toggle:before {
    transform: rotate(180deg);
}

#blog .section {
    padding-top: 32px;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

#blog .section .title-lg {
    margin: 0 0 20px;
}

#loadBtn {
    margin-top: 40px;
}

#blog p {
    font-size: 16px;
    margin-bottom: 0;
}

#blog .container {
    max-width: 1300px;
}

.top-space {
    padding-top: 100px;
}

.share-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.share-icon, .share-icon:hover {
    color: #BD9C6B;
}

.share-icon img {
    margin-left: 12px;
}

.about-text {
    max-width: 750px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

.text-desc {
    font-size: 16px;
    margin-bottom: 0;
}

.video-btn {
    float: left;
    display: block;
    width: 275px;
}

.col-text .share-icon {
    display: block;
    margin: 30px 0;
}

.navbar-toggler {
    position: relative;
}

.navbar-toggler span {
    background: #DDAA63;
    height: 2px;
    width: 30px;
    display: block;
    margin: 6px 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform-origin: 5px 7px;
    background: #DDAA63;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform-origin: 8px -4px;
    background: #DDAA63;
}

#about .section:first-child h3 {
    font-family: "Playfair-Display";
    margin-bottom: 20px;
}

.panel-title p {
    margin-bottom: 0;
}

.video-box p {
    margin-bottom: 0;
    margin-top: 30px;
    text-align: center;
}

.button-latest-product {
    display: flex;
    justify-content: center;
}

.button-latest-product .button {
    width: 358px;
    height: 54px;
    border: none;
    color: #040203;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #BD9C6B;
}

.coctail-info .title-lg {
    margin-bottom: 15px;
}

.coctail-info a {
    color: #BD9C6B;
}

.btn-link:focus, .btn-link.focus {
    text-decoration: none;
}

.about-cocktail ul {
    margin-bottom: 0;
    list-style-type: disc;
    padding-left: 20px;
}

.about-cocktail h3 {
    margin-bottom: 30px;
    font-family: "Playfair-Display";
    font-weight: normal;
}

.learn_more.btn-link,
.see_less.btn-link {
    padding: 0;
    border-bottom: none;
    margin-top: 5px;
}

#blogId h2 {
    font-family: "Playfair-Display";
    font-weight: normal;
    margin-bottom: 16px;
}

.blog_content p:last-child {
    text-align: right;
}

.blog_content p {
    margin-bottom: 30px;
}

.blog_content a,
.blog_content a:hover {
    color: #BD9C6B;
    text-decoration: underline;
}

#home h1 {
    display: inline-block;
    max-width: 570px;
}

.view {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 15px;
    margin-left: 10px;
}

.view:before {
    content: "/";
    position: absolute;
    left: 0;
}

.chat-icon {
    position: fixed;
    right: 205px;
    bottom: 45px;
    display: inline-block;
    width: 75px;
    height: 75px;
    z-index: 2;
}

.footer-chat-icon img {
    width: 30px;
    height: auto;
    position: relative;
}

/* responsvie */

@media only screen and (max-width: 1400px) {
    h1 {
        font-size: 30px;
    }

    h2, .text-lg, .tab-container .tabcontent strong {
        font-size: 23px;
    }

    p {
        font-size: 16px;
    }

    .text-lg {
        margin: 15px 0;
    }

    .btn-link {
        margin-top: 10px;
    }

    .chat-icon {
        right: 25px;
    }
}

@media only screen and (max-width: 1200px) {
    .dropdown-item {
        text-align: center;
    }

    .dropdown-menu {
        width: 100%;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-link.active, .nav-link:hover {
        border-bottom: none;
        font-family: "Montserrat-Bold";
    }

    .nav-link {
        padding: 10px 0;
    }

    .navbar-collapse.collapse:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(4, 2, 3, 0.5);
    }

    .leng {
        margin: 20px 0 30px;
        text-align: center;
    }

    .navbar-nav {
        text-align: center;
    }

    .navbar-toggler {
        padding-right: 0;
    }

}

@media only screen and (max-width: 900px) {
    footer .flexCenter {
        display: block;
        text-align: center;
    }

    footer .social-list {
        color: #BD9C6B;
        margin: 20px 10px;
        display: inline-block;
    }

    footer {
        padding: 20px 0;
    }

    .footer-menu {
        text-align: center;
    }

    .footer-social-list {
        text-align: center;
    }

    .copyright {
        text-align: center;
    }

    footer .col-md-5,
    footer .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 26px;
    }

    h2, .text-lg, .tab-container .tabcontent strong {
        font-size: 20px;
    }

    .section {
        padding-top: 50px;
    }

    .logo {
        max-width: 165px;
    }

    .number-text {
        font-size: 50px;
        padding: 0 10px 10px;
        width: 140px;
    }

    .web-img {
        display: none;
        opacity: 0;
    }

    .mobile-img {
        display: block;
        opacity: 1;
        margin: auto;
    }

    .section {
        text-align: center;
    }

    .col {
        -ms-flex: auto;
        flex: auto;
        max-width: 100%;
    }

    .arrow-btn {
        display: none;
        opacity: 0;
    }

    .mobile-reverse {
        flex-direction: column-reverse;
    }

    .section-bg {
        background: none;
        padding-bottom: 0;
        margin-top: 0;
    }

    .form-box {
        padding: 50px 0;
    }

    input, textarea {
        padding: 15px;
        margin-bottom: 14px;
        font-size: 14px;
    }

    .form-box .btn {
        margin-top: 20px;
    }

    .modal-box {
        padding: 20px 10px;
        margin: 15px auto;
        text-align: center;
    }

    .modal-box .title-lg {
        margin: 10px 0;
    }

    .text-lg {
        margin: 0 0 15px;
    }

    .title-lg {
        margin-top: 0;
    }

    .signatureImg {
        margin-top: 5px;
        max-width: 225px;
    }

    .section .mobile-img {
        margin-top: 20px;
    }

    .logo-text {
        max-width: 115px;
    }

    .leng-list {
        font-size: 16px;
        margin: 0 10px;
    }

    .contacts {
        justify-content: center;
        font-size: 16px;
        margin: 7px 10px;
        width: 100%;
    }

    textarea {
        height: 95px;
        margin-bottom: 0;
    }

    .video-box {
        padding-top: 60px;

    }

    .video-box iframe {
        height: 450px;
    }

    .fixed-header {
        padding: 20px 0;
    }

    .tab-container {
        padding-top: 85px;
        padding-bottom: 30px;
    }

    .tab {
        width: 100%;
    }

    .tabcontent {
        padding: 20px 0;
        width: 100%;
    }

    .tab button {
        font-size: 16px;
    }

    .tab-title {
        margin-bottom: 20px;
    }

    .tabcontent h2 {
        margin: 20px 0 15px;
    }

    .tab button.active:before {
        transform: rotate(90deg);
    }

    .user-info {
        width: 100%;
        display: block;
        padding: 0 15px;
    }

    .user-age-info .number-text {
        font-size: 20px;
        margin: 0 7px 0;
        width: 90%;
    }

    .user-info #ageConfirmation {
        margin-top: 40px;
    }

    .user-info .nice-select {
        margin-bottom: 30px;
        height: 30px;
        font-size: 16px;
    }

    .user-info .nice-select .list {
        font-size: 14px;

    }

    .col-text {
        text-align: left;
    }

    .bottom-space {
        padding-bottom: 50px;
    }

    .top-space {
        padding-top: 35px;
    }

    .coctail-info {
        text-align: center;
        margin: 16px auto 32px;
    }

    .coctail-info .title-lg {
        margin-bottom: 10px;
    }

    .panel-default {
        text-align: left;
    }

    #partners .section:first-child {
        padding-top: 15px;
    }

    #about_us .btn-link, #about .btn-link {
        margin-top: 0;
        padding-top: 0;
    }

    .blog_content p:last-child {
        text-align: left;
        margin-bottom: 0;
    }

    .blog_content p {
        margin-bottom: 20px;
    }

    .footer-list {
        margin-right: 0;
        display: block;
        text-align: center;
    }

    #blogId .top-space, #blog .top-space {
        padding-top: 65px;
    }
}

@media only screen and (max-width: 480px) {
    .col, [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

    #about-top {
        padding: 20px 0;
        background-position: bottom center;
        min-height: 750px;
    }

    .input-group {
        margin-bottom: 14px;
        display: inline-block;
        width: 100%;
        min-height: auto;
    }

    .form-box .col, .col-12 {
        padding: 0;
    }

    .bottom-section {
        left: 0;
        right: 0;
        margin: auto;
    }

    .video-box iframe {
        height: 350px;
    }

    .video-box p {
        text-align: left;
        margin-top: 15px;
    }

    .footer-list {
        display: block;
        text-align: left;
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .footer-list:last-child {
        margin-bottom: 0;
    }

    .footer-social-list .social-list:first-child {
        margin-left: 0;
    }

    .copyright, .footer-social-list {
        text-align: left;
    }

    .coctail-info {
        text-align: left;
    }

    .contacts {
        justify-content: flex-start;
        margin: 7px 0;
    }

    .container-checkbox {
        font-size: 14px;
    }

    .form-box .btn {
        margin-left: 0;
    }

    .form-box .col,
    .form-box .col-12 {
        padding: 0;
    }

    #blog .col-text {
        margin-top: 15px;
    }

    #blog .section .title-lg {
        margin: 0 0 15px;
    }

    #blog p {
        margin-bottom: 0;
    }

    #blog #loadBtn {
        margin-top: 30px;
        margin-left: 0;
        padding: 13px 5px;
    }

    #blog .blogs .mobile-img,
    #cocktail .mobile-img {
        width: 100%;
    }

    #cocktailId .mobile-img {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-height: 800px) {
    #home h1 {
        font-size: 35px;
    }

    .logo {
        max-width: 165px;
    }

    .number-text {
        font-size: 50px;
        padding: 0 10px 10px;
        margin: 0 0 25px;
        width: 135px;
    }

    #home {
        padding: 40px 15px 30px;
    }

    .homeLogo {
        top: 75px;
    }

    #about-top .centr-img {
        top: 60%;
    }

}

@media only screen and (max-height: 650px) {
    #about-top {
        min-height: 650px;
    }

    #home {
        padding: 25px 15px 20px;
    }

    .homeLogo {
        /*top: 145px;*/
        top: 95px;
    }

    #about-top .centr-img {
        top: 55%;
    }
}

@media only screen and (max-height: 375px) {
    .logo {
        max-width: 115px;
    }

    #home h1 {
        font-size: 25px;
        margin: 10px 0;
    }

    #home p {
        font-size: 14px;
    }

    .number-text {
        font-size: 35px;
        padding: 0 10px 10px;
        width: 100px;
        margin-bottom: 15px;
    }

    #home .btn {
        font-size: 17px;
        width: 160px;
        padding: 10px;
    }
}

/* Modal */

.modal-image {
    display: flex;
    flex-wrap: wrap;
}

.modal-image .partner-block {
    margin-top: 34px;
    margin-right: 50px;
}

.modal-content-partner .modal-body img {
    max-width: 488px;
}

.modal-content-partner .cancle-icon {
    position: absolute;
    top: 26px;
    right: 24px;
}

.modal-paratner-modal .modal-dialog {
    max-width: 1268px !important;
}
.modal-paratner-modal .modal-title {
    font: 30px "Playfair-Display";
    margin-bottom: 30px;
}

.modal-paratner-modal .modal-body .description {
    font-size: 16px;
    width: 50%;
}

.modal-content-partner {
    position: relative;
    display: -ms-flexbox;
    display: flex !important;
    align-items: center;
    width: 100%;
    padding: 67px 114px;
    pointer-events: auto;
    background-color: #090607;
    background-clip: padding-box;
    border: 1px solid rgba(22, 28, 45, 0.1);
    border-radius: 0.3rem;
    outline: 0;
}

.social-list-modal {
    margin-right: 20px;
}

@media only screen and (max-width: 1090px) {
    .modal-content-partner {
        padding: 0;
    }
}

@media only screen and (max-width: 820px) {
    .modal-content-partner {
        display: flex;
        flex-direction: column;
        padding: 42px 0;
    }

    .modal-paratner-modal .modal-body .modal-image {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .modal-image .partner-block {
        width: 160px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 576px) {
    #partnerModal .cancle-icon {
        position: absolute;
        top: 13px;
        right: 24px;
    }

    .modal-icon {
        width: 20%;
    }

    .modal-image {
        justify-content: space-between;
    }

    .modal-image .partner-block {
        margin-right: 0;
    }
}


/* Footer mobile */

@media only screen and (max-width: 1100px) {
    .row {
        display: flex;
        flex-direction: column;
    }

    .footer-menu {
        text-align: left;
        max-width: 600px;
    }

    .footer-social-list {
        margin: 10px 0;
        max-width: 600px;
        text-align: center;
    }

    .copyright {
        text-align: center;
        max-width: 600px;
    }
}

@media only screen and (max-width: 768px) {
    .footer-menu {
        text-align: left;
        max-width: 100%;
    }

    .footer-list {
        text-align: left;
    }

    .footer-social-list {
        margin: 0;
        max-width: 100%;
        text-align: left;
    }

    .copyright {
        text-align: left;
        max-width: 100%;
    }

    footer .social-list {
        margin: 20px 20px 10px 0;
    }

    .footer-social-list {
        margin: 0;
    }
}