.date-picker-wrapper,
body {
    font-family: 'Open Sans', sans-serif;
}

.grecaptcha-badge {
    visibility: collapse !important;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid,
body {
    color: #565656
}

.dropdown-menu,
.filters-column .filter-box .form-check:first-child {
    margin-top: 1rem
}

:focus {
    outline: 0
}

body {
    background: #F8F9FC;
}

a {
    color: #632791
}

a:hover {
    color: #9244ce;
    text-decoration: none
}

.form-control {
    border-radius: 5px
}

.is-ivalid {
    border: 1px solid #FF2A5E !important
}

header.navbar {
    padding: 1rem;
    background: #fff
}

header a.nav-link {
    color: #212533;
    margin-left: 5px;
    font-size: 15px;
    position: relative
}

header a.nav-link b {
    font-weight: normal
}

header a.nav-link i {
    font-style: normal
}

header a.nav-link svg {
    width: 22px;
    margin-right: 5px;
    fill: #021EA9
}

header a.nav-link .notify {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #FF2A5E;
    position: absolute;
    bottom: 9px;
    left: 28px;
    animation: pulse-black 2s infinite;
    transform: scale(1);
}

@keyframes pulse-black {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 42, 94, .7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 42, 94, 0)
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 42, 94, 0)
    }
}

header a.nav-link:first-child svg {
    margin-left: 5px
}
header .navbar-brand #logo {
    width: 150px
}

header .btn-bd-download {
    color: #0C6;
    background: transparent;
    border-color: #0C6;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-weight: 600;
    font-size: .95rem;
}

body:not(.mobile) header .btn-bd-download:hover,
header .btn-bd-download:active,
header .btn-bd-download:focus {
    background: #0C6;
    border-color: #0C6;
    color: #fff
}

.dropdown-menu {
    border: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -webkit-transition: height .2s, opacity .2s;
    -moz-transition: height .2s, opacity .2s;
    -o-transition: height .2s, opacity .2s;
    transition: height .2s, opacity .2s;
    height: 0;
    opacity: 0;
    overflow: hidden;
    min-width: 14rem;
    padding-top: 0;
    padding-bottom: 0
}

.dropdown-toggle::after {
    border: 0;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: 0
}

.dropup .dropdown-toggle::after {
    border: 0;
    content: "\f077"
}

.dropdown-menu.show {
    opacity: 1;
    height: auto
}

.dropdown-menu .dropdown-item {
    padding: .8rem 1rem;
    color: #212533;
    font-size: 15px;
    border-bottom: 1px solid #EBEEFF
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom: 0
}

body:not(.mobile) .dropdown-menu .dropdown-item:hover {
    background: #EBEEFF
}

.dropdown-menu .dropdown-item i {
    margin-right: 5px;
    color: #021EA9
}

.bootstrap-select .dropdown-item.active,
.btn.dropdown-toggle:not(:disabled):not(.disabled):active,
body:not(.mobile) .btn.dropdown-toggle:hover {
    background-color: #9244CE;
    color: #fff !important;
    border-color: #9244CE
}

body:not(.mobile) .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: #f6effb;
    color: #9244CE !important
}

.btn.dropdown-toggle,
.btn.dropdown-toggle:focus {
    color: #9244CE !important;
    background: #f6effb;
    border-color: #f6effb;
    box-shadow: none
}

.show>.btn-light.dropdown-toggle {
    background: #fff;
    border-color: #9244CE;
    color: #9244CE
}

.bootstrap-select .btn-primary+.dropdown-menu .dropdown-item.active,
.btn.btn-primary.dropdown-toggle:not(:disabled):not(.disabled):active,
body:not(.mobile) .btn.btn-primary.dropdown-toggle:hover {
    background-color: #021EA9;
    color: #fff !important;
    border-color: #021EA9
}

body:not(.mobile) .bootstrap-select .btn-primary+.dropdown-menu .dropdown-item:hover {
    background: #ebeeff;
    color: #021EA9 !important
}

.btn.dropdown-toggle.btn-primary,
.btn.dropdown-toggle.btn-primary:focus {
    color: #021EA9 !important;
    background: #EBEEFF;
    border-color: #EBEEFF
}

.show>.btn-light.dropdown-toggle.btn-primary {
    background: #fff;
    border-color: #021EA9;
    color: #021EA9
}

#logo .st0,
#logo .st1 {
    fill: #ffcf38
}

#logo .st2 {
    fill: #FF2A5E
}

#logo .st3 {
    fill: #9244CE
}

#logo .st4 {
    fill: #021EA9
}

.btn {
    background: #EBEEFF;
    border-color: #EBEEFF;
    border-radius: 30px;
    color: #021EA9;
    padding: .7rem 1.5rem;
    font-weight: 700
}

.btn.btn-small {
    padding: .375rem 1.3rem;
    font-size: .9rem
}

body:not(.mobile) .btn:hover {
    background: #021EA9;
    border-color: #021EA9;
    color: #fff
}

body:not(.mobile) .btn.btn-decrement:hover {
    background: #ffebf0;
    border-color: #ffebf0;
    color: #ff2a5e
}

body:not(.mobile) .btn.btn-increment:hover {
    background: #ebfff5;
    border-color: #ebfff5;
    color: #0C6
}

.alert a:hover {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.alert-danger {
    border-color: #ff2a5e;
    background-color: #ff2a5e;
    color: #fff;
}

.alert.alert-warning {
    background: #fff9e8;
    border-color: #fff9e8;
    color: #fba221
}

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

.btn-success {
    background: #0C6;
    border-color: #0C6;
    color: #fff !important
}

body:not(.mobile) .btn-success:not([disabled]):active,
body:not(.mobile) .btn-success:not([disabled]):focus,
body:not(.mobile) .btn-success:not([disabled]):hover {
    background: #008F47;
    border-color: #008F47;
    color: #fff!important
}

body:not(.mobile) .btn-success:disabled:active,
body:not(.mobile) .btn-success:disabled:focus,
body:not(.mobile) .btn-success:disabled:hover {
    background: #28a745;
    border-color: #28a745;
    color: #fff!important
}

.btn-danger {
    background: #ff2a5e;
    border-color: #ff2a5e;
    color: #fff
}

body:not(.mobile) .btn-danger:active,
body:not(.mobile) .btn-danger:focus,
body:not(.mobile) .btn-danger:hover {
    background: #c03;
    border-color: #c03;
    color: #fff
}

.btn-primary {
    background: #9244ce;
    border-color: #9244ce;
    color: #fff !important
}

.btn-outline-primary {
    background: #fff;
    border-color: #9244ce;
    color: #9244ce !important
}

body:not(.mobile) .btn-primary:active,
body:not(.mobile) .btn-primary:focus,
body:not(.mobile) .btn-primary:hover {
    background: #632791;
    border-color: #632791;
    color: #fff !important
}

body:not(.mobile) .btn-outline-primary:active,
body:not(.mobile) .btn-outline-primary:focus,
body:not(.mobile) .btn-outline-primary:hover {
    background: #9244ce;
    border-color: #9244ce;
    color: #fff !important
}

.btn-secondary {
    background: #ffcf38;
    border-color: #ffcf38;
    color: #212533 !important
}

body:not(.mobile) .btn-secondary:active,
body:not(.mobile) .btn-secondary:focus,
body:not(.mobile) .btn-secondary:hover {
    background: #ffae39;
    border-color: #ffae39
}

.container-fluid {
    padding: 0 6rem
}

h1.title {
    color: #212533;
    font-size: 35px;
    font-weight: 100
}

h1.title+h2.title {
    color: rgba(0, 0, 0, .5);
    font-size: 20px;
    font-weight: 100
}

#searchBox .title,
h2.title {
    color: #212533;
    font-size: 35px;
    font-weight: 100
}

h1.title strong,
h2.title span,
h2.title strong {
    font-weight: 800
}

h2.title span {
    display: block
}

#searchBox {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 16vh 0;
    background: rgba(146, 68, 207, 1)
}

#searchBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(146, 68, 207, .85);
    z-index: 1;
    transform: translate3d(0, 0, 0)
}

#searchBox h2 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 40px;
    font-weight: 700
}

#searchBox form {
    position: relative;
    z-index: 2
}

#searchBox #autocomplete {
    display: flex;
}

#searchBox #autocomplete div,
#searchBox input {
    float: left;
    border: 0;
    background: #fff;
    color: #9244ce;
    width: 100%;
    font-size: 18px;
    padding: 22px 135px 22px 65px;
    border-radius: 0;
    text-align: left;
}

#searchBox #autocomplete div nobr {
    overflow: hidden;
    width: 100%;
    display: block
}

#searchBox input#searchDate {
    border-radius: 60px;
    border-right: 1px solid #f0e1fc;
    padding-right: 50px
}

#searchBox #autocomplete div,
#searchBox #autocomplete input {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px
}

#searchBox #autocomplete input.searching {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 0
}

#searchBox #clearCalendar {
    position: absolute;
    right: 15px;
    top: 18px;
    color: #632791;
    font-size: 22px;
    cursor: pointer;
    display: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

body:not(.mobile) #searchBox #clearCalendar:hover {
    color: #9244ce
}

#searchBox #searchButton {
    background: #0C6;
    height: 60px;
    border-radius: 40px;
    border: 0;
    font-size: 20px;
    position: absolute;
    padding: 0 20px;
    text-align: center;
    right: 4px;
    top: 5px;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#themesCarousel .owl-item a,
.date-picker-wrapper {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

body:not(.mobile) #searchBox #searchButton:hover {
    transform: scale(1.2)
}

#searchBox div i.label-icon {
    position: absolute;
    font-size: 28px;
    left: 25px;
    top: 19px;
    color: #FFAE39;

}

#searchBox .video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0
}

#searchBox .element1,
.place-header .element1 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 550px
}

#searchBox .element2,
.place-header .element2 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 130px
}

#searchBox .element3,
.place-header .element3 {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    right: 50px;
    width: 120px
}

#searchBox .element4,
.place-header .element4 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 220px
}

#searchBox .element5,
.place-header .element5 {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 0;
    width: 110px
}

#searchBox .element6,
.place-header .element6 {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    right: 50px;
    width: 120px
}

.date-picker-wrapper {
    width: 280px;
    padding: 30px 40px !important;
    border: none;
    margin-top: 10px;
    z-index: 3
}

.date-picker-wrapper .month-wrapper {
    padding: 0;
    border: 0;
    margin-top: 10px;
    text-align: center
}

.date-picker-wrapper table.month1 {
    font-size: 15px;
    width: 280px;
    float: none !important;
    margin-left: auto;
    margin-right: auto
}

.date-picker-wrapper .month-wrapper table .day {
    font-size: 15px;
    width: 100%;
    line-height: 30px;
    border-radius: 50%;
    -webkit-transition: background-color .2s, color .2s;
    -moz-transition: background-color .2s, color .2s;
    -o-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s
}

.date-picker-wrapper .month-wrapper table td {
    width: 40px;
    height: 40px
}

.date-picker-wrapper tr.week-name th {
    padding: 10px 0
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #fff9e8;
    font-weight: 700;
    color: #fba221 !important
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #0C6 !important;
    color: #fff !important;
    border-radius: 0
}

.date-picker-wrapper .month-wrapper table .day.checked.first-date-selected,
.date-picker-wrapper .month-wrapper table .day.checked.last-date-selected {
    background-color: #0C6 !important;
    color: #fff !important
}

