.hotels--item ul li p{
    font-size: 12px;
    display: flex;
    align-items: flex-start;
}
.hotels--item ul li p i{
    margin-right: 10px;
    color: #FFD100;
}
.hotels--item ul li{
    margin-bottom: 16px;
}
.hotels--item h5{
    margin-bottom: 15px;
}
.search_city input{
    border: none;
    background: #393946;
    height: 43px;
}
.search_city i{
    color: #FFD100;
}
.search_city{
    margin-bottom: 46px;
}

.hotels_name{
    background: #F8F8F8;
    border-radius: 10px;
    max-width: 85%;
    margin: 10px auto 11px !important;
    padding: 20px 10px;
    color: #199CBD !important;
}
.hotels_desc{
    padding: 10px 30px;
}
.hotels_desc p{
    color: #282931;
    margin-bottom: 15px !important;
    display: flex;
}
.hotels_desc p i{
    margin-right: 10px;
    color: #199CBD ;
}

.hotels_desc p a{
    color: #282931;
}

#hotels_pagination a {
    font-size: 16px;
    color: #fff;
    margin: 0 20px;
}

#hotels_pagination a.active{
    color: #FFD100 !important;
}

#hotels_pagination a.pg_controls{
    background: #ffd100;
    padding: 5px;
    height: 25px;
    width: 25px;
    display: inline-block;
    color: #000;
    border-radius: 50%;
    margin: 0;  
    line-height: 1;
}

body.mode-light #hotels_pagination a {
    color: #000;
    font-weight: 700;
}

/* ---hero-section2--- */
.hero-section2 {}

.hero-2-slider {
    width: 100%;
}

.hero-2-slide {
    padding: 0 0 130px;
    min-height: 500px;
    width: 100%;
    background: linear-gradient(#434343, #0F0F0F);
    color: #fff;
}

.hero-2-slide .container {}

.hero-2-slide-inner {
    display: flex;
    align-items: flex-start;
}

.hero-2-slide .slide-content {
    padding: 170px 0 0;
    width: 55%;
    margin: 0 5% 0 0;
    flex-shrink: 0;
}

.hero-2-slide .slide-content .h2 {
    margin: 0 0 30px;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
}

.hero-2-slide .slide-content p {
    font-size: 13px;
    margin: 0 0 30px;
}

.hero-2-slide .slide-content .button {
    color: #FFF;
    font-size: 15px;
    background-color: #000000;
    font-weight: bold;
    display: inline-block;
    padding: 1px 14px;
}

.hero-2-slide .slide-img {
    position: relative;
    width: 47%;
    flex-shrink: 0;
}

.hero-2-slide .slide-img .image {
    margin: 60px 0 0;
    max-width: 100%;
}

.hero-2-slide .slide-img .shape1 {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(55%, -34%);
    width: 32%;
}

.hero-2-slider .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}


.slider-dots2 .owl-dots {
    display: flex;
    justify-content: center;
}

.slider-dots2 .owl-dot {
    width: 10px;
    height: 10px;
    display: block;
    background: #fff !important;
    border-radius: 50%;
    margin: 0px 15px 0 0;
    transition: 0.3s;
    z-index: 30;
}

.slider-dots2 .owl-dot:last-child {
    margin-right: 0;
}

.slider-dots2 .owl-dot:hover,
.slider-dots2 .owl-dot.active {
    background: #FFD100 !important;
}

/* ---hero-section2---end */



/* ---section__02option--- */
.section__02option {
    padding: 23px 0 15px;
    background: #3E3E3E;
    color: #fff;
}

.section__02option-inner {}

.section__02option-inner .title {
    padding: 0 0 30px;
}

.section__02option-inner .title h2 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.section__02option-wrap {
    display: flex;
}

.section__02option-single {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.section__02option-single .icon {
    width: 40px;
    height: 40px;
    margin: 0 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section__02option-single .icon img {
    transform: scale(0.7);
}

.section__02option-single p {
    font-size: 17px;
    font-weight: 700;
}

/* ---section__02option---end */



/* ---section__rt4--- */
.section__rt4 {
    background: #000;
    color: #fff;
}

.section__rt4-inner {
    width: calc((100% + calc((100vw - 100%) / 2)) - 7px);
    margin-right: calc(((100vw - 100%) / -2) + 7px);
    display: flex;
    align-items: center;
}

.section__rt4-content {
    width: 600px;
    flex-shrink: 0;
}

.section__rt4-content h2 {
    margin: 0 0 45px;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
}

.section__rt4-content p {
    max-width: 340px;
    font-size: 14px;
}

.section__rt4-img-content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}

.section__rt4-img-content-single {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.section__rt4-img-content-single .full-image {
    width: 100%;
    transition: 00.3s;
}

.section__rt4-img-content-single:hover .full-image {
    filter: blur(4px);
}

.section__rt4-img-content-single .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.404);
    opacity: 0;
    transition: 0.3s;
}

