@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/* Import CSS */

@import url('others/owl.carousel.min.css');



* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

.text-red {
    color: #ef3652;
}

.text-green {}

.text-blue {
    color: rgba(14, 2, 35, 1.0);
}

#cookieAcceptBar.cookieAcceptBar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(14, 2, 35, 0.9);
    color: #fff;
    padding: 20px 0;
    z-index: 99999;
}

#cookieAcceptBar.cookieAcceptBar a {
    color: #ef3652;
    text-decoration: underline;
}

#cookieAcceptBar button {
    cursor: pointer;
    border: none;
    background-color: #ef3652;
    color: #fff;
    text-transform: uppercase;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

#preloader {
    display: none;
    overflow: hidden;
    background-color: rgba(52, 26, 121, 0.95);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#auth-modal-toggle {
    display: none;
}

.load {
    width: 60px;
    height: 60px;
    background-color: transparent;
    position: relative;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.95);
    z-index: 9;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    left: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-animation: 4000ms linear 0s normal none infinite running chefload;
    animation: 4000ms linear 0s normal none infinite running chefload;
}

@-webkit-keyframes chefload {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes chefload {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body {
    font-family: 'Open Sans', sans-serif;
    min-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #2a2a2a;
    line-height: 1.3;
}

p {
    color: #848484;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.section-padding-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.section-padding-150-0 {
    padding-top: 150px;
    padding-bottom: 0;
}

.section-padding-0-150 {
    padding-top: 0;
    padding-bottom: 150px;
}

.section-padding-100-50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.section-padding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-padding-100-0 {
    padding-top: 100px;
    padding-bottom: 0;
}

.section-padding-0-100 {
    padding-top: 0;
    padding-bottom: 100px;
}

img {
    max-width: 100%;
    height: auto;
}

.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-150 {
    margin-top: 150px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-100 {
    margin-left: 100px;
}

.mb-xs-3 {
    margin-bottom: 1rem;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    outline: none;
    font-weight: 600;
}

li {
    list-style: none;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: white !important;
}

.height-500 {
    height: 500px !important;
}

.height-600 {
    height: 600px !important;
}

.height-700 {
    height: 700px !important;
}

.height-800 {
    height: 800px !important;
}

.table {
    display: table;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}

.section-heading span {
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto 15px;
    display: block;
}

.section-heading h4 {
    font-weight: 800;
    line-height: 1;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.section-heading p {
    line-height: 1;
    color: #fff;
    margin-bottom: 0;
}

.section-heading.dark span {
    background-color: #ef3652;
}

.section-heading.dark h4 {
    color: #2a2a2a;
}

.section-heading.dark p {
    color: #848484;
}

#scrollUp {
    display: none !important;
    bottom: 90px;
    font-size: 18px;
    right: 0;
    width: 40px;
    background-color: #341a79;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
}

.bg-img {
    background-position: center center !important;
    background-size: cover !important;
}

.bg-overlay,
.bg-overlay-9 {
    position: relative;
    z-index: 1;
    background-color: rgb(14, 2, 36, 1)
}


.vac-add-icon {
    display: none !important;
}

.login_socnet {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: no-wrap;
    justify-content: space-around;
    background-color: white;
}

.login_socnet a {
    text-align: center;
    width: 100%;
    font-size: 24px;
    text-decoration: none;
    transition: 0.2s;
}

.login_socnet a:hover {
    transform: scale(1.1);
    filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.05));
}

.login_socnet .fa-google {
    color: #4285F4;
}

.login_socnet .fa-facebook {
    color: #3b5998;
}

.login_socnet .fa-linkedin {
    color: #2867B2;
}


@media (max-width: 992px) {

    .bg-overlay,
    .owl-slide {
        margin-top: 100px;
    }
}

.bg-overlay:after,
.bg-overlay-9:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(14, 2, 35, 0.5);
    z-index: -1;
}

.bg-overlay-9:after {
    background-color: rgba(14, 2, 35, 1);
}

.bg-gray {
    background-color: #f9f9f9;
}

.bg-default {
    background-color: rgba(14, 2, 35, 1.0);
}

#book-a-table-widget .owl-stage-outer {
    background-color: rgba(14, 2, 35, 1.0);
}

.btn {
    min-width: 180px;
    height: 52px;
    background-color: #ef3652;
    border-radius: 0;
    padding: 0 15px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

button:hover,
button:focus,
.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #ef3652;
    font-weight: 600;
    cursor: pointer !important;
}

/* Search Area CSS */

.search-form {
    width: 100%;
    position: fixed;
    z-index: 99999;
    height: 120px;
    background-color: #341a79;
    top: -200px;
    left: 0;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    overflow-x: hidden;
}

.search-form-on .search-form {
    top: 0;
}