.date-picker-wrapper .month-wrapper table .day.checked.first-date-selected {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.inlineCalendar .date-picker-wrapper .month-wrapper table .day {
    border-radius: 20px
}

.date-picker-wrapper .month-wrapper table .day.checked.last-date-selected {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

header .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #ebfff5 !important;
    color: #008f47;
    border-radius: 0
}

.date-picker-wrapper .month-name .month-element {
    font-size: 20px;
    font-weight: 900;
    color: #212533
}

.date-picker-wrapper .month-name .month-element:nth-child(2) {
    font-weight: 100
}

.date-picker-wrapper .month-wrapper table .week-name th {
    font-weight: 600 !important;
    color: #632791
}

.date-picker-wrapper .month-wrapper table .week-name th:last-child,
.date-picker-wrapper .month-wrapper table .week-name th:nth-last-child(2) {
    color: #9244ce
}

body:not(.mobile) .date-picker-wrapper .month-wrapper table .day:not(.invalid):hover {
    background-color: #EBEEFF;
    color: #021EA9 !important
}

body:not(.mobile) .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected:hover,
body:not(.mobile) .date-picker-wrapper .month-wrapper table .day.checked.last-date-selected:hover,
body:not(.mobile) .date-picker-wrapper .month-wrapper table .day.checked:hover,
body:not(.mobile) .date-picker-wrapper .month-wrapper table .day.toMonth.hovering:hover {
    background-color: #ebfff5 !important;
    color: #008f47 !important
}

.date-picker-wrapper .shortcuts {
    padding-top: 15px;
    text-align: center;
    border-top: 1px solid #f0e1fc
}

.date-picker-wrapper .shortcuts b {
    display: none
}

.date-picker-wrapper .shortcuts .custom-shortcut a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #0C6;
    display: inline-block;
    padding: 3px 10px;
    background: #fff;
    border: 1px solid #0C6;
    margin-right: 4px;
    border-radius: 20px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.date-picker-wrapper .shortcuts .custom-shortcut:last-child a {
    margin-right: 0
}

body:not(.mobile) .date-picker-wrapper .shortcuts .custom-shortcut a:hover {
    background: #0C6;
    color: #fff
}

.date-picker-wrapper .drp_top-bar {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    width: 100%;
    background-color: #f6effb;
    color: #9244ce
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
    text-align: center;
    font-size: 25px;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #EBEEFF;
    color: #021EA9;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

body:not(.mobile) .date-picker-wrapper table .caption .next:hover,
body:not(.mobile) .date-picker-wrapper table .caption .prev:hover {
    background-color: #021EA9;
    color: #fff
}

#searchBox.small {
    padding: 4vh 0;
    text-align: center;
    background: #632791
}

#searchBox.small h2 {
    font-size: 1.5rem;
    font-weight: 100;
    margin: .0 0 1.3rem;
}

#searchBox.small h2 strong {
    font-weight: 800;
}

#searchBox.small::before {
    display: none
}

#searchBox.small #searchFilter {
    background: #FFAE39;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 0;
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    color: #fff;
    transform: scaleX(-1)
}

#searchBox.theme {
    padding: 5vh 0 15vh;
    background: #632791;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#searchBox.theme::after,
.place-header::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 0;
    opacity: .3;
}

#searchBox.theme .title,
.place-header .title {
    margin-bottom: 0;
    font-weight: 100;
    color: #fff;
    position: relative;
    z-index: 1
}

.place-header .title {
    font-size: 4rem
}

#searchBox.theme .title strong {
    color: #ffcf38;
    font-weight: 800;
}

.place-header .title strong {
    color: #fff;
    font-weight: 800;
}

#searchBox.theme svg {
    width: 80px;
    fill: #ffae39;
    margin-bottom: 40px
}

#searchBox.theme svg .st0 {
    width: 80px;
    fill: #ffcf38;
    margin-bottom: 30px
}

#searchBox.theme::before {
    display: none
}

.place-header {
    padding: 10vh 0 15vh;
    background: #632791;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden
}

.owl-carousel {
    opacity: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.owl-carousel.owl-loaded {
    opacity: 1
}

#themesCarousel {
    margin-top: -40px;
    margin-bottom: 30px;
    height: 140px
}

#themesCarousel .owl-stage {
    margin: auto
}

#themesCarousel .owl-item a {
    position: relative;
    font-size: 12px;
    padding: 25px 0;
    width: 100px;
    height: 120px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #212533;
    display: inline-block;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#hightlight .owl-item,
a.box,
a.box .box-wrapper .box-content .box-footer .price-wrapper .fav {
    transition: all .2s;
}

#themesCarousel .owl-item a svg {
    width: 29px;
    fill: #632791;
    display: inline-block
}

#themesCarousel .owl-item a svg .st0 {
    fill: #9244ce
}

#themesCarousel .owl-item a.active {
    background: #ffcf38
}

#themesCarousel .owl-item a span {
    display: inline-block;
    width: calc(100% - 20px);
    position: absolute;
    bottom: 20px;
    left: 10px
}

#themesCarousel .owl-stage-outer {
    padding-bottom: 20px
}

body:not(.mobile) #themesCarousel .owl-item a:not(.active):hover {
    background: #9244ce;
    color: #fff
}

body:not(.mobile) #themesCarousel .owl-item a:not(.active):hover svg,
body:not(.mobile) #themesCarousel .owl-item a:not(.active):hover svg .st0 {
    fill: #fff
}

#hightlight {
    padding: 5vh 0 0
}

#hightlight .owl-carousel .owl-stage {
    display: flex;
    left: -38px
}

#hightlight .owl-stage-outer {
    padding: 35px 0
}

#hightlight .owl-carousel {
    margin-top: -35px
}

#hightlight .owl-item {
    display: flex;
    flex: 1 0 auto
}

a.box {
    width: 100%;
    height: 100%;
    font-size: .9rem;
    padding: 0;
    background: #fff;
    font-weight: 700;
    color: #212533;
    border-radius: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    overflow: hidden;
    -moz-transition: all .2s;
    transition: all .2s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

a.box .box-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-basis: 100%
}

a.box .box-wrapper .box-content {
    padding: 0 1.3rem 1.3rem;
    flex-basis: calc(100% - 206px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

a.box .box-wrapper .box-content .box-body {
    width: 100%;
    position: relative
}

a.box .box-wrapper .box-content .box-footer {
    width: 100%;
    margin-top: 1rem;
}

a.box .box-wrapper .box-content .box-footer .price-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding-top: .6rem
}

a.box .box-wrapper .box-content .box-body h3 {
    color: #212533;
    margin-bottom: 1.8rem;
    font-size: .9rem;
    font-weight: 600
}

a.box .box-wrapper .box-content .box-body h3+p {
    margin-top: -1.3rem
}

a.box .box-wrapper .box-content .box-body p {
    font-weight: 400;
    font-size: .85rem;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 0;
    line-height: 1.1rem
}

a.box .box-wrapper figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 190px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    clip-path: content-box;
    -webkit-clip-path: content-box;
    mask-image: -webkit-linear-gradient(white, #000)
}

a.box .box-wrapper figure span {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    min-height: 100%;
    width: 100%;
    -webkit-transition: all .25s !important;
    -moz-transition: all .25s !important;
    -o-transition: all .25s !important;
    transition: all .25s !important
}

.label {
    text-transform: uppercase;
    font-size: .75rem;
    padding: .4rem 1rem;
    border-radius: 20px;
    background: #fff;
    font-weight: 700;
    color: #9244ce;
    display:flex;
    align-items:center
}

.label i {
    float: left;
    line-height: 1.2rem;
    margin-right: .3rem
}

.label.red {
    background: #FF2A5E;
    color: #fff
}

.label.green {
    background: #0C6;
    color: #fff
}

.label.violet {
    background: #9244ce;
    color: #fff
}

.label.blu {
    background: #021EA9;
    color: #fff
}

a.box .box-wrapper .box-content .box-body .label {
    position: absolute;
    top: -32px
}

a.box .box-wrapper .box-content .box-body .rating-stars {
    color: rgba(0, 0, 0, .4);
    font-weight: 100;
    margin: .6rem 0;
    line-height: .7rem
}

.rating-stars i {
    color: #fff9e8;
    font-size: .75rem;
    margin-right: .1rem
}

.rating-stars i.active {
    color: #FFAE39
}

a.box .box-wrapper .box-content .box-body .rating-stars i:last-child {
    margin-right: .5rem
}

a.box .box-wrapper .box-content .box-body .box-body-head {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem
}

a.box .box-wrapper .box-content .box-body .box-body-head .distance {
    color: #9244CE;
    font-size: .8rem;
    font-weight: 400;
    align-self: center;
}

a.box .box-wrapper .box-content .box-footer .duration {
    font-size: .85rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: .3rem;
    color: rgba(0, 0, 0, .5)
}

a.box .box-wrapper .box-content .box-footer .city,
a.box .box-wrapper .box-content .box-footer .rendezvous {
    font-size: .85rem;
    text-transform: none;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    margin-bottom: .3rem
}

a.box .box-wrapper .box-content .box-footer .rendezvous {
    color: rgba(0, 0, 0, .5)
}

a.box .box-wrapper .box-content .box-footer .city i {
    margin-right: 9px;
    color: rgba(0, 0, 0, .7)
}

a.box .box-wrapper .box-content .box-footer .rendezvous i {
    margin-right: 9px;
    color: rgba(0, 0, 0, .7)
}

a.box .box-wrapper .box-content .box-footer .language {
    width: 100%;
    color: #021EA9;
    background: #EBEEFF;
    font-weight: 600;
    font-size: .8rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    padding: .4rem .9rem;
    border-radius: 20px
}

a.box .box-wrapper .box-content .box-footer div+.language {
    margin-top: 1rem
}

a.box .box-wrapper .box-content .box-footer .language svg {
    width: 19px;
    fill: #021EA9;
    margin-right: .6rem;
    margin-top: 1px;
    float: left
}

a.box .box-wrapper .box-content .box-footer .language svg .st0 {
    fill: rgba(2, 30, 169, .5)
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .fav {
    background: 0 0;
    display: inline-flex;
    border: 0;
    padding: 0;
    color: #FF2A5E;
    font-size: 1.5rem;
    line-height: 0;
    -moz-transition: all .2s;
    transition: all .2s
}

a.box .box-wrapper .box-content .box-footer .rendezvous {
    display: block;
    color: rgba(0, 0, 0, .5);
    font-size: .85rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: .3rem
}

a.box .box-wrapper .box-content .box-footer .rendezvous svg {
    fill: rgba(0, 0, 0, .7);
    width: 1.2rem;
    float: left;
    margin-top: .2rem;
    margin-right: .5rem
}

a.box .box-wrapper .box-content .box-footer .duration svg {
    fill: rgba(0, 0, 0, .7);
    width: 1rem;
    float: left;
    margin-top: .2rem;
    margin-right: .5rem
}

a.box .box-wrapper .box-content .box-footer .rendezvous svg {
    fill: rgba(0, 0, 0, .7)
}

a.box .box-wrapper .box-content .box-footer .rendezvous svg .st0 {
    fill: rgba(0, 0, 0, .7)
}

body:not(.mobile) a.box .box-wrapper .box-content .box-footer .price-wrapper .fav:hover {
    transform: scale(1.3)
}

#hightlight .owl-item.active,
#nearbyCities .owl-item.active {
    transform: scale(1) !important
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .price {
    font-weight: 100;
    color: #19c759;
    font-size: 1rem;
    line-height: 1rem
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .price strong {
    font-size: 1.5rem;
    color: #19c759;
    font-weight: 700
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .price span.price-start {
    font-size: .75rem;
    color: rgba(0, 0, 0, .5);
    font-weight: normal;
    display: block;
    margin-bottom: 6px;
    min-height: 17px;
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .price span.discount {
    color: rgba(0, 0, 0, .5);
    font-weight: 400;
    font-size: 1rem;
    text-decoration: line-through;
    margin-right: .2rem
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .price span.price-note {
    font-size: 13px;
    display: block;
    margin-top: 5px;
    font-weight: 400
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .price span.price-note strong {
    font-size: 13px;
}

a.box .box-wrapper .box-content .box-footer .price-wrapper .price span.price-note i:not(:first-child),
#navigationActions i {
    margin-left: 3px;
    font-size: 12px;
}

#hightlight .owl-item:not(.active) a.box {
    box-shadow: 0 5px 8px rgba(0, 0, 0, .05)
}

#hightlight .owl-item {
    transform: scale(.9) !important;
    -moz-transition: all .2s;
    transition: all .2s
}

body:not(.mobile) #hightlight .owl-item.active:hover,
body:not(.mobile) main .list a.box:hover {
    transform: scale(1.07) !important;
    z-index: 2
}

body:not(.mobile) main .list.list-row a.box:hover {
    transform: scale(1.03) !important;
    z-index: 2
}

body:not(.mobile) #hightlight .owl-item.active:hover a.box,
body:not(.mobile) main a.box:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1)
}

body:not(.mobile) #hightlight .owl-item.active:hover a.box figure span,
body:not(.mobile) main .list a.box:hover figure span {
    transform: scale(1.1)
}

#hightlight .col-lg-3 p {
    color: rgba(0, 0, 0, .4);
    font-size: 16px
}

.list-row a.box {
    border-radius: 5px;
    margin-bottom: 15px;
    height: inherit
}

.list-row a.box .box-wrapper {
    flex-direction: row;
    flex-basis: 100%
}

.list-row a.box .box-content {
    width: 60%;
    flex-basis: 60%;
    padding: 1.3rem
}

.list-row a.box figure {
    flex-basis: 40%;
    height: inherit;
    width: 40%;
    margin: 0;
    border-radius: 5px 0 0 5px
}

.list-row a.box .box-wrapper .box-content .box-body h3 {
    margin-top: .95rem
}

.list-row a.box .box-wrapper .box-content .box-body .label {
    position: relative;
    top: inherit;
    left: inherit;
    display: inline-flex;
    background:#fff;
    overflow:hidden;
    border:3px solid #fff
}
.list-row a.box .box-wrapper .box-content .box-body .label::before{width:100%;height:100%;content:"";position:absolute;left:0;top:0;}

.list-row a.box .box-wrapper .box-content .box-body .rating-stars {
    align-self: center;
    width: auto
}

main .list {
    padding: 5vh 0
}

main .list .col-xl-4 {
    padding: 0 16px 32px
}

.carousel_controller button:first-child {
    margin-right: 7px
}

.carousel_controller button {
    background: #EBEEFF;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 40px;
    border: 0;
    color: #021EA9;
    font-size: 25px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.carousel_controller button.disabled {
    opacity: .3;
    cursor: default
}

body:not(.mobile) .carousel_controller button:not(.disabled):hover {
    background: #021EA9;
    color: #fff
}

#nearbyCities {
    background: #fff;
    padding: 5vh 0
}

#nearbyCities .row:first-child {
    z-index: 1;
    position: relative
}