.section__rt4-img-content-single:hover .content {
    opacity: 1;
}

.section__rt4-img-content-single .content .icon {
    height: 80px;
    width: 80px;
    margin: 0 0 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section__rt4-img-content-single .content .icon img {}

.section__rt4-img-content-single .content .title {
    margin: 0 0 10px;
    position: relative;
}

.section__rt4-img-content-single .content .title::after {
    content: '';
    height: 1px;
    width: 195px;
    background: #FFD100;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.section__rt4-img-content-single .content .title h3 {
    font-weight: 700;
    font-size: 25px;
}

.section__rt4-img-content-single .content .text {}

.section__rt4-img-content-single .content .text p {
    font-size: 13px;
}

/* ---section__rt4---end */



/* ---brand__04-section--- */
.brand-section__04 {
    padding: 70px 0 40px;
    background: #3E3E3E;
    color: #fff;
}

.brand-section__04-inner {}

.brand-section__04-inner .title {
    padding: 0 0 35px;
}

.brand-section__04-inner .title h2 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.brand-section__04-brand-wrap {
    display: flex;
    flex-wrap: wrap;
}

.brand-section__04-single-brand {
    width: 25%;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.brand-section__04-single-brand .img {
    width: 120px;
    margin: 0 0 15px;
}

.brand-section__04-single-brand .img img {
    width: 100%;
}

.brand-section__04-single-brand h3 {
    font-size: 15px;
    font-weight: 700;
}

/* ---brand__04-section---end */



/* ---form-contact-section--- */
.form-contact-section {
    padding: 80px 0 100px;
    background: #000;
    color: #fff;
}

.form-contact-section .container {
    padding: 0 5%;
}

.form-contact-section-inner {}

.form-contact-section-inner .title-section {
    padding: 0 0 60px;
}

.form-contact-section-inner .title-section h2 {
    font-size: 25px;
    text-align: center;
    font-weight: 700;
}

.form-contact-section-inner .title-section h2 span {
    color: #FFD100;
}

.form-contact-form {}

/* ---form-contact-section---end */


/* ---form-style__4--- */
.form-style__4 {}

.form-style__4 .single-input {
    width: 100%;
    margin: 0 0 40px;
}

.form-style__4 .input-outer {
    width: 100%;
}

.form-style__4 .input {
    height: 50px;
    width: 100%;
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #DBDBDB;
    color: #fff;
    resize: none;
}

.form-style__4 .input option {
    color: #000;
}

.form-style__4 .input.big {
    height: 120px;
}

.form-style__4 .input:focus {
    outline: none;
    border-bottom-color: #FFD100;
}

.form-style__4 .input::placeholder {
    opacity: 1;
}

.form-style__4 label {}

.form-style__4 .check-label {
    display: flex;
    align-items: center;
}

.form-style__4 .check-label .checkbox {
    margin: 0 10px 0 0;
}

.form-style__4 .submit-button {
    height: 40px;
    width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    background: #FFD100;
    font-size: 16px;
    font-weight: 900;
}

.checkbox-model {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    font-size: 14px;
    flex-shrink: 0;
    position: relative;
}

.checkbox-model::before {
    content: '';
    height: 100%;
    width: 100%;
    border: 1px solid #BFBFBF;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    border-radius: inherit;
}

.checkbox-model::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: #f7be23;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40%;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: inherit;
    border-radius: inherit;
    opacity: 0;
    transition: 0.3s;
}

.checkbox-model:checked::after {
    opacity: 1;
}

/* ---form-style__4---end */



/* ---hero-title-section__04--- */
.hero-title-section__04 {
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    z-index: 1;
}

.hero-title-section__04::after {
    content: '';
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.473), transparent);
    z-index: -1;
}

.hero-title-section__04-inner {
    min-height: 600px;
}