.sticky .search-form {
    height: 80px;
}

.search-form form {
    position: relative;
    z-index: 1;
}

.search-form form input {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: transparent;
    height: 50px;
    color: #fff;
    padding: 0 20px;
    font-size: 14px;
}

#closeBtn {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 9;
    background-color: transparent;
    margin-top: -15px;
    top: 50%;
    border-radius: 50%;
    right: 30px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

#closeBtn:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#closeBtn>i {
    line-height: 30px;
    font-size: 28px;
}

/* Header & Menu Area CSS */
.header_area {
    position: fixed;
    width: 100%;
    z-index: 9999;
    height: 120px;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0 30px;
}

.sticky .header_area {
    background-color: rgba(14, 2, 35, 0.9);
    height: 80px;
    border-bottom: 1px solid transparent;
}

.navbar-brand {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    max-width: 250px;
    margin-right: 30px;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: #fff;
    font-weight: 700;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;
    font-size: 15px;
}

.landing-position-link {
    color: #d0d3d7;
    font-size: 15px;
    padding-left: 2px;
    padding-right: 2px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link,
.landing-position-link:hover,
.landing-position-link.active {
    color: #ef3652;
}

.landing-position-link i {
    font-size: 10px;
    line-height: 15px;
    padding-right: 2px;
}

.search-btn>a,
.signin-btn>a {
    color: #fff;
    display: inline-block;
    margin-right: 40px;
    font-size: 15px;
}

.search-btn>a i {
    padding-right: 10px;
}

.dropdown-menu {
    border: none;
}

.dropdown-item {
    font-weight: 600;
    font-size: 14px;
}

.dropdown-item:hover {
    background-color: #ef3652;
    color: #fff;
}

.dropdown-toggle:after {
    border: none;
}

/* Welcome Area CSS */

.welcome-area {
    width: 100%;
    height: 945px;
    position: relative;
    z-index: 1;
}

.hero-content h2 {
    color: #fff;
    font-size: 50px;
}

.hero-content h4 {
    color: #fff;
    margin-bottom: 0;
    padding-left: 5px;
}

.hero-search-form {
    margin-top: 90px;
    position: relative;
    z-index: 1;
}

.hero-search-form .nav-tabs,
.menu-offers .nav-tabs {
    border-bottom: none;
}

.hero-search-form .nav-tabs .nav-link,
.menu-offers .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(239, 54, 82, 0.5);
    text-transform: uppercase;
    min-width: 100px;
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    text-align: center;
}

.menu-offers .menu-offers .nav-tabs .nav-link {
    background-color: #ef3652;
}

.menu-offers .nav-item-header {
    background-color: #30c0a3 !important;
}

.menu-offers .nav-item-header:hover {
    color: white !important;
}



@media (max-width: 768px) {
    .menu-offers .nav-tabs .nav-link {
        width: 100%;
    }
}


.hero-search-form .nav-tabs .nav-link.active,
.menu-offers .nav-tabs .nav-link.active {
    color: #fff;
    background-color: rgba(239, 54, 82, 0.8);
    border-color: transparent;
}

.menu-offers .nav-tabs .nav-link {
    background-color: #ef3652;
}

.menu-offers .nav-tabs .nav-link.active {
    background-color: #af2338;
}

.hero-search-form .tab-content .tab-pane,
.menu-offers .tab-content .tab-pane {
    padding: 35px;
    background-color: rgba(14, 2, 36, .9);
}


.hero-search-form .tab-content .tab-pane h6,
.menu-offers .tab-content .tab-pane h6 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
}

.hero-search-form .tab-content .tab-pane p {
    color: #fff;
    font-size: 14px;
}

.hero-search-form .tab-content .tab-pane form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hero-search-form .tab-content .tab-pane form .custom-select,
.autocomplete-address {
    height: 52px;
    border-radius: 0;
    padding: 0 24px 0 24px;
    color: #72728c;
    font-size: 12px;
    font-weight: 600;
    border: none;
    margin-right: 10px;
}

.flatpickr-input {
    padding-right: 0px;
}

.autocomplete-address {
    padding: 0 20px;
    width: 200px;
}

.autocomplete-address:disabled {
    /* disabled styling goes here */
    color: #72728c;
    background-color: white !important;
}


.flatpickr-day.selected {
    background-color: #ef3652 !important;
}

.flatpickr-day.flatpickr-disabled {
    background-color: rgba(221, 131, 145, 0.5) !important;
    color: rgba(0, 0, 0, .95) !important;
}

.flatpickr-day.nextMonthDay {}

.flatpickr-day {
    /* background-color: rgba(48, 192, 163, .5) !important;
    margin-bottom: 5px;
    color: white !important; */
}