#nearbyCities .owl-carousel .owl-stage {
    display: flex;
    left: -38px
}

#nearbyCities .owl-carousel {
    z-index: 0
}

#nearbyCities .owl-item {
    display: flex;
    flex: 1 0 auto
}

a.box-city {
    width: 100%;
    font-size: 12px;
    padding: 0;
    background: #fff;
    font-weight: 700;
    color: #212533;
    border-radius: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

a.box-city .box-content {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 40px
}

a.box-city .box-content div {
    flex: 1 100px;
    text-align: center
}

a.box-city .box-content h3 {
    color: #fff;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 27px
}

a.box-city .box-content span {
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    background: #19c759;
    padding: 5px 20px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    border-radius: 20px;
    display: inline-block
}

.modal-title,
form label {
    text-transform: uppercase
}

a.box-city .box-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    clip-path: content-box;
    -webkit-clip-path: content-box;
    mask-image: -webkit-linear-gradient(white, #000)
}

a.box-city .box-wrapper figure {
    margin: 0;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 26vw;
    max-height: 400px !important;
    background-position: top center !important;
    -webkit-transition: all .2s !important;
    -moz-transition: all .2s !important;
    -o-transition: all .2s !important;
    transition: all .2s !important;
    position: relative;
    overflow: hidden
}

#photoGallery .owl-item,
.filters-column .filter-box h3 a:after {
    transition: all .2s;
}

#guideOfTheMonth::before,
a.box-city .box-wrapper figure::after {
    content: "";
    position: absolute;
    width: 100%
}

a.box-city .box-wrapper figure::after {
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 90%;
    background: -moz-linear-gradient(top, rgba(36, 38, 69, 0) 0, rgba(36, 38, 69, .95) 80%);
    background: -webkit-linear-gradient(top, rgba(36, 38, 69, 0) 0, rgba(36, 38, 69, .95) 80%);
    background: linear-gradient(to bottom, rgba(36, 38, 69, 0) 0, rgba(36, 38, 69, .95) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00021ea9', endColorstr='#9244ce', GradientType=0)
}

#nearbyCities .owl-item:not(.active) a.box-city {
    box-shadow: 0 5px 8px rgba(0, 0, 0, .05)
}

#nearbyCities .owl-item {
    transform: scale(.9) !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#nearbyCities .owl-stage {
    margin: 0 auto
}

body:not(.mobile) #nearbyCities .owl-item.active:hover {
    transform: scale(1.07) !important;
    z-index: 2
}

body:not(.mobile) #nearbyCities .owl-item.active:hover a.box-city {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2)
}

body:not(.mobile) #nearbyCities .owl-item.active:hover a.box-city .box-wrapper figure {
    transform: scale(1.1)
}

#nearbyCities .owl-stage-outer {
    padding: 35px 0 45px
}

#guideOfTheMonth {
    padding: 12vh 0 5vh;
    position: relative;
    background: #fff
}

#guideOfTheMonth::before {
    height: calc(100% - 7vh);
    left: 0;
    top: 7vh;
    background: #ffcf38
}

#guideOfTheMonth figure {
    margin-top: -14vh;
    overflow: hidden;
    display: inline-block;
    width: 170px;
    height: 170px;
    border: 10px solid #fff9e8;
    background-size: cover;
    background-position: center center;
    border-radius: 50%
}

#guideOfTheMonth figure,
#guideOfTheMonth h2 {
    z-index: 1;
    position: relative
}

#guideOfTheMonth .rwd-video {
    margin: 10px 0 30px;
    border-radius: 0
}

#guideOfTheMonth .element1 {
    position: absolute;
    z-index: 0;
    top: 170px;
    right: 3vw;
    width: 190px
}

#guideOfTheMonth .element2 {
    position: absolute;
    z-index: 0;
    bottom: 270px;
    left: 6vw;
    width: 130px
}

#guideOfTheMonth .element3 {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: calc(30% - 150px);
    width: 350px
}

#homeInfoBox {
    background: #fff;
    padding: 10vh 0;
    position: relative;
    text-align: center
}

#homeInfoBox svg {
    width: 45px;
    fill: #632791;
    margin-bottom: 20px
}

#homeInfoBox svg .st0 {
    fill: #9244CE
}

#homeInfoBox h3 {
    color: #212533;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px
}

#homeInfoBox p {
    color: #565656
}

#listSort {
    background: #fff;
}

.text-box+#listSort {
    background: transparent;
}

#listSort+section {
    padding-bottom: 5vh
}

.results {
    display: inline-block;
    width: 100%;
    font-size: 1.4rem;
}

.modal-title {
    font-weight: 700;
    font-size: 13px;
    color: #212533
}

section.text-box {
    background: #fff;
    padding: 8vh 0
}

section.text-box h1 {
    color: #212533;
    font-size: 30px;
    font-weight: 600
}

section.text-box h2 {
    color: #212533;
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 30px
}

ul.tags {
    padding: 0;
    text-align: center
}

ul.tags li {
    list-style: none;
    padding: 0;
    margin: 0 .7rem .7rem 0;
    display: inline-block
}

ul.tags li a {
    display: inline-block;
    padding: .5rem 1.3rem;
    border-radius: 5px;
    background: #fff9e8;
    color: #ffae39;
    font-size: .9rem;
    -webkit-transition: background .2s, color .2s;
    -moz-transition: background .2s, color .2s;
    -o-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

body:not(.mobile) ul.tags li a:hover {
    background: #ffcf38;
    color: #212533
}

.justify-content-end .pagination {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center .pagination {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.filters-column {
    background: #fff;
    padding: 2rem 1.3rem;
    border-radius: 5px;
    height: 100%
}

.filters-column .filter-box {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ebeeff
}

.filters-column .filter-box:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.filters-column .filter-box h3 {
    margin-bottom: 0;
    position: relative;
}

.filters-column .filter-box h3 a {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    color: #212533;
    font-size: 1rem;
    position: relative;
    padding-bottom: 1rem
}

.filters-column .filter-box h3 a.filterGroupTitle:after {
    background: #fff;
    text-align: center;
    border: 0;
    color: #021EA9;
    transition: all .2s;
    z-index: 0;
    top: 0;
    line-height: 30px;
    font-size: .9rem;
    right: 15px;
    content: "\f068";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 600
}

.filters-column .filter-box h3 a.filterGroupTitle.collapsed:after {
    content: "\f067"
}

.filters-column .filter-box .filters-selected-counter {
    width: auto;
    height: 25px;
    position: absolute;
    right: 40px;
    top: 13px;
    background: #F6EFFB;
    color: #9244ce;
    line-height: 25px;
    text-align: center;
    font-size: .9rem;
    border-radius: 30px;
    padding: 0 10px 0 7px;
    z-index: 10;
    transition: all .2s
}

.filters-column .filter-box .filters-selected-counter:hover {
    background: #9244ce;
    color: #fff;
}

.filters-column .filter-box .filters-selected-counter i {
    margin-right: 4px;
    margin-top: 5px;
    font-size: 16px;
    float: left;
}

.filters-column .filter-box .form-check {
    font-size: .9rem;
    padding: 0 2.3rem 0 0;
    border-bottom: 1px solid #ebeeff
}

.filters-column .filter-box .form-check:last-child {
    padding-bottom: 1rem;
    border-bottom: 0 !important
}

.filters-column .filter-box .form-check label {
    padding: .7rem 0;
    cursor: pointer
}

.filters-column .filter-box .custom-control-input {
    left: inherit;
    right: 0
}

.filters-column .filter-box .custom-control-label {
    display: inline-block;
    width: 100%
}

.filters-column .filter-box .custom-switch .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + .75rem);
    border-radius: 3rem;
    right: -2.25rem;
    left: inherit;
    border-color: #c8cef1;
    top: .6rem
}

.filters-column .filter-box .custom-switch .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
    right: calc(-1rem + 2px);
    top: calc(.6rem + 2px);
    left: inherit;
    background-color: #c8cef1
}

.filters-column .filter-box .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(1.5rem - .25rem));
    background-color: #fff
}

.filters-column .filter-box .custom-switch .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #ebeeff;
    border-color: #ebeeff
}

.filters-column .filter-box .custom-switch .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0C6 !important;
    background-color: #0C6 !important
}

.filters-column .filter-box .form-check svg {
    fill: #632791;
    width: 1.2rem;
    float: left;
    margin-top: .2rem;
    margin-right: .5rem
}