.hero-title-section__04 .overlay-title {
    padding: 8px 25px 8px 70px;
    background: linear-gradient(to left, #000, transparent);
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.hero-title-section__04 .overlay-title h2 {
    font-size: 20px;
    margin: 0;
}

.hero-title-section__04 .overlay-title h2 .fw-700 {
    font-weight: 700;
}

/* ---hero-title-section__04----end */



/* ---section__t4--- */
.section__t4 {
    padding: 80px 0;
    background: #3E3E3E;
    color: #fff;
}

.section__t4 .container {
    padding: 0 5%;
}

.section__t4-inner {}

.section__t4-inner .title {
    text-align: center;
}

.section__t4-inner .title h2 {
    color: #FFD100;
    font-size: 28.3px;
    margin: 0 0 22px;
    font-weight: 700;
}

.section__t4-inner .title p {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

.section__t4-content-wrap {
    margin: 60px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.section__t4-content-single {
    padding: 60px 10px;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: #302E2E;
}

.section__t4-content-single:nth-child(2) {
    background: #272424;
}

.section__t4-content-single:nth-child(3) {
    background: #231E1E;
}

.section__t4-content-single:nth-child(4) {
    background: #000000;
}

.section__t4-content-single .icon {
    height: 42px;
    width: 42px;
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.section__t4-content-single .icon img {
    transform: scale(0.7);
}

.section__t4-content-single p {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    min-height: 35px;
}

.section__t4-content-single h3 {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}

/* ---section__t4---end */



/* ---content-list-section--- */
.content-list-section {
    padding: 60px 0;
    background: #000;
    color: #fff;
    position: relative;
    z-index: 1;
}

.content-list-section-shape1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 800px;
}

.content-list-section-shape2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 650px;
}

.content-list-section-overlay {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: linear-gradient(to right, #000, rgba(0, 0, 0, 0.192));
    z-index: -1;
}

.content-list-section-inner {}

.content-list-section-row {
    padding: 23px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-list-section-row .image-part {
    margin: 0 6% 0 6%;
    flex-grow: 1;
}

.content-list-section-row .image-part img {
    width: 100%;
}

.content-list-section-row .content-part {
    width: 65%;
    flex-shrink: 0;
    max-width: 100%;
    flex-shrink: 0;
}

.content-list-section-row .content-part ul {}

.content-list-section-row .content-part ul li,
.content-list-section-row .content-part p {
    font-size: 18px;
    margin: 0 0 16px;
    font-weight: 400;
    line-height: 1.3;
    flex-wrap: wrap;
}

.content-list-section-row .content-part ul li::before {
    content: '';
    ---size: 8px;
    margin: -2px 8px 2px 0px;
    height: var(---size);
    width: var(---size);
    background: #FFD100;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.content-list-section-row .content-part ul li ul {
    width: 100%;
    padding: 0 0 0 20px;
}

.content-list-section-row .content-part ul li ul li {
    margin: 0;
}

.content-list-section-row .content-part ul li ul li::before {
    display: none;
}

.content-list-section-row .content-part ul li ul li ul {
    width: 100%;
    padding: 0 0 0 25px;
}

.content-list-section-row .content-part .button {
    height: 40px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    background: #FFD100;
    color: #3E3E3E;
    font-size: 16px;
    font-weight: 900;
}

.content-list-table {
    margin: 35px 0 0;
    width: 100%;

}

.content-list-table .table-outer {
    overflow-y: hidden;
    overflow-x: auto;
}

.content-list-table table {
    width: 100%;
    min-width: 690px;
}

.content-list-table table td {
    padding: 12px 9px;
    font-weight: 500;
    font-size: 12px;
    background: #484747;
    text-align: center;
}

.content-list-table table tbody tr:nth-child(even) td {
    background: #1E1E1E;
}

.content-list-table table td:first-child {
    color: #FFD100;
    font-weight: 600;
    text-align: left;
    padding-left: 25px;
    width: 205;
}

.content-list-table table thead td {
    font-weight: 400;
    background: #3E3E3E;
}

.content-list-table p {
    margin: 20px 0 0;
    font-size: 14px;
}

/* ---content-list-section---end */



/* ---linear-message-section--- */
.linear-message-section {
    padding: 30px 0;
    background: #FFD100;
}

.linear-message-section-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.linear-message-section-inner p {
    margin: 0;
    font-size: 20px;
}

.linear-message-section-inner h3 {
    padding: 0 0 0 15px;
    flex-shrink: 0;
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    margin: 0;
    display: flex;
    align-items: center;
}

.linear-message-section-inner h3 img {
    width: 25px;
}

/* ---linear-message-section---end */



/* ---table-section__04--- */
.table-section__04 {
    padding: 140px 0 80px;
    background: #000;
    color: #fff;
}

.table-section__04-inner {}

.table-section__04 .title {
    margin: 0 0 40px;
    text-align: center;
}

.table-section__04 .title h2 {
    color: #FFD100;
    font-size: 30px;
    margin: 0 0 22px;
    font-weight: 700;
}

.table-section__04 .title p {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    font-weight: 500;
}

.table-section__04 .select-outer {
    margin: 30px 0 0;
}

.table-section__04 .select-outer h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 500;
}

.select-style__04 {
    position: relative;
    display: inline-block;
    position: relative;
}

.select-style__04::after {
    content: '\f078';
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #fff;
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: 14px;
    transform: translate(0, -50%);
}

.select-style__04 .select {
    font-size: 16px;
    font-weight: 700;
    background: transparent;
    border: 1px solid #fff;
    padding: 8px 8px;
    color: #fff;
    min-width: 225px;
    appearance: none;
}

.select-style__04 option {
    color: #000;
}

.table-section__04-table {
    width: 100%;
}

.table-section__04-table table {
    width: 100%;
    table-layout: fixed;
}

.table-section__04-table table td {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
}

.table-section__04-table table td .td-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 35px;
    padding: 2px 10px;
}

.table-section__04-table table thead td {
    font-size: 30px;
    font-weight: 700;
    color: #FFD100;
    text-align: center;
}

.table-section__04-table table thead td .td-inner {
    padding: 0 0 10px;
    margin: 0 0 10px;
    width: 100%;
    display: block;
    position: relative;
}

.table-section__04-table table thead td .td-inner::after {
    content: '';
    height: 1px;
    width: 70%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: #fff;
}

/* ---table-section__04---end */





.row-not-pair {
    background: #1a1919;
    color: #ebebeb;

}

.row-pair {
    background: #121111;
    color: #ebebeb;
}

/* light mode style */
.custom-bg-light .header-inner a,
.custom-bg-light h1,
.custom-bg-light h2,
.custom-bg-light h3,
.custom-bg-light p {
    color: #3E3E3E !important;
}

.custom-bg-light .press-content h2 {
    color: #ffd100 !important;
}

.custom-bg-darkergray p,
.custom-bg-darkergray h2,
.custom-bg-darkergray h3,
.custom-bg-darkergray h4,
.custom-bg-darkergray h5 {
    color: #3E3E3E !important;
}



.custom-bg-light #press_per_year li,
.custom-bg-light .list_press a,
.custom-bg-light .article-paragraph li {
    color: #3E3E3E !important;
}

.custom-bg-darkgray p,
.custom-bg-darkgray h2,
.custom-bg-darkgray h3 {
    color: #3E3E3E !important;
}

.custom-bg-light .select-style__04 .select {
    border: #3E3E3E !important;
    background-color: #DBDBDB !important;
    color: #3E3E3E !important;
}


.custom-bg-light .row-not-pair {
    background: #CBCBCB;
    color: #3E3E3E;
}

.custom-bg-light .row-pair {
    background: #C0C0C0;
    color: #3E3E3E;
}

.custom-bg-light #place_search {
    background: none !important;
}

.custom-bg-light #table-section__04 p {
    color: #000 !important;
}

.custom-bg-light .shop-name {
    color: #302E2E !important;
    font-weight: bold !important;
}

.custom-bg-light #region {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    appearance: none;
    background: url('/img/chevron-down-dark.svg') 96% / 5% no-repeat;
}