.hero-social-btn {
    position: absolute;
    width: auto;
    height: auto;
    bottom: 90px;
    left: 60px;
    z-index: 9;
}

.hero-social-btn .social-title {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -145px;
}

.hero-social-btn .social-title h6 {
    margin-bottom: 0;
    color: #fff;
    line-height: 1;
    margin-right: 30px;
}

.hero-social-btn .social-title span {
    background-color: #fff;
    width: 80px;
    height: 1px;
    display: block;
}

.hero-social-btn .social-btns {
    margin-top: 170px;
}

.hero-social-btn .social-btns>a {
    font-size: 15px;
    color: #fff;
    display: block;
    margin-top: 30px;
}

/* category Area CSS */

.category-area {
    position: relative;
    z-index: 9;
}

.single-category-area {
    background-color: #ef3652;
    text-align: center;
    padding: 60px 15px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.category-step {
    background-color: #0e0224 !important;
    height: 100%;
}

.category-step i {
    color: #30c0a3 !important;
    font-size: 30px !important;
}

.category-number {
    position: absolute;
    top: 10px;
    left: 30px;
    color: white;
    font-size: 30px;
}

.single-category-area:hover {
    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.3);
}

.category-step:hover {
    box-shadow: 5px 20px 30px rgba(239, 54, 82, 0.3);
}

.all-categories {
    position: relative;
    top: -50%;
    z-index: 15;
}

.single-category-area .category-content i {
    margin-bottom: 15px;
    color: white;
    font-size: 40px;
}

.single-category-area .category-content h6,
.single-category-area,
.category-content h3 {
    margin-bottom: 0;
    color: #fff;
}