.filters-column .filter-box .form-check svg .st0 {
    fill: #9244ce;
    width: 1.2rem;
    float: left;
    margin-top: .2rem;
    margin-right: .5rem
}

.filters-column .header-filters-column {
    font-weight: 600;
    color: #212533;
    font-size: 1.15rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ebeeff;
    margin-bottom: 1rem
}

.filters-column .header-filters-column button {
    background: 0 0;
    padding: 0 .8rem 0 0;
    margin: 0;
    border: none;
    font-size: 1.3rem;
    color: #021EA9
}

.filters-column .footer-filters-column {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 1.5rem 0;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, .05);
    z-index: 3;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

.filters-column .footer-filters-column button {
    margin-right: 5px
}

.filters-column .footer-filters-column button:last-child {
    margin-right: 0
}

ul.used-filters {
    padding: 0;
    display: inline
}

ul.used-filters li {
    list-style: none;
    margin: .5rem .5rem 0 0;
    display: inline-block;
}

ul.used-filters li span {
    font-size: 13px;
    margin-right: .6rem
}

ul.used-filters li a {
    display: inline-block;
    padding: .5rem .8rem;
    border-radius: 5px;
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .5);
    font-size: .9rem;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

ul.used-filters li a i {
    margin-right: .5rem
}

ul.used-filters li a:hover i {
    color: #9244CE
}

.detail .header-detail {
    padding: 5vh 0 .2rem;
    background: #fff
}

.detail .header-detail h1.title {
    font-size: 1.8rem;
    font-weight: 600
}

.detail .header-detail h2.title {
    font-size: 1.2rem;
    margin-bottom: 0
}

.breadcrumb,
.detail .rating-stars i {
    font-size: .9rem
}

.breadcrumb {
    background: #fff;
    padding: 0;
    margin-top: -1vh;
    margin-bottom: 1.5rem
}

.breadcrumb li a {
    color: #9244ce
}

.breadcrumb li a:hover {
    color: #212533
}

.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(0, 0, 0, .1)
}

.detail .rating-stars {
    margin: .6rem 0
}

.detail .btn.fav i,
.detail .rating-stars i:last-child {
    margin-right: .5rem
}

.detail .rating-stars a {
    color: rgba(0, 0, 0, .5)
}

.detail .btn.fav,
body:not(.mobile) .detail .btn.fav:hover {
    color: #FF2A5E;
    background: #fff;
    border-color: #fff
}

.detail .rating-stars a:hover {
    text-decoration: underline
}

.detail .btn.fav {
    font-weight: 100;
    display: flex;
    justify-content: center
}

body:not(.mobile) .detail .btn.fav:hover i {
    font-weight: 800
}

.detail #navigationActions .btn.fav {
    width: 100%
}

.detail .btn.fav i {
    font-size: 1.5rem
}

.detail .info-detail {
    background: #fff;
    padding: 4vh 0 10vh
}

.detail .info-detail .label {
    display: inline-flex;
    align-items:center;
    margin-bottom: 1.5rem
}

.detail .info-detail h3 {
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #212533;
    margin-bottom: 1rem;
    margin-top: 2rem
}

.detail .info-detail h2 {
    font-weight: 100;
    font-size: 1.6rem;
    color: #212533;
    margin: 4.5rem 0 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ebeeff
}

.detail .info-detail h2 span {
    font-weight: 100
}

.detail .info-detail .col-md-6 .experience-info>div {
    padding-bottom: 3rem;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-content: center
}

.detail .info-detail .col-md-6 .experience-info>div.language {
    text-transform: uppercase;
}

.detail .info-detail .col-md-6 .experience-info>div.language span {
    text-transform: none;
}

.detail .info-detail .col-md-6 .experience-info .icon-wrapper {
    width: 2.8rem;
    text-align: center;
    line-height: 2.6rem;
    height: 2.8rem;
    margin-right: 1rem;
    align-self: start;
    background: #f6effb;
    border-radius: 13px
}

.detail .info-detail .col-md-6 .experience-info .text-wrapper {
    width: calc(100% - 3.8rem);
    align-self: center;
    color: rgba(0, 0, 0, .5)
}

.detail .info-detail .col-md-6 .experience-info svg {
    width: 1.4rem;
    fill: #632791
}

.detail .info-detail .col-md-6 .experience-info svg .st0 {
    fill: #9244ce
}

.detail .info-detail .col-md-6 .experience-info span {
    font-weight: 700;
    color: #212533;
    display: block
}

.detail .info-detail .col-md-6:last-child .experience-info>div,
.detail .info-detail .col-md-6:nth-last-child(2) .experience-info>div {
    padding-bottom: 0
}

.detail .info-detail .experience-description .text-toggle {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
    padding-bottom: 2rem
}

.detail .info-detail .experience-description .text-toggle p {
    font-size: 1.05rem;
    line-height: 1.7rem;
    color: rgba(0, 0, 0, .5)
}

.detail .info-detail .experience-description .text-toggle::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%rgba(255, 255, 255, 1) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

a.btn-read-more {
    text-decoration: underline;
    color: #212533
}

button.btn-read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    border: none;
    background: 0 0;
    text-decoration: underline
}

.detail .info-detail .experience-description .text-toggle.active {
    height: auto
}

.detail .info-detail .experience-description .text-toggle.active::after {
    display: none
}

#photoGallery {
    background: #fff;
    position: relative;
    z-index: 0;
    min-height: 430px
}

#photoGallery .owl-stage {
    margin: 0 auto;
    padding: 3vh 0 4rem
}

#photoGallery .owl-item {
    display: flex;
    flex: 1 0 auto;
    transform: scale(.92);
    opacity: .2;
    transition: all .2s;
    pointer-events: none;
    cursor: initial;
}

#photoGallery .owl-item.center {
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
}

#photoGallery .owl-item a.item-gallery {
    width: 1140px;
    font-size: 12px;
    padding: 0;
    background: #fff;
    font-weight: 700;
    color: #212533;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#photoGallery .owl-item.center a.item-gallery {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

#photoGallery .owl-item a.item-gallery .box-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    clip-path: content-box;
    -webkit-clip-path: content-box;
    mask-image: -webkit-linear-gradient(white, #000)
}

#photoGallery .owl-item a.item-gallery .box-wrapper figure {
    width: 100%;
    height: 450px;
    max-height: 100% !important;
    margin: 0;
    background-size: cover;
    background-position: center center !important;
    -webkit-transition: all .2s !important;
    -moz-transition: all .2s !important;
    -o-transition: all .2s !important;
    transition: all .2s !important;
    position: relative;
    overflow: hidden
}

body:not(.mobile) #photoGallery .owl-item.active:hover figure {
    transform: scale(1.07) !important;
    z-index: 2
}

#photoGallery button.btn_prev {
    position: absolute;
    left: calc(50% - 540px);
    top: calc(50% - 20px)
}

#photoGallery button.btn_next {
    margin-right: 7px;
    position: absolute;
    right: calc(50% - 540px);
    top: calc(50% - 20px)
}

#photoGallery button.btn_next,
#photoGallery button.btn_prev {
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    border-radius: 40px;
    border: 0;
    color: #021EA9;
    font-size: 25px;
    z-index: 2;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#photoGallery button.btn_next.disabled,
#photoGallery button.btn_prev.disabled {
    opacity: .3;
    cursor: default
}

body:not(.mobile) #photoGallery button.btn_next:not(.disabled):hover,
body:not(.mobile) #photoGallery button.btn_prev:not(.disabled):hover {
    background: #021EA9;
    color: #fff
}

.owl-dots {
    text-align: center;
    margin-top: -2.2rem;
    z-index: 2;
    position: relative
}

.owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #c8cef1;
    display: inline-block;
    border-radius: 5px;
    margin: 0 .25rem;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.owl-dots .owl-dot.active span {
    width: 23px;
    background: #021EA9
}

.bookingBox .wrapper-booking-box {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #ebeeff;
    position: relative;
    will-change: min-height;
    z-index: 1
}

.bookingBox .sidebar__inner {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform
}

.bookingBox .wrapper-booking-box h4 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 100;
    color: #212533
}

.bookingBox .wrapper-booking-box h4 strong {
    font-weight: 800
}

.bookingBox .wrapper-booking-box .inlineCalendar .date-picker-wrapper {
    padding: 0 !important;
    width: 100%;
    border-radius: 0;
    background: 0 0
}

.bookingBox .wrapper-booking-box .inlineCalendar .date-picker-wrapper .month-wrapper {
    background: 0 0
}

.bookingBox .wrapper-booking-box .inlineCalendar .date-picker-wrapper .month-name .month-element {
    font-size: 1.1rem
}

.bookingBox .wrapper-booking-box .inlineCalendar .date-picker-wrapper .drp_top-bar {
    margin-bottom: .7rem
}

.bookingBox .wrapper-booking-box .ticket-preview {
    text-align: center;
    position: relative;
    margin: 1.2rem 0;
    padding: 1.1rem;
    border-radius: 10px;
    border: 2px dashed #19c759
}

.bookingBox .wrapper-booking-box.simple-event .ticket-preview {
    margin-bottom: .5rem
}

.bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:after,
.bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:before {
    top: 100%;
    left: 50%;
    border: dashed transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:before {
    border-color: rgba(0, 204, 102, 0);
    border-top-color: #0c6;
    border-width: 13px;
    margin-left: -13px
}

.bookingBox .wrapper-booking-box .ticket-preview span {
    color: #0c6;
    font-size: .9rem
}

.bookingBox .wrapper-booking-box .ticket-preview .price,
#navigationActions .price {
    margin-bottom: .3rem;
    font-weight: bold;
    color: #19c759;
    line-height: 1.6rem;
    font-size: 1.6rem
}

.bookingBox .wrapper-booking-box .first-date-available {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 25px 0 -5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #19c759;
    border-radius: 20px;
    padding: 5px 15px
}

.bookingBox .wrapper-booking-box .first-date-available i {
    margin-right: 5px;
}

.bookingBox .wrapper-booking-box .ticket-preview .price strong,
#navigationActions .price strong {
    font-size: 2.2rem;
    color: #19c759;
    font-weight: 700
}

.bookingBox .wrapper-booking-box .ticket-preview .price strong span.price-start,
#navigationActions .price strong span.price-start {
    font-size: 1rem;
    color: rgba(0, 0, 0, .5);
    font-weight: normal;
    display: block;
    margin-bottom: 6px;
}

.bookingBox .wrapper-booking-box .ticket-preview .ticket-preview-description {
    font-size: 1.1rem;
    line-height: 1.3rem;
    color: #212533;
    font-weight: 400;
    padding-bottom: 2.5rem
}

.bookingBox .wrapper-booking-box .ticket-preview .price span.discount,
#navigationActions .price {
    margin-bottom: 0
}

.bookingBox .wrapper-booking-box .ticket-preview .price span.discount,
#navigationActions .price span.discount {
    color: rgba(0, 0, 0, .5);
    font-weight: 400;
    font-size: 1.2rem;
    text-decoration: line-through;
    margin-right: -.4rem
}

.bookingBox .timeDiv {
    background: #EBEEFF;
    border-bottom-left-radius: 20px;
    padding-bottom: 20px;
    padding-top: 15px;
    border-bottom-right-radius: 15px;
    margin: .5rem 0 -14px
}

.bookingBox .bookingHour .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-align: center
}

.bookingBox .bookingHour label {
    font-weight: 700;
    color: #212533
}