/* end light mode style */

/* storeloc */



#region {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    appearance: none;
    background: url('/img/chevron-down.png') 96% / 5% no-repeat;
}

#selected-region,
.shop-name {
    color: #ffd100 !important;
}

#selected-region {
    font-weight: bold !important;
}



.gm-style .gm-style-iw-c {
    width: 320px !important;
}

.info-w-shopname {
    font-size: 1rem !important;
}

.info-w-shopname,
.info-w-adress,
.info-w-phone,
.info-w-timing {
    color: #006935 !important;

}

.info-w-adress,
.info-w-phone,
.info-w-timing {
    font-size: 0.8rem !important;
}

.info-w-adress {
    font-weight: light !important;
}



/* SHOP */
.map-container {
    background: #333333;
    height: 750px;
}

#place_search {
    border-radius: 0 !important;
    background: #000 !important;
    font-weight: bold !important;
}

#place_search:focus,
#region:focus {
    border-color: rgb(255, 209, 0);
    /* box-shadow: 0px 1px 1px rgb(255, 209, 0) inset, 0px 0px 8px rgb(255, 209, 0); */
}

.geoloc-modal-icon-container {
    background: #f5f5f5;
    border-radius: 50%;
    width: 120px;
    height: 120px;
}

.geoloc-modal-icon {
    font-size: 5rem;
}

.geoloc-close {
    background: #FFD100 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    opacity: 1 !important;
}