.home-recommended-chefs {
    background: linear-gradient(#1f0252, #0e0223)
}

.home-reviews {
    background: linear-gradient(#1f0252, #0e0223)
}

/* About Us Area CSS */

.about-content h2 {
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.about-content span {
    color: #ef3652;
}

.about-content p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 0;
}

/* Editor's Pick Area CSS */

.editors-pick-area {
    position: relative;
    z-index: 1;
}

.editors-pick-info .places-total-destinations>a,
.editors-pick-info .add-more>a {
    height: 70px;
    display: inline-block;
    line-height: 70px;
    background-color: #ef3652;
    padding: 0 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
}

.editors-pick-info .places-total-destinations>a:last-child {
    text-transform: capitalize;
    font-weight: 400;
    background-color: #2a2a2a;
}

.editors-pick-info .add-more>a {
    background-color: #30c0a3;
    padding: 0 30px;
    font-size: 24px;
}

.single-editors-pick-area {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.editors-pick-info {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 9;
}

/* Features Area CSS */

.features-destinations-area,
.features-restaurant-area {
    padding: 100px 35px;
    position: relative;
    z-index: 1;
}

.single-features-area {
    position: relative;
    z-index: 1;
    background-color: #f4f6f8;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

@media (max-width: 800px) {
    .single-features-col {
        margin-bottom: 12px;
    }
}


.single-features-area .lottie-container {
    max-width: 100%;
    width: auto;
    height: 280px;
    display: block;
    margin: auto !important;
    padding: 5px;
}

.single-features-area .price-start p,
.single-features-area .price-end p,
.single-features-area .rating p,
.chef_avatar_div div {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ef36529e;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    margin-bottom: 0;
    padding: 0 15px;
    font-weight: 600;
    color: #fff;
    z-index: 9;
}

.result-right-bottom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 50px;
}

.result-right-bottom .price-text {
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #C0BCBB;
}

.result-right-bottom .result-button {
    background-color: #ef3652;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    margin-bottom: 0;
    padding: 0 15px;
    font-weight: 600;
    color: #fff;
    z-index: 9;
}

.single-features-area .price-end p {
    right: 10px;
    left: auto !important;
}

.search-result-image .owl-dots {
    display: flex;
    height: 50px;
    align-self: center;
    flex-direction: row;
    top: -70px;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.search-result-image .icon-center {
    color: #30c0a39e !important;
}

.search-result-image .owl-dots {
    width: 100%;
    top: -70px;
}

.search-result-image .owl-dots .owl-dot {
    margin: 0px 5px;
    background: #30c0a39e !important;
    width: 16px;
    height: 16px;
    border-radius: 8px;
}




.single-features-area .rating p {
    background-color: #30c0a3;
    right: 10px;
    left: auto !important;
}

.chef_avatar_div {
    position: relative;
}

.single-features-area .chef_avatar_div div {
    top: auto !important;
    background-color: orange;
    box-shadow: #2a2a2a;
    width: 80px;
    height: 80px;
    bottom: 10px;
    left: 20px;
}


.feature-content {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
}

.capitalize {
    text-transform: capitalize !important;
}

.feature-content .feature-title h5 {
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 6px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.feature-content .feature-title p {
    text-align: left;
    font-size: 16px;
    margin-bottom: 6px;
    color: black;
    font-weight: 500;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-features-area:hover {
    background-color: #ef3652;
    box-shadow: 3px 15px 30px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.single-features-area:hover .feature-content .feature-title h5,
.single-features-area:hover .feature-content .feature-title p,
.single-features-area:hover .feature-favourite>a {
    color: #fff;
}

.ratings-map-area>a {
    padding: 0 30px;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    height: 70px;
    line-height: 70px;
    background-color: #ef3652;
}

.ratings-map-area>a:last-child {
    background-color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.ratings-map-area {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9;
}

.single-features-area:hover .ratings-map-area>a:last-child {
    background-color: #30c0a3;
}

/* offerte / request */
.heading-or {
    font-size: 14px;
    margin: 0 15px;
    color: white;
}


@media (max-width: 767px) {
    #heading-request {
        flex-direction: column;
    }

    #heading-request b {
        margin: 15px 0px !important;
    }

    #heading-request a {
        width: 80%;
    }
}


/* Feature Events Area CSS */

.single-feature-events-area,
.single-experience-area {
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin-bottom: 50px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-experience-area {
    box-shadow: 0 8px 30px -7px #c9dff0;
}

.experience-home-rating {
    background-color: rgba(14, 2, 35, .9);
    ;
    position: absolute;
    top: 0px;
    right: 0px;
}

.experience-home-rating i {
    color: #ef3652;
    font-size: 20px;
}

.experiences-thumb {
    width: 100%;
    height: 250px;
    display: block;
    /* Centering on image`s center*/
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.experience-thumb-home-container {
    width: 100%;
    height: 100px;
}

.experience-thumb-home {
    width: 100%;
    height: 100px;
    /* Centering on image`s center*/
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.single-feature-events-area .feature-events-thumb {
    position: relative;
    z-index: 1;
}

.date-map-area {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    background-color: #30c0a3;
}

.experience-date-area {
    padding: 0px 10px !important;
}

.experience-date-text {
    color: white;
    line-height: 50px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.date-map-area>i:last-child {
    background-color: #30c0a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.feature-events-thumb {
    width: 250px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
}


.feature-events-thumb-container-home {
    width: 170px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px
}

.feature-events-thumb-img {
    background-position: center;
    background-size: cover;
    width: 170px;
    height: 170px;
}

.experience-thumb-container {
    height: 100px !important;
}

@media (max-width: 768px) {
    .experience-thumb-container {
        height: 80px !important;
    }
}

.experiences-slide-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.feature-events-content {
    position: relative;
    z-index: 2;
}

.experience-content {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.experience-thumb-img {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
}


.feature-events-details-btn>a {
    width: auto;
    padding: 0px 10px;
    height: 50px;
    background-color: #2a2a2a;
    display: block;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99
}

.experience-button {
    background-color: #ef3652 !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
}



.feature-events-content h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 5px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.feature-events-content h6 {
    font-size: 14px;
    font-weight: 400;
    color: #bfb1de;
    margin-bottom: 15px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.chef-experience-link a, .blog-post-link {
    color: #ef3652
}

.feature-events-content p {
    font-size: 14px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    margin-bottom: 0;
}

.single-feature-events-area:hover {
    background-color: #ef3652;
}

.chef-experience-link a:hover, .blog-post-link:hover {
    color: #c62e44;
    text-decoration: underline;
}


.single-feature-events-area:hover .feature-events-content h5,
.single-feature-events-area:hover .feature-events-content p {
    color: #fff;
}

/* Footer Area CSS */

.footer-area {
    padding: 0px;
    padding-top: 25px;
    border-top: 1px solid #bec0cc;
}

.footer-text p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.footer-menu {
    padding-left: 48px
}

.footer-big {
    padding: 10px 0px;
}

.footer-line {
    border-top: 4px black solid;
    width: 30px;
    display: block;
    margin-bottom: 14px;
}



.footer-menu ul li a {
    font-size: 15px;
    line-height: 32px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #ef3652;
}

.footer-menu ul li a:hover {
    color: #b41b32
}

.footer-menu--1 {
    width: 100%
}

.footer-widget-title {
    line-height: 42px;
    margin-bottom: 2px;
    font-size: 18px
}

.mini-footer {
    color: white;
    background: #ef3652;
    text-align: center;
    margin-top: 25px;
    padding: 32px 0
}

.mini-footer p {
    margin: 0;
    line-height: 26px;
    font-size: 15px;
    color: white;
}

.mini-footer p a {
    color: white;
}

.mini-footer p a:hover {
    color: #bec0cc;
}

.widget-about img {
    display: block;
    margin-bottom: 25px
}

.widget-about p {
    font-weight: 400;
}

.widget-about .contact-details {
    margin: 15px 0 0 0;
}

.widget-about .contact-details li {
    color: black;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
}

.contact-social-media-list {
    list-style-type: none;
}

.contact-social-media {
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    margin: 0px 8px;
    float: left;
}

.contact-social-media a,
.chef-social-media-list a {
    display: block;
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
}

.contact-social-media.social a {
    width: 40px;
}

@media (max-width: 767px) {
    .contact-social-media.social {
        float: left;
        margin-bottom: 8px;
    }

    .contact-social-media {
        float: none;
        margin: 0 4px;
        margin-bottom: 8px;
    }

    .footer-logo-text {
        margin-top: 50px !important;
    }
}


.chef-social-media-list a {
    margin-right: 20px !important;
}

.contact-social-media a i,
.chef-social-media-list a i {
    line-height: 40px;
    font-size: 20px;
    color: white;
}

.chef-social-media-list a i {
    width: 40px;
}

.widget-about .contact-details li:last-child {
    margin-bottom: 0
}

.widget-about .contact-details li span {
    padding-right: 12px
}

.widget-about .contact-details li a {
    display: inline-block;
    font-size: 15px;
    color: #ef3652;
}

.footer-img {
    width: 200px;
    margin-bottom: 20px;
}


.copyright-text p {
    color: white !important;
}

/* breadcrumb Area CSS */

.breadcrumb-area {
    height: 120px;
    position: relative;
    z-index: 1;
    background: rgba(14, 2, 35, 1);
    background-size: 100% 100%;
}


/* TESTIMONIALS */
.gtco-testimonials {
    position: relative;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .gtco-testimonials {
        margin-top: 20px;
    }
}

.gtco-testimonials .owl-stage-outer {
    padding: 30px 0;
}

.gtco-testimonials .owl-nav {
    display: none;
}

.gtco-testimonials .owl-dots {
    text-align: center;
    display: flex;
    justify-content: center;
}

.gtco-testimonials .owl-dots span {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #ef3652;
    margin: 0 5px;
}

.gtco-testimonials .owl-dots .active {
    box-shadow: none;
}

.gtco-testimonials .owl-dots .active span {
    background: #ef3652;
    box-shadow: none;
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
}

.gtco-testimonials .card {
    background: #f7f9fb;
    box-shadow: 0 8px 30px -7px #828282;
    margin: 0 20px;
    padding: 0 10px;
    border-radius: 20px;
    border: 0;
}

.gtco-testimonials .card .card-img-top {
    max-width: 180px;
    border-radius: 50%;
    margin: 15px auto 0;
    box-shadow: 0 8px 20px -4px #bfb1de;
    width: 180px;
    height: auto !important;
    position: relative;
    top: -30px;
}

.gtco-testimonials .card a {
    color: #ef3652;
    font-size: 18px;
    line-height: 1.3;
}

.gtco-testimonials .card h6 {
    font-size: 16px;
    color: #666666;
}

.gtco-testimonials .card p {
    font-size: 18px;
    color: #555;
    padding-bottom: 15px;
}

.gtco-testimonials .active {
    opacity: 0.5;
    transition: all 0.3s;
}

.gtco-testimonials .center {
    opacity: 1;
}

.gtco-testimonials .center h5 {
    font-size: 24px;
}

.gtco-testimonials .center h5 span {
    font-size: 20px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: 0;
}




/* Contact Area CSS */

.contact-form-area {
    position: relative;
    z-index: 1;
    padding: 30px 40px 30px 50px;
}


.contact-text h4 {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 50px;
}

.contact-text p {
    font-size: 14px;
    line-height: 2;
    margin: 0;
}

.contact-right {
    min-width: 500px;
}

.single-contact-info {
    margin: 70px 0;
}

.single-contact-info:first-child {
    margin-right: 65px;
}

.single-contact-info h6 {
    font-size: 14px;
}

.single-contact-info h6>i {
    color: #c2b6d9;
    margin-right: 30px;
}

.contact-form {
    padding: 30px 30px;
    background-color: #f3edff;
}

.contact-form-title h6 {
    font-size: 18px;
    margin-bottom: 30px;
}

.contact-form .form-control {
    height: 50px;
    font-size: 12px;
    color: #72728c;
    font-weight: 600;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
}

.contact-form textarea.form-control {
    height: 150px;
}

.contact-pic {
    height: 300px;
    width: 300px;
}

/* Explore Area CSS */

.explore-search-area,
.explore-map-area {
    height: 1100px;
}

#exploreGoogleMap {
    width: 100%;
    height: 100%;
}

/*
.explore-search-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    width: 25%;
}


.explore-search-result {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
}
*/

.explore-search-form {
    background-color: #ef3652;
    padding: 50px 40px;
}

.explore-search-form h6 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 35px;
}

.explore-search-form .nav-tabs {
    border-bottom: none;
    margin-bottom: 65px;
}

.explore-search-form .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(144, 103, 238, 0.65);
    text-transform: uppercase;
    min-width: 100px;
    height: 44px;
    line-height: 44px;

    text-align: center;
}

.explore-search-form .nav-tabs .nav-link.active {
    color: #fff;
    background-color: rgba(67, 25, 161, 0.65);
    border-color: transparent;
}

.explore-search-form .tab-content .tab-pane h6 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}

.explore-search-form .tab-content .tab-pane form .custom-select {
    height: 52px;
    border-radius: 0;
    padding: 0 80px 0 40px;
    color: #72728c;
    font-size: 12px;
    font-weight: 600;
    border: none;
    width: 100%;
    margin-bottom: 30px;
}

.explore-search-form .custom-control-description {
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
}

.explore-search-result {
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

.explore-search-result .single-features-area {
    margin: 30px 0px;
    box-sizing: border-box;
}

/* Single Listing Area CSS */
.breadcrumb-content {
    position: relative;
    z-index: 1;
    width: 100%;
}

.map-ratings-review-area {
    z-index: 999;
}

.map-ratings-review-area>a {
    width: 50%;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 15px;
    background-color: #ef3652;
    text-align: center;
}

.map-ratings-review-area>a:last-child {
    background-color: #ef3652;
}


.listing-title {
    margin-bottom: 0px;
}

.listing-title h4 {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 10px;
}

.listing-title h6 {
    margin-bottom: 0;
}

.single-listing-nav {
    border-bottom: 2px solid #ebebeb;
}

.single-listing-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-listing-nav li a {
    padding: 30px 10px;
    font-size: 14px;
    display: block;
    color: #2a2a2a;
    position: relative;
    z-index: 1;
}

.single-listing-nav li.active a,
.single-listing-nav li a:hover {
    color: #ef3652;
}

.single-listing-nav li.active a:after {
    background-color: #ef3652;
    content: '';
    bottom: -2px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
}


.book-a-table-widget {
    padding: 30px 20px;
    background-color: rgba(14, 2, 36, 0.9);
}

.book-a-table-widget h6 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.book-a-table-widget .custom-select {
    width: 100%;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    height: 50px;
    font-size: 14px;
    color: #72728c;
    padding: 0 30px;
}

.book-a-table-widget-costs {
    background-color: white;
}


[data-tooltip]:before {
    z-index: 1000;
    /* needed - do not touch */
    content: attr(data-tooltip);
    position: absolute;
    left: 4px;
    right: 4px;
    opacity: 0;

    /* customizable */
    transition: all 0.15s ease;
    padding: 10px;
    box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.1);
    color: white;
}

[data-tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;

    /* customizable */
    background-color: rgb(14, 2, 36, 1);
    margin: 0px auto 100px auto;
}

[data-tooltip]:not([data-tooltip-persistent]):before {
    pointer-events: none;
}

.prev-book-table,
.prev-book-table:active,
.prev-book-table:focus {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation-delay: 2s !important;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation-delay: 2s !important;
    animation: fill .4s ease-in-out .4s forwards, scale .4s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

.tool-price i {
    margin-left: 5px;
    margin-bottom: 8px;
    border-radius: 15px;
    color: #ef3652
}


.overview-content p {
    line-height: 2;
    margin-bottom: 50px;
}

.overview-content .custom-control-description {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}

.listing-menu-area h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.single-listing-menu {
    flex: 1;
    flex-direction: row;
    background-color: #f3edff;
    padding: 20px 40px;
    margin-bottom: 5px;
}

.single-listing-menu p {
    margin-bottom: 0;
}

.single-listing-menu:nth-child(odd) {
    background-color: #fbf9ff;
}

.listing-reviews-area h4 {
    margin-bottom: 60px;
    text-transform: uppercase;
    font-weight: 700;
}

.reviewer-meta>img {
    width: 73px !important;
    height: 73px !important;
    border-radius: 50%;
    margin-right: 20px;
}

.review-title-ratings h5 {
    font-style: italic;
    font-size: 18px;
    margin-bottom: 30px;
}



#experience-slider .owl-nav {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}

#experience-slider .card {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

#experience-slider .card:hover {
    background-color: #ef3652;
    color: white !important;
}

#experience-slider .card:hover h5,
#experience-slider .card:hover p {
    color: #fff;
}

#experience-slider .owl-next,
#experience-slider .owl-prev {
    background-color: #ef3652;
    width: 40px;
    height: 40px;
    margin: 0px 10px;
    align-items: center;
    text-align: center;
    color: white;
    transition: all .2s ease-in-out;
}

#experience-slider .owl-next:hover,
#experience-slider .owl-prev:hover {
    transform: scale(1.1);
}


#experience-slider .owl-next span,
#experience-slider .owl-prev span {
    line-height: 40px;
    font-size: 16px;
}


#experience-slider.owl-carousel .owl-stage {
    display: flex;
}



.single-review-area {
    margin-bottom: 50px;
}

.main-carousel.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

.main-carousel.owl-prev {
    width: 50px;
    position: absolute;
    left: 20px;
    display: block !important;
    border: 0px solid black;
}

.main-carousel .owl-next {
    width: 50px;
    position: absolute;
    right: 20px;
    display: block !important;
    border: 0px solid black;
}

/* IF RESPONSIVE FULL SCREEN
.owl-carousel .owl-video-tn {
    background-size: cover;
    padding-bottom: 56.25%;
    padding-top: 25px;
}

.owl-video-frame {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
*/

.owl-video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0%;
    top: 0%;
    bottom: 0%;
    top: 0%;
    margin-left: -40px;
    margin-top: -40px;
    background: transparent;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/* END OWL */


.menu-tag-container,
.chef-tag-container {
    display: inline-block;
}

.chef-tag-container h6 {
    margin: 15px 0px;
}

.chef-tag-container h6:first-child {
    margin-top: 0px;
}

.chef-tag-container .tag span {
    font-size: 14px;
    font-weight: bold;
}

.chef-social-media-list {
    width: 100%;
    display: flex;
    padding: 5px 0 px;
    ;
}

.chef-thumb {
    width: 160px;
    height: 160px;
    background-color: rgba(14, 2, 36, 0.9);
    background-position: center;
    background-size: cover;
}

.menu-tag-container {
    margin-bottom: 30px;
}

.menu-tag-container .tag {
    background-color: #30c0a3;
    padding: 10px 20px;
    align-items: center;
    margin-right: 10px;
    text-align: center;
}

.menu-tag-container .tag span {
    margin: auto;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    line-height: 20px;
}

.menu-tag-container .tag i,
.chef-tag-container .tag i {
    margin-right: 5px;
}


.reviewer-content p {
    margin: 0;
    line-height: 2
}

.reviewer-name {
    padding-left: 93px;
    margin-top: 30px;
}

.reviewer-name p {
    margin-bottom: 0;
    font-size: 12px;
}

.location-on-map h4 {
    margin-bottom: 60px;
    text-transform: uppercase;
    font-weight: 700;
}

#locationMap {
    width: 100%;
    height: 380px;
}


/* bookings TODO: responsive */
.booking-list-item,
.order-list-item {
    padding-right: 0px !important;
}

.listing-icon {
    position: relative;
    left: 0;
    margin-right: 20px;
    width: 60px;
    height: 60px;
}

.listing-icon .chef-image {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #ef3652;
}

.listing-icon i,
.listing-icon-no-bg i {
    position: absolute;
    bottom: 0px;
    right: -5px;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: silver;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}

.listing-icon-no-bg i {
    background-color: white;
    font-size: 30px;
    color: red;
}

.listing-links {
    position: relative;
    right: 0;
    margin-left: 20px;
    height: 60px;
    top: -20px;
}

.listing-links i {
    margin-left: 10px;
}

.listing-links .link-1,
.listing-links .link-2 {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 120px;
    background-color: #30c0a3;
    color: white;
    text-align: center;
}

.listing-links .link-2 {
    background-color: #ef3652;
}

/*** CHATT ***/
.text-chat {
    color: rgb(200, 200, 200);
}

.input-group-text {
    height: 52px;
    display: block;
    color: white;
    background-color: #30c0a3 !important;
    padding: 0 10px;
    text-align: center;
    width: 45px;
    border-radius: 0px !important;
}

.input-whatsapp-text {
    background-color: #25D366;
}

.input-group-text i {
    line-height: 52px;
    font-size: 20px;
}

.qtyButton {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #ef3652;
    color: white;
    text-align: center;
    border: none;
    transition: all .2s ease-in-out;
}

.qtyButton:hover {
    transform: scale(1.1);
}

.qtyButton:active,
.qtyButton:focus {
    border: none;
    outline-width: 0;
}

.qtyButton i {
    pointer-events: none;
}



/* PAYMENTS */
.StripeElement {
    display: inline-block;
    height: 50px;
    line-height: 50px;

    padding: 10px 25px;
    max-width: 300px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.ideal-label {
    color: white !important;
    margin: 20px;
}

.form-group .btn {
    margin: 30px 0px;
    width: 300px;
}

.card-errors {
    text-align: center;
    color: white;
}

/* news items */
.postcard {
    flex-wrap: wrap;
    display: flex;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
    border-radius: 10px;
    margin: 0 0 2rem 0;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.postcard.dark {
    background-color: #18151f;
}

.postcard.light {
    background-color: #e1e5ea;
}

.postcard .t-dark {
    color: #18151f;
}

.postcard a {
    color: inherit;
}

.postcard h1,
.postcard .h1 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.postcard .small {
    font-size: 80%;
}

.postcard .postcard__title {
    font-size: 1.75rem;
}

.postcard .postcard__img {
    max-height: 180px;
    width: 100%;
    object-fit: cover;
    position: relative;
}

.postcard .postcard__img_link {
    display: contents;
}

.postcard .postcard__bar {
    width: 50px;
    height: 10px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
}

.postcard .postcard__text {
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
}

.postcard .postcard__preview-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    height: 100%;
}

.postcard .postcard__tagbox {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0;
    justify-content: center;
}

.postcard .postcard__tagbox .tag__item {
    display: inline-block;
    background: rgba(137, 137, 137, 0.4);
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
}

.postcard .postcard__tagbox .tag__item:hover {
    background: rgba(137, 137, 137, 0.8);
}

.postcard:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-70deg, #424242, transparent 50%);
    opacity: 1;
    border-radius: 10px;
}

.postcard:hover .postcard__bar {
    width: 100px;
}

@media screen and (min-width: 769px) {
    .postcard {
        flex-wrap: inherit;
    }

    .postcard .postcard__title {
        font-size: 2rem;
    }

    .postcard .postcard__tagbox {
        justify-content: start;
    }

    .postcard .postcard__img {
        max-width: 300px;
        max-height: 100%;
        transition: transform 0.3s ease;
    }

    .postcard .postcard__text {
        padding: 3rem;
        width: 100%;
    }

    .postcard .media.postcard__text:before {
        content: "";
        position: absolute;
        display: block;
        background: #18151f;
        top: -20%;
        height: 130%;
        width: 55px;
    }

    .postcard:hover .postcard__img {
        transform: scale(1.1);
    }

    .postcard:nth-child(2n+1) {
        flex-direction: row;
    }

    .postcard:nth-child(2n+0) {
        flex-direction: row-reverse;
    }

    .postcard:nth-child(2n+1) .postcard__text::before {
        left: -12px !important;
        transform: rotate(4deg);
    }

    .postcard:nth-child(2n+0) .postcard__text::before {
        right: -12px !important;
        transform: rotate(-4deg);
    }
}

@media screen and (min-width: 1024px) {
    .postcard__text {
        padding: 2rem 3.5rem;
    }

    .postcard__text:before {
        content: "";
        position: absolute;
        display: block;
        top: -20%;
        height: 130%;
        width: 55px;
    }

    .postcard.light .postcard__text:before {
        background: #e1e5ea;
    }
}

/* newsitem COLORS */
.postcard .postcard__tagbox .blue.play:hover {
    background: #ef3652;
}

.postcard-blue .postcard__title:hover {
    color: rgba(14, 2, 35, 1);
}

.postcard-blue .postcard__bar {
    background-color: rgba(14, 2, 35, 1);
}

.postcard-blue::before {
    background-image: linear-gradient(-30deg, rgba(14, 2, 35, 0.1), transparent 50%);
}

.postcard-blue:nth-child(2n)::before {
    background-image: linear-gradient(30deg, rgba(14, 2, 35, 0.1), transparent 50%);
}

.postcard .postcard__tagbox .red.play:hover {
    background: #ef3652;
}

.postcard-red .postcard__title:hover {
    color: #ef3652;
}

.postcard-red .postcard__bar {
    background-color: #ef3652;
}

.postcard-red::before {
    background-image: linear-gradient(-30deg, rgba(239, 54, 82, 0.1), transparent 50%);
}

.postcard-red:nth-child(2n)::before {
    background-image: linear-gradient(30deg, rgba(239, 54, 82, 0.1), transparent 50%);
}

@media screen and (min-width: 769px) {
    .postcard-blue::before {
        background-image: linear-gradient(-80deg, rgba(14, 2, 35, 0.1), transparent 50%);
    }

    .postcard-blue:nth-child(2n)::before {
        background-image: linear-gradient(80deg, rgba(14, 2, 35, 0.1), transparent 50%);
    }

    .postcard-red::before {
        background-image: linear-gradient(-80deg, rgba(239, 54, 82, 0.1), transparent 50%);
    }

    .postcard-red:nth-child(2n)::before {
        background-image: linear-gradient(80deg, rgba(239, 54, 82, 0.1), transparent 50%);
    }
}