.bookingBox .bookingHour .bookingHourAvailable div input[type='radio']+label {
    cursor: pointer;
    width: 100%;
    background: 0 0;
    border: 1px solid #fff;
    border-bottom: 0;
    color: #021ea9;
    padding: 8px 0;
    margin: 0 0 .5rem;
    background: #fff;
    transition: all .2s
}

.bookingBox .bookingHour .bookingHourAvailable div:first-child input[type='radio']+label {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bookingBox .bookingHour .bookingHourAvailable div:last-child input[type='radio']+label {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom: 1px solid #EBEEFF;
}

.bookingBox .bookingHour .bookingHourAvailable div input[type='radio']+label:hover {
    background: #021ea9;
    color: #fff;
    border-color: #021ea9
}

.bookingBox .bookingHour .bookingHourAvailable div input[type='radio']:checked,
.bookingBox .bookingHour .bookingHourAvailable div input[type='radio']:not(:checked) {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.bookingBox .bookingHour .bookingHourAvailable div input[type='radio']:checked+label {
    background: #021ea9;
    border-color: #021ea9;
    color: #fff;
    font-weight: 700
}
.bookingBox .ticketTypeAvailable + .card{border-color:#021ea9;border-top-right-radius:0;border-top-left-radius:0;padding: 1.5rem 2rem;}

.bookingBox .ticketTypeAvailable {
    position: relative;
    z-index: 0;
    color: #fff;
    background: #021ea9;
    padding:1rem 2rem;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.bookingBox .ticketTypeAvailable.no-ticket{background:#fff; padding:0}
.bookingBox .ticketTypeAvailable.no-ticket + .card{border-top-right-radius:20px;border-top-left-radius:20px;padding: 1.5rem 2rem;}

.bookingBox .ticketTypeAvailable h2{margin-top:0;color:#fff;border-color:#fff}

.bookingBox .ticketTypeAvailable .ticket-type-title {
    font-weight: 400;
    font-size: .9rem;
    line-height: 0
}

.bookingBox .ticketTypeAvailable small {
    color: rgba(255, 255, 255, .7);
    font-size: .9rem;
    line-height: 1.1rem;
    display: block
}

.bookingBox .ticketTypeAvailable .ticket-type-price {
    font-size: .9rem;
    font-weight:bold
}

.bookingBox .ticketTypeAvailable .row:not(:last-child) {
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.bookingBox .available-ticket {
    padding: .3rem 0;
    text-align: center;
    background: #ebeeff;
    border-radius: 20px;
    color: #021EA9;
    font-size: .9rem
}

.bookingBox .available-ticket span {
    color: #021EA9;
    font-weight: bold
}
.text-blu{color:#021EA9}
a.text-blu{color:#021EA9}
a.text-blu:hover{color:#021EA9;text-decoration: underline;}
.btn-decrement,
.btn-increment {
    line-height: 0;
    padding: .8rem .5rem
}
.price-label{display:flex; flex-direction:column;font-size:30px;font-weight:bold;line-height:1.2;color:#212533}
.price-label span{font-size:13px;font-weight:normal;}
.total_event{display:flex; flex-direction:column;font-size:13px;font-weight:normal;}
.total_event > span{font-size:30px;font-weight:bold;line-height:1.2;color:#212533}
.border-top{border-color:#ebeeff!important}
.btn-decrement strong,
.btn-increment strong {
    font-size: 1.5rem;
    line-height: .11
}

.qty {
    padding: 1rem 0;
    text-align: center;
    font-size: 1rem;
    border: 0
}

.experience-inclusive ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.experience-inclusive ul li {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-content: center
}

.experience-inclusive ul li i {
    font-size: 1.2rem;
    margin-right: .8rem;
    line-height: 1.4rem
}

.experience-inclusive ul li span {
    line-height: 1.3rem;
    color: rgba(0, 0, 0, .5)
}

.experience-inclusive ul li i.fa-check-circle {
    color: #0C6;
    font-weight: 400
}

.experience-inclusive ul li i.fa-times-circle {
    color: #FF2A5E
}

.experience-inclusive ul li:last-child {
    margin-bottom: 0
}

.experience-meeting-point address {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0;
    color: #212533
}

.experience-meeting-point address,
.experience-meeting-point-info {
    padding-left: 33px
}

.experience-meeting-point-info {
    margin-bottom: 60px
}

.experience-meeting-point h3 i {
    color: #FFAE39;
    font-size: 1.5rem;
    float: left;
    margin-right: .8rem;
}

.experience-meeting-point h3 svg {
    fill: #FFAE39;
    width: 25px;
    margin-right: .4rem;
    float: left
}

.experience-meeting-point-info .btn.btn-small {
    margin-top: 15px
}

.experience-meeting-point p {
    margin-bottom: 0;
    color: rgba(0, 0, 0, .5)
}

.experience-meeting-point p+.btn {
    margin-top: 1.3rem
}

.experience-note p {
    color: rgba(0, 0, 0, .5)
}

.header-page {
    padding: 5vh;
    position: relative
}

.header-page-background {
    background: #fff;
    padding: 8vh 0;
    border-radius: 5px
}

#formInfoRequest,
.banner,
.page-content,
section.module {
    padding: 10vh 0
}

.header-page-background h1,
.header-page-background h2 {
    position: relative;
    z-index: 1
}

.header-page .element2 {
    position: absolute;
    z-index: 0;
    bottom: 70px;
    left: 5vw;
    width: 110px
}

.header-page .element3 {
    position: absolute;
    z-index: 0;
    bottom: 10px;
    right: 5vw;
    width: 110px
}

.header-page .element1 {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 400px
}

.page-content {
    background: #fff
}

.page-content+.page-content {
    padding: 0 0 10vh
}

.page-content h2.title {
    color: #212533;
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 2rem
}

.page-content h2.title.light {
    font-weight: 100;
    font-size: 1.7rem
}

.page-content h2.title.light strong {
    font-weight: 800
}

h3.title {
    font-weight: 100;
    color: rgba(0, 0, 0, .5);
    font-size: 1.5rem;
    margin-bottom: 2rem
}

.page-content p {
    font-size: 1.1rem;
    line-height: 1.7rem;
    font-weight: 100
}

.page-content p strong {
    font-weight: 600
}

.page-content .columns {
    margin: 4rem 0
}

.page-content .columns .col-md-4 div {
    height: 100%;
    padding: 1.5rem 1.2rem 2rem;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

.page-content .columns p {
    margin: 0
}

.page-content .columns strong {
    display: block;
    color: #212533;
    font-weight: 700;
    line-height: 1.4rem;
    margin-bottom: .7rem
}

.page-content .columns svg {
    width: 45px;
    fill: #632791;
    margin-bottom: 20px
}

.page-content .columns svg .st0 {
    fill: #9244CE
}

.promo-alert {
    padding: 1.5rem 2rem;
    background: #0C6;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    margin-bottom: 8vh
}

.promo-alert .promo-alert-title {
    font-weight: 100;
    font-size: 1.4rem;
    margin-bottom: .5rem
}

h3.title strong,
.promo-alert .promo-alert-title strong {
    font-weight: 800
}

.promo-alert p {
    margin-bottom: 0;
    color: #fff !important
}

.promo-alert .btn {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

.row+.row .promo-alert {
    margin-top: 8vh;
    margin-bottom: 0
}

body:not(.mobile) .promo-alert .btn:hover {
    background: #fff;
    border-color: #fff;
    color: #0C6
}

.img-mega {
    position: relative;
    width: 100%;
    min-height: 250px;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: center center
}

#formInfoRequest h4.title {
    color: #212533;
    font-size: 35px;
    font-weight: 100
}

#formInfoRequest h4.title strong {
    font-weight: 800
}

#formInfoRequest form {
    margin-top: 2rem
}

#formInfoRequest p {
    color: rgba(0, 0, 0, .5)
}

#formInfoRequest a:hover {
    text-decoration: none
}

body:not(.mobile) #boxNewsletter .newsletter-content a:hover,
footer a:hover,
section.module a span {
    text-decoration: underline
}

.form label {
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: .3rem;
    margin-top: 1.1rem
}

.form .custom-control.custom-checkbox:first-child {
    margin-top: 1.1rem
}

.form label.custom-control-label {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 2;
    font-size: .75rem;
}

section.module {
    background: #fff
}

section.module h3 {
    color: #212533;
    font-size: 1.5rem;
    font-weight: 100;
    margin-bottom: 20px
}

.custom-checkbox.parsley-error .custom-control-label::before,
#boxNewsletter .newsletter-content input.parsley-error {
    border: 1px solid #FF2A5E
}

.custom-checkbox.parsley-error+.parsley-errors-list {
    margin: 0 0 .7rem
}

.page-content h4,
section.module h4 {
    font-size: 1.4rem;
    font-weight: 100;
    color: #212533;
    line-height: 1.85rem;
    margin-bottom: 1rem
}

.page-content h4 strong,
section.module h3 strong,
section.module h4 strong {
    font-weight: 800
}

.page-content img+h4 {
    margin: 2rem 0
}

section.module img {
    width: 250px;
    margin-bottom: 1.5rem
}

section.module p {
    font-weight: 100
}

section.module p strong {
    font-weight: 600
}

section.module a {
    color: #212533
}

section.module a:hover span {
    text-decoration: none
}

section.module.lg img {
    width: 300px
}

section.module.lg h3 {
    font-size: 3rem;
    font-weight: 100
}

section.module.lg h3.small {
    font-size: 1.9rem;
}

section.module.lg ol {
    list-style-position: inside;
    padding: 0;
    list-style: none;
    counter-reset: any-name;
    margin: 2rem 0
}

section.module.lg ol li {
    line-height: 1.3;
    padding: 1rem 0;
    font-size: 1.4rem;
    font-weight: 100;
    counter-increment: any-name;
    position: relative;
    padding-left: 60px
}

section.module.lg ol li::before {
    content: "0"counter(any-name);
    width: 45px;
    height: 45px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    border-radius: 45px;
    text-align: center;
    line-height: 45px;
    background: #9244ce;
    color: #fff;
    position: absolute;
    left: 0;
    top: calc(50% - 22.5px);
    margin-right: .6rem
}

section.module.lg ol.yellow li::before {
    background: #ffcf38;
}

section.module.lg ol li strong {
    font-weight: 800;
    color: #212533;
}

section.module p {
    font-size: 1.1rem;
    color: #565656;
    line-height: 1.7rem
}

.banner h3 {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.banner h2.light {
    font-size: 2rem;
    font-weight: 100;
    margin-bottom: 0
}

.banner h2.light strong,
.banner p strong {
    font-weight: 800
}

.banner p {
    font-size: 1.6rem;
    font-weight: 100
}

.banner.yellow {
    background: #ffcf38
}

.banner.yellow h2,
.banner.yellow h3,
.banner.yellow p {
    color: #212533
}

.banner.blu h2,
.banner.blu h3,
.banner.blu p,
.banner.green h2,
.banner.green h3,
.banner.green p,
.banner.violet h2,
.banner.violet h3,
.banner.violet p,
footer h3 {
    color: #fff
}

.banner.blu {
    background: #021EA9
}

.banner.violet {
    background: #9244ce
}

.banner.green {
    background: #0C6
}

#boxNewsletter {
    background: #fff
}

#boxNewsletter .newsletter-content {
    padding: 20px 60px;
    border-radius: 20px;
    background: #fff;
    margin-bottom: -10vh;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, .05)
}

#boxNewsletter .newsletter-content h2 {
    color: #632791;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px
}

#boxNewsletter .newsletter-content p {
    font-size: 13px;
    line-height: 1.1rem;
    color: rgba(0, 0, 0, .5);
    margin-top: 15px
}

#boxNewsletter .newsletter-content form {
    position: relative
}

#boxNewsletter .newsletter-content input {
    border: 0;
    background: #f6effb;
    color: #632791;
    width: 100%;
    font-size: 18px;
    padding: 15px 140px 15px 20px;
    border-radius: 60px;
    margin: 5px 0 0
}

#boxNewsletter .newsletter-content button {
    right: 10px;
    top: 14px;
    position: absolute;
    padding: .375rem 1.3rem
}

#boxNewsletter .newsletter-content a {
    font-weight: 700;
    color: rgba(0, 0, 0, .5)
}

#boxNewsletter .newsletter-content svg {
    width: 120px;
    fill: #632791
}

footer ul li,
footer ul li a {
    width: 100%;
    display: inline-block
}

#boxNewsletter .newsletter-content svg .st0 {
    fill: #9244ce
}

footer {
    background: #632791;
    padding: 15vh 0 5vh
}

footer p.recaptcha-policy a {
    margin-right: 0;
    font-size: .7rem
}

footer p.recaptcha-policy {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 10px;
    color: rgba(255, 255, 255, .4);
    font-size: .7rem;
    margin: 10px 0;
    line-height: 1.3;
}

main.no-newsletter+footer {
    padding: 5vh 0
}

footer p {
    color: rgba(255, 255, 255, .4);
    font-size: 12px;
    margin: 0
}

footer #logoFooter {
    fill: #fff;
    width: 150px
}

footer h3 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px
}

footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}

footer ul li a {
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

footer ul li a.admin-link {
    color: #fff;
}

footer ul li a.admin-link i {
    color: #0C6;
    margin-right: 5px
}

footer ul li:last-child a {
    border: 0
}

body:not(.mobile) footer ul li a:hover {
    color: rgba(255, 255, 255, 1)
}

body:not(.mobile) footer ul li a.admin-link:hover {
    color: #0C6;
    text-decoration: none
}

footer ul.social li {
    display: inline-block;
    width: auto;
    padding: 0;
    margin-right: 10px
}

footer ul.social li a {
    border-bottom: 0;
    font-size: 25px
}

footer a {
    color: #fff;
    font-size: 13px;
    margin-right: 10px
}

footer a:last-child {
    margin-right: 0
}

footer a:hover {
    color: #fff
}

.paymets-method {
    margin-top: 0;
    padding: 0
}

.paymets-method li {
    display: inline-block;
    width: auto;
    margin-right: 0;
    margin-bottom: 5px
}

.paymets-method li img {
    width: 45px
}

.lazy {
    opacity: 1;
    transition: opacity .5s
}

.lazy[data-src] {
    opacity: 0
}

.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
    z-index: 1
}

.rwd-video embed,
.rwd-video iframe,
.rwd-video object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mandatory-label {
    font-size: .9rem;
    color: rgba(0, 0, 0, .5);
    margin-left: .5rem;
    font-weight: 400;
    text-transform: none
}

.header-page-background i.success {
    font-size: 3rem;
    color: #0C6;
    margin-bottom: 1.5rem
}

ul.checkout_step {
    padding: 0;
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    margin-bottom: 60px;
    list-style: none;
}

.checkout_step li {
    position: relative;
    margin-right: 20px;
    width: auto;
    color: #212533;
    align-self: center;
}

.checkout_step li span.step i {
    line-height: 45px;
}

.checkout_step li span.step {
    font-size: 20px;
    display: inline-block;
    margin-right: .5rem;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    background: #ebeeff;
    color: #212533;
    border-radius: 50%;
}

.checkout_step li .progress {
    width: 200px;
    background: #ebeeff
}

.checkout_step li .progress .progress-bar.bg-primary {
    background-color: #021EA9 !important;
}

.checkout_step li .progress .progress-bar.bg-success {
    background-color: #0C6 !important;
}

.checkout_step li .progress .progress-bar.bg-danger {
    background-color: #FF2A5E !important;
}

.checkout_step li.active span.step {
    background: #021EA9;
    color: #fff;
}

.checkout_step li.completed span.step {
    background: #0C6;
    color: #fff;
}

.checkout_step li.error span.step {
    background: #FF2A5E;
    color: #fff;
}

.checkout_step li.completed {
    color: #0C6;
}

.checkout_step li.error {
    color: #FF2A5E;
}

.checkout_step li.activated a,
.checkoout_step li.activated {
    color: #2C2C2C;
    font-weight: bold
}

.checkout_step li.activated span.step,
.checkoout_step li.activated:before {
    background: #2C2C2C;
    color: #fff
}

.card {
    background-color: #fff;
    border: 1px solid #ebeeff;
    border-radius: 20px;
}

.card-body {
    padding: 0 2rem 2rem
}

.card-body p {
    font-size: .95rem
}

.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
    justify-content: center;
}

.card-header button {
    font-weight: 400;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: transparent;
    color: #212533;
    border: 0;
    font-size: 1.15rem;
}
.card-header figure{overflow:hidden;border-top-left-radius:15px;border-bottom-left-radius:15px;min-width:200px;height:calc(100% + 1.5rem);min-height:135px;margin-bottom:-1.2rem;margin-right:30px;margin-left:-1.7rem;margin-top:-1.2rem}
.card-header figure span{transition:all .2s;background-size:cover;background-position:center center;display:flex;width:100%;height:100%;transform:scale(1)}
.card-header:hover figure span{transform:scale(1.1)}
.carnet-attraction-header:not(.collapsed) figure{border-bottom-left-radius:0;}
.card-header h3 {
    font-weight: 400;
    width: 100%;
    text-align: center;
    padding: 20px 2rem;
    background: transparent;
    color: #212533;
    border: 0;
    font-size: 1.15rem;
}

.card-header button strong {
    font-weight: 800;
}

.card-header button.collapsed {
    background: #ebeeff;
    color: #212533
}

.cart-content {
    font-size: .95rem;
    color: #212533;
    padding: 1.5rem;
    border: 1px solid #ebeeff;
    border-radius: 20px;
    margin-bottom: 1rem
}

.cart+.cart-content.paid {
    margin-top: 40px;
}

.cart-content.paid {
    border-color: #0C6;
    border-style: dashed
}

.cart-content.paid .paid-label {
    display: inline-block;
    font-size: 1.2rem;
    color: #0C6;
    font-weight: bold;
    border: 0 dashed #0C6;
    text-transform: uppercase;
    border-radius: 10px;
}

.cart-content.paid .paid-label i {
    font-size: 1.5rem;
    margin-top: 2px;
    float: left;
    margin-right: 10px
}

.cart-content.paid .cart-tot .tot {
    margin-bottom: 0
}

.cart-content.paid .cart-tot .tot strong {
    color: #212533;
    font-size: 1.3rem
}

.cart-content h3 {
    font-size: 1rem;
    margin-bottom: 2rem;
    color: rgba(0, 0, 0, .5);
    font-weight: bold
}

.cart-content figure {
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 0
}

.cart-content figure img {
    width: 100%;
    cursor: pointer;
}

.cart-content .cart-event-date {
    margin-top: .3rem
}

.cart-content .cart-event-subtotal {
    font-size: 1.2rem;
    color: #212533
}

.cart-content .cart-remove,
.cart-empty {
    padding: .5rem .7rem;
    border-radius: 5px;
    background: #fff;
    color: #212533;
    border-color: 1px solid #212533;
    font-size: .8rem
}

.cart-content .cart-event-tickets span+span {
    display: block;
}

.cart-content .cart-event-title {
    cursor: pointer
}

.cart-content .cart-event-title i,
.cart-content .cart-event-description i {
    color: #9244CE;
    margin-right: .5rem;
}

.cart-content .border-bottom {
    border-bottom: 1px solid #ebeeff !important
}

.cart-tot .tot {
    font-size: 1.3rem;
    font-weight: normal;
    margin-bottom: .3rem
}

.cart-tot .tot strong {
    font-size: 1.5rem;
    font-weight: bold;
    color: #0C6;
    margin-left: .5rem
}

.cart-content .cart-item:last-child .border-bottom {
    margin-bottom: 10px !important
}

.card-body .btn-paypal+.paymets-method {
    margin-top: .5rem;
    text-align: center
}

.card-body .btn-paypal+.paymets-method li img {
    width: 43px;
}

.secure-payment {
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    color: rgba(0, 0, 0, .5)
}

.secure-payment i.fas.fa-lock {
    color: #0C6;
}

.popover.error {
    border: 0;
    background: #FF2A5E;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
}

.popover.error .popover-body {
    color: #fff;
    font-size: 16px;
    padding: .8rem 1.6rem
}

.popover.error .arrow::after {
    border-bottom-color: #FF2A5E
}

.popover.error .arrow::before {
    border-bottom-color: transparent
}

.page-link,
.page-link:hover {
    line-height: 1.4;
    border: 0;
    font-size: 15px;
    background: #EBEEFF;
    color: #021EA9;
    padding: .7rem 1.3rem;
    -webkit-transition: all .2s;
    -moz-transition: allm .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.page-link i {
    font-size: 22px;
}

.page-link i.fa-angle-right {
    float: right;
    margin-left: .8rem
}

.page-link i.fa-angle-left {
    float: left;
    margin-right: .8rem
}

a.page-link:hover {
    border: 0;
    background: #021EA9;
    color: #fff
}

.page-item+.page-item {
    margin-left: 3px
}

.page-item:last-child .page-link {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.page-item:first-child .page-link {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

ul.sitemap {
    padding-left: 0;
    margin-left: 0
}

ul.sitemap li {
    border-bottom: 2px solid #F6EFFB;
    padding-bottom: 10px;
    margin-bottom: 20px
}

ul.sitemap2 li {
    border-bottom: 1px dashed #F6EFFB;
    margin-bottom: 5px;
    padding-bottom: 5px
}

ul.sitemap2 li:last-child {
    border-bottom: 0 dashed #F6EFFB
}

.sitemap,
.sitemap2 {
    list-style: none
}

.sitemap2 {
    margin-top: 10px
}

.sitemap li a b {
    font-size: 18px;
    color: #632791;
    font-weight: bold;
}

.sitemap2 li a b {
    font-size: 15px;
    font-weight: 400;
    color: #632791
}

.sitemap li a:hover b,
.sitemap2 li a:hover b {
    color: #9244CE
}

.alert-danger ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.alert-danger ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    font-size: .9rem;
}

.alert-danger ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.search-results {
    padding-top: 5vh
}

#btnFilterList i.fa-circle {
    color: #FF2A5E;
    font-size: 11px;
    float: right;
    margin-top: 6px;
    margin-left: 10px
}

.notifyjs-bootstrap-base {
    padding-right: 50px !important;
    position: relative;
}

.notifyjs-bootstrap-base::after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 8px;
    z-index: 1
}
.accordion-carnet .card-header .carnet-attraction-header{position:relative;padding-right:80px!important}
.accordion-carnet .card-header .carnet-attraction-header:not(.collapsed){border-bottom:1px solid #ebeeff}
.accordion-carnet .card-header .carnet-attraction-header::before{transition:all .2s;background:#ebeeff;color:#021EA9;display:flex;justify-content:center;align-items:center;width:35px;height:35px;content:"\f077";font-family:"Font Awesome 5 Free";font-weight:800;position:absolute;right:2rem;border-radius:35px;top:calc(50% - 17px);}
.accordion-carnet .card-header .carnet-attraction-header.collapsed::before{content:"\f078";}
.accordion-carnet .card{margin-bottom:5px;}
.accordion-carnet .card-header >div,.accordion-carnet .card-body{padding:1.5rem 2rem}
.accordion-carnet .card-header:hover{cursor:pointer}
.accordion-carnet .card-header:hover .carnet-attraction-header::before{background:#021EA9;color:#ebeeff;}
.box_cancellation_terms{background:#fffaf4;padding:1.5rem;border-radius:10px}
.card-header h4{font-size:1rem}
.accordion-carnet .card-body .border-bottom{border-bottom:1px solid #ebeeff!important}
.bookingBox .label{font-size: .7rem;padding:0;background:transparent;color:#565656}
.bookingBox h3{font-size: .9rem!important;margin:0!important}
.lh-1{line-height:1.2}
.btn-input-date{padding:.5rem 1rem;border:1px solid #ebeeff;background:#ebeeff;display: flex;align-items:center;border-radius:5px;font-size:14px;transition: all .2s;width:100%}
.btn-input-date i{margin-right:8px;color:#021EA9;cursor:pointer;transition: all .2s}
.btn-input-date:not(:disabled):hover{background:#021EA9;border-color:#021EA9;color:#fff}
.btn-input-date:not(:disabled):hover i{color:#fff}
.btn-input-date:disabled{opacity:0.4}
.btn-input-date.selected{background:#fff;border-color:#0C6;}
.btn-input-date.selected i::before{color:#0C6;content:"\f044"}
.btn-input-date.selected:hover i::before{color:#fff;}
.attraction-summary{border:3px solid #ebeeff;border-radius:20px;padding:.75rem;display:flex;align-items:center;flex-direction: row;}
.attraction-summary figure{width:110px;padding-top:25%;min-height:110px;border-radius:10px;background-size:cover;margin-bottom:0;margin-right:20px}
.attraction-summary h3{font-size:16px;color:#212533}
.attraction-summary .label{background:#021EA9;color:#fff}

.cart-add{width:100%}
.dropdown-menu.show {
    z-index: 10000;
  }
  .select-label{display:flex;margin-top:5px;}
  .select-label label{padding:0 15px;margin-bottom:0;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:13px;display:inline-flex;align-items:center}
  .bookingBox .btn.dropdown-toggle{border-radius:5px;padding:.5rem 1rem;margin-top:0}
  .bookingBox .select-label .btn.dropdown-toggle{display:flex;border-top-left-radius: 0;border-bottom-left-radius: 0;}
  #footer img{padding:10px 20px;background:#fff;border-radius:4px;}

    #langDropdown{padding:0;margin-left:10px;display:inline-flex;border:0;background:transparent;box-shadow:0;overflow:hidden;width:25px;height:25px;border-radius:50%}

    #langDropdown + .dropdown-menu{left:inherit!important;top:20px!important;right:0!important;width:auto!important;min-width:auto!important;transform:none!important}
    #langDropdown + .dropdown-menu .dropdown-item{text-transform:uppercase;font-size:13px!important}
    #langDropdown + .dropdown-menu .dropdown-item:first-child{font-weight:bold!important}
    #langDropdown + .dropdown-menu img{border:2px solid #fff;width:25px;margin-right:5px;border-radius:50%}
    .navbar-expand > .container{padding:0 15px!important;}
    .navbar-expand > .container{padding:0 15px!important;}
    header .navbar-brand img {
        width:220px;
        height:auto
    }
  @media (max-width:1199px) {
    #searchBox .video {
        width: 125%
    }

    #nearbyCities .owl-item a.box-city .box-wrapper figure {
        min-height: 335px
    }

    #nearbyCities .owl-item a.box-city .box-content h3 {
        font-size: 23px
    }

    #photoGallery .owl-item a.item-gallery,
    #photoGallery .owl-item a.item-gallery .box-wrapper figure {
        width: 960px
    }

    #photoGallery button.btn_prev {
        left: calc(50% - 450px)
    }

    #photoGallery button.btn_next {
        right: calc(50% - 450px)
    }

    .checkout_step li .progress {
        width: 150px
    }
}

@media (max-width:991px) {
    .cart-add{width:auto}

    .results {
        font-size: 1.1rem
    }

    .filters-column .header-filters-column {
        display: none;
        text-align: left;
        width: 100%;
        margin-top: -2vw;
        margin-bottom: 7vw;
        background: #fff;
        padding: .9rem 1.5rem .8rem;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
        font-size: 1.15rem;
        color: #212533;
        font-weight: 700;
        border-radius: 30px
    }

    #searchBox {
        padding: 12vh 0
    }

    html.noscroll-lg,
    html.noscroll-lg body {
        overflow: hidden !important
    }

    header.navbar-expand .navbar-nav .dropdown-menu {
        right: 0;
        left: inherit
    }

    #photoGallery .btn.fav,
    #photoGallery button.btn_next {
        right: calc(50% - 340px)
    }

    .container-fluid {
        padding: 0 15px
    }

    .btn {
        padding: .5rem .7rem
    }

    #hightlight .container-fluid .col-lg-9,
    #nearbyCities .container-fluid .col-md-12,
    .filters-column {
        padding: 0
    }

    #nearbyCities .owl-carousel .owl-stage {
        left: -5px
    }

    #hightlight .container-fluid .col-lg-3 p {
        display: none
    }

    #themesCarousel {
        margin-bottom: 0
    }

    .filters-column {
        display: none;
        position: fixed;
        width: 100vw;
        max-height: 100%;
        min-height: 100vh;
        top: 0;
        left: 0;
        z-index: 2;
        overflow-y: hidden
    }

    .filters-column-wrapper {
        height: calc(100% - 6rem);
        overflow-y: auto;
        padding: 8vw 8vw 9vw
    }

    .filters-column.showed,
    .filters-column.showed .footer-filters-column,
    .filters-column.showed .header-filters-column {
        display: block
    }

    #photoGallery .owl-item a.item-gallery,
    #photoGallery .owl-item a.item-gallery .box-wrapper figure {
        width: 720px
    }

    #photoGallery button.btn_prev {
        left: calc(50% - 340px)
    }

    #photoGallery .btn.fav {
        width: 48px;
        padding: 0;
        height: 48px;
        border-radius: 5px;
        text-align: center;
        line-height: 52px;
        position: absolute;
        z-index: 2;
        top: calc(5vh + 20px)
    }

    #photoGallery .btn.fav i {
        margin: 0
    }

    .bookingBox {
        margin-top: 3rem
    }

    .bookingBox .wrapper-booking-box {
        box-shadow: 0 -10px 20px rgba(0, 0, 0, .05)
    }

    .bookingBox .wrapper-booking-box .ticket-preview {
        padding: 2rem;
        margin: .6rem 0 2rem
    }

    .bookingBox .wrapper-booking-box.simple-event .ticket-preview {
        margin: .6rem 0
    }

    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:after,
    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:before {
        left: 100%;
        top: 50%
    }

    .bookingBox .wrapper-booking-box h4 {
        margin-bottom: 2rem
    }

    .bookingBox .btn.btn-success {
        padding: .7rem 1.5rem
    }

    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:after {
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #fff;
        border-width: 10px;
        margin-top: -10px;
        margin-left: 0
    }

    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:before {
        border-color: rgba(194, 225, 245, 0);
        border-left-color: #0c6;
        border-width: 13px;
        margin-top: -13px;
        margin-left: 0
    }

    .bookingBox .wrapper-booking-box:not(.simple-event) {
        min-height: 500px
    }

    .detail .info-detail {
        padding-top: 3vh
    }

    .bookingBox .wrapper-booking-box .first-date-available {
        margin-top: 0
    }

    #navigationActions {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        font-size: .8rem;
        line-height: 1rem;
        text-align: center;
        background: #fff;
        padding: 1.5rem;
        box-shadow: 0 -10px 20px rgba(0, 0, 0, .05);
        z-index: 3;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        margin-bottom: 0;
        -webkit-transition: margin-bottom .2s;
        -moz-transition: margin-bottom .2s;
        -o-transition: margin-bottom .2s;
        transition: margin-bottom .2s;
        z-index:1021
    }

    #navigationActions.hidden {
        margin-bottom: -120px
    }

    #navigationActions .btn-success {
        width: auto !important;
        padding: .7rem 1.5rem;
        display: inline-block
    }

    .checkout_step li .progress {
        width: 60px
    }

    .card-header h3 {
        padding-left: 9rem;
        padding-right: 9rem
    }

    section.module.lg h3.small {
        font-size: 1.6rem
    }
}

@media (max-width:800px) {
    #searchBox .video {
        min-width: 90vh
    }

    #searchBox .element1 {
        width: 480px
    }

    #themesCarousel {
        margin-bottom: 0
    }

    #hightlight,
    #nearbyCities {
        padding: 40px 0
    }
}

@media (max-width:768px) {
    .bookingBox .wrapper-booking-box h4 {
        margin-bottom: 1rem
    }

    #hightlight .carousel_controller,
    #nearbyCities .carousel_controller,
    #photoGallery button.btn_next,
    #photoGallery button.btn_prev {
        display: none
    }

    .container.md-fluid {
        width: 100%;
        max-width: 100%;
        padding: 0
    }

    .container.md-fluid .row {
        margin: 0
    }

    #hightlight .owl-carousel,
    #nearbyCities .owl-carousel {
        margin-top: 0
    }

    #hightlight .container-fluid .owl-carousel .owl-stage {
        left: -42px
    }

    #hightlight .owl-carousel .owl-stage {
        left: -15px
    }

    #nearbyCities .owl-carousel .owl-stage {
        left: -24px
    }

    a.box-city .box-content {
        padding-bottom: 20px
    }

    a.box-city .box-wrapper figure {
        min-height: 300px
    }

    a.box-city .box-content span {
        padding-left: 10px;
        padding-right: 10px
    }

    #hightlight h2,
    #nearbyCities h2 {
        margin-bottom: 0 !important
    }

    #photoGallery .owl-item a.item-gallery,
    #photoGallery .owl-item a.item-gallery .box-wrapper figure {
        width: calc(100vw - 100px)
    }

    #photoGallery .btn.fav {
        right: calc(50% - 315px)
    }
}

@media (max-width:767px) {
    .card-header figure{margin-top:-8px;margin-bottom:-8px;margin-left:-11px;min-width:130px;margin-right:20px;height: calc(100% + 8px);min-height:100px}
    body{font-size:.85rem}
    .accordion-carnet .card-header > div, .accordion-carnet .card-body,.bookingBox .ticketTypeAvailable + .card,.bookingBox .ticketTypeAvailable,.box_cancellation_terms{padding:12px 15px}
    .accordion-carnet .card-header .carnet-attraction-header::before{right:15px}
    .accordion-carnet .card-header .carnet-attraction-header{padding-right:60px}
    .label{padding: .2rem 1rem;font-size:.6rem}
    .card-header h4 {font-size: .8rem;}
    
    .detail .info-detail h3{line-height:1.2;font-size: 1rem;}
    #boxNewsletter .newsletter-content svg,
    .order-select-label,
    .text-box ul.tags,
    header .nav-item .dropdown-toggle::after,
    header a.nav-link span:not(.notify) {
        display: none
    }

    .header-page,
    footer h3+ul,
    footer ul.active {
        overflow: hidden
    }

    h2.title {
        font-size: 30px
    }

    header.navbar-expand .navbar-nav .dropdown-menu {
        top: 50px;
        left: 16px;
        width: calc(100% - 32px);
        position: fixed
    }

    #searchBox .container {
        max-width: 100%;
        padding: 0 15px
    }

    #hightlight,
    #nearbyCities {
        padding: 30px 0
    }

    .detail .info-detail h2 {
        font-size: 1.6rem;
        color: #212533;
        margin: 4rem 0 2rem;
        padding-bottom: 2rem
    }

    #photoGallery .owl-item a.item-gallery,
    #photoGallery .owl-item a.item-gallery .box-wrapper figure {
        width: calc(100vw - 30px);
        height: 350px
    }

    #photoGallery .btn.fav {
        right: 35px
    }

    .detail .info-detail .col-md-6:not(:last-child) .experience-info>div {
        padding-bottom: 1.1rem !important
    }

    .bookingBox .wrapper-booking-box {
        height: auto
    }

    .bookingBox .wrapper-booking-box .ticket-preview {
        padding: 1rem;
        margin: .6rem 0 2rem
    }

    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:after,
    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:before {
        top: 100%;
        left: 50%
    }

    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 10px;
        margin-left: -10px;
        margin-top: 0
    }

    .bookingBox .wrapper-booking-box:not(.simple-event) .ticket-preview:before {
        border-color: rgba(0, 204, 102, 0);
        border-top-color: #0c6;
        border-width: 13px;
        margin-left: -13px;
        margin-top: 0
    }

    .experience-inclusive ul.included-list li:last-child {
        margin-bottom: 1.5rem
    }

    .header-page .element1 {
        width: 331px
    }

    .header-page .element2 {
        left: -12vw
    }

    .header-page .element3 {
        right: -10vw;
        bottom: -30px
    }

    section.module img {
        width: 200px;
        margin-top: 2rem
    }

    section.module .col-md-4:first-child img {
        margin-top: 0
    }

    #boxNewsletter .newsletter-content {
        text-align: center;
        padding: 20px 40px
    }

    #boxNewsletter .newsletter-content h2 {
        margin-bottom: 20px;
        font-size: 25px
    }

    #boxNewsletter .newsletter-content p {
        text-align: left
    }

    footer h3 {
        position: relative;
        z-index: 1;
        cursor: pointer;
        margin-bottom: 0;
        padding-bottom: 20px
    }

    footer h3+ul {
        height: 0;
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        margin: 0
    }

    footer h3+ul::after {
        z-index: 0;
        top: 0;
        right: 15px;
        content: "\f067";
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        color: #fff
    }

    footer ul.active {
        height: auto
    }

    footer h3+ul.active::after {
        content: "\f068"
    }

    footer ul li a {
        padding: 13px 0;
        font-size: 15px
    }

    footer .bootstrap-select {
        width: 100% !important
    }

    .checkout_step li {
        text-align: center
    }

    .checkout_step li span.step {
        margin-bottom: .5rem
    }

    .checkout_step li .progress {
        margin-top: -17px;
        width: 95px
    }

    .card-header h3 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:575px) {
    .cart-add{width:100%}
    .bookingBox .ticketTypeAvailable .ticket-type-title,.bookingBox .ticketTypeAvailable .ticket-type-price{font-size:.9rem}
    .label{font-size:.6rem}
    .card-header h3 {font-weight:normal}
    .card-header h4 {display:none}
    .accordion-carnet .card-header .carnet-attraction-header::before{width:30px;height:30px;top: calc(50% - 15px);}

    .bookingBox {
        margin-top: 1rem
    }

    #guideOfTheMonth h2,
    #searchBox h2,
    #searchBox.theme svg {
        margin-bottom: 20px
    }

    header .navbar-brand img {
        width:140px;
        height:auto
    }

    h2.title {
        font-size: 25px
    }

    #searchBox {
        padding: 60px 10px
    }

    #searchBox h2,
    #searchBox.small h2 {
        font-size: 22px;
        font-weight: 100
    }

    #searchBox input,
    #searchBox #autocomplete div {
        padding: 15px 20px 15px 55px;
        font-size: 18px;
        border-radius: 60px !important;
        margin-bottom: 8px
    }

    #searchBox #autocomplete input,
    #searchBox #autocomplete div {
        margin-bottom: 0
    }

    #searchBox #autocomplete input,
    #searchBox #autocomplete div {
        padding-right: 135px
    }

    #searchBox input#searchPlace {
        margin-bottom: 0
    }

    #searchBox #autocomplete input.searching {
        border-radius: 28.5px 28.5px 0 0 !important
    }

    #searchBox div i.label-icon {
        font-size: 22px;
        top: 17px;
        left: 20px
    }

    #searchBox #searchButton {
        height: 47px;
        font-size: 18px;
        top: 3.5px
    }

    #searchBox #clearCalendar {
        top: 12px;
        right: 20px
    }

    #searchBox .element1,
    #searchBox .element2,
    #searchBox .element3,
    #searchBox .element4,
    #searchBox .element5,
    #searchBox .element6,
    .place-header .element1,
    .place-header .element2,
    .place-header .element3,
    .place-header .element4,
    .place-header .element5,
    .place-header .element6 {
        display: none
    }

    .place-header {
        padding: 8vh 0
    }

    .place-header .title {
        font-size: 2.5rem
    }

    header .date-picker-wrapper {
        box-sizing: border-box;
        padding: 25px !important;
        width: calc(100% - 30px);
        left: 15px !important;
        margin-top: -60px
    }

    #themesCarousel {
        margin-top: -60px
    }

    #themesCarousel .owl-item a {
        height: 110px
    }

    #nearbyCities {
        padding-bottom: 0
    }

    #nearbyCities .owl-item a.box-city .box-wrapper figure {
        min-height: 250px
    }

    a.box-city .box-content span {
        font-size: 13px
    }

    a.box-city .box-content {
        padding-bottom: 30px
    }

    #nearbyCities .owl-item a.box-city .box-content h3 {
        font-size: 20px
    }

    #nearbyCities .owl-carousel {
        margin-top: -10px
    }

    #guideOfTheMonth figure {
        width: 130px;
        height: 130px;
        border: 8px solid #fff9e8
    }

    #guideOfTheMonth .element1 {
        top: 70px;
        right: 11px;
        width: 80px
    }

    #guideOfTheMonth .element2 {
        bottom: inherit;
        top: 200px;
        left: 20px;
        width: 130px
    }

    #guideOfTheMonth .element3 {
        right: 0;
        width: 230px
    }

    #searchBox.theme svg {
        width: 50px
    }

    #searchBox .title {
        font-size: 25px
    }

    main .list,
    main .list.list-row {
        padding: 20px
    }

    .list-row a.box {
        border-radius: 20px
    }

    .list-row a.box .box-wrapper {
        flex-direction: column;
        flex-basis: 100%
    }

    .list-row a.box .box-content {
        width: 100%;
        flex-basis: 100%;
        padding: 1.3rem
    }

    .list-row a.box figure {
        flex-basis: auto;
        height: 190px;
        width: 100%;
        margin: 0;
        border-radius: 20px 20px 0 0
    }

    .list-row a.box .box-wrapper .box-content .box-body h3 {
        margin-top: 0
    }

    .list-row a.box .box-wrapper .box-content .box-body .label {
        position: absolute;
        top: -38px
    }

    #listSort .col-12 {
        padding: 0
    }

    #listSort .bootstrap-select,
    #listSort .btn {
        width: 100%;
        font-size: .9rem
    }

    .detail .rating-stars {
        font-size: .85rem
    }

    .detail .header-detail h1.title {
        font-size: 1.3rem
    }

    .detail .header-detail h2.title {
        font-size: 1.1rem
    }

    .detail .info-detail h2 {
        font-size: 1.35rem;
        margin: 3rem 0 1.2rem;
        padding-bottom: 1.2rem
    }

    .header-page {
        padding: 15px
    }
    #navigationActions {
        padding: 10px 15px
    }
    .detail .info-detail .experience-description .text-toggle p {
        font-size: .98rem;
        line-height: 1.45rem
    }

    #navigationActions .price strong {
        font-size: 1.9rem
    }

    #photoGallery .owl-item a.item-gallery,
    #photoGallery .owl-item a.item-gallery .box-wrapper figure {
        width: calc(100vw - 60px);
        height: 350px
    }

    #photoGallery .btn.fav {
        right: 48px
    }

    #formInfoRequest h4.title,
    .header-page-background h1 {
        font-size: 30px
    }

    .page-content h2.title {
        font-size: 1.5rem
    }

    h3.title {
        font-size: 1.3rem
    }

    .promo-alert {
        padding: 1.2rem
    }

    .page-content p {
        font-size: 1rem
    }

    .promo-alert .btn {
        margin-top: 1rem
    }

    #boxNewsletter .newsletter-content {
        padding: 15px
    }

    #boxNewsletter .newsletter-content input {
        font-size: 16px;
        padding-right: 128px
    }

    #boxNewsletter .newsletter-content button {
        top: 13px
    }

    .checkout_step li .progress {
        margin-top: 0;
        width: 60px
    }

    .cart-content figure {
        max-height: 250px
    }

    .popover.error .popover-body {
        padding: .5rem 1.6rem
    }

    .detail .info-detail h3,
    .experience-meeting-point address {
        font-size: 1rem
    }

    .experience-meeting-point-info {
        margin-bottom: 40px;
        margin-top: 0 !important
    }

    .cart-content {
        padding: 1rem
    }

    .cart-content.paid .paid-label,
    .cart-tot .tot {
        font-size: 1.1rem
    }

    .cart-tot .tot strong {
        margin-right: 0
    }

    .cart-content.paid .paid-label i {
        display: none
    }
}

@media (max-width:400px) {
    a.box-city .box-content {
        padding-bottom: 10px
    }
}

@media (max-width:414px) {

    #listSort .btn span,
    header .dropdown-toggle::after {
        display: none
    }

    header .nav-link {
        padding-top: 10px
    }

    header i {
        font-size: 20px
    }

    header .dropdown-menu {
        left: inherit;
        right: 0
    }

    #themesCarousel .container {
        padding: 0
    }

    #themesCarousel .owl-stage {
        left: 16px
    }

    #listSort .btn {
        width: 100%;
        padding: .5rem .8rem
    }

    .bookingBox .btn.btn-success {
        padding: .7rem 0;
        text-align: center;
        width: 100%
    }

    .bookingBox .ticketTypeAvailable {
        padding: 1.3rem
    }

    #navigationActions .btn-success {
        padding: .7rem .8rem
    }

    .checkout_step li {
        margin: 0
    }

    .checkout_step li .progress {
        margin-top: 0;
        width: 15vw
    }
}

@media (max-width:399px) {
    header.navbar {
        padding: 10px 16px
    }

    #hightlight .owl-carousel .owl-stage {
        left: -22px
    }

    #nearbyCities .owl-carousel .owl-stage {
        left: -13px
    }

    #hightlight .container-fluid .owl-carousel .owl-stage {
        left: -22px
    }

    main .list,
    main .list.list-row {
        padding: 20px 0
    }
    header a.nav-link svg{margin-right:0}
    #langDropdown{margin-left:5px}
}

@media (max-width:350px) {
    header .navbar-brand #logo {
        width: 140px
    }

    header .navbar-brand #logo .st4 {
        display: none
    }

    main .list {
        padding: 20px 0
    }

    #photoGallery .owl-item a.item-gallery,
    #photoGallery .owl-item a.item-gallery .box-wrapper figure {
        width: calc(100vw - 20px);
        height: 350px
    }

    #photoGallery .btn.fav {
        right: 28px
    }

    .bookingBox .wrapper-booking-box .inlineCalendar .date-picker-wrapper table.month1 {
        width: 100%
    }

    .bookingBox .wrapper-booking-box {
        padding: 15px 10px
    }

    .bookingBox .wrapper-booking-box .inlineCalendar .date-picker-wrapper .month-wrapper table .day {
        line-height: 26px
    }

    .checkout_step li .progress {
        margin-top: 0;
        width: 10vw
    }
}