@import"https://fonts.googleapis.com/css?family=Oxygen:300,400,700|Lato|Roboto:300,400,500,700,900|Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Catamaran:wght@400;500;600;700;800;900&display=swap";
/* @import"nouislider.min.css";
@import"rangeslider.css";
@import"fonts/icons/style.css"; */
@import"../../styles/nouislider.min.css";
@import"../../styles/rangeslider.css";
/* @import"../../styles/fonts/icons/style.css"; */
@import"../../fonts/icons/style.css";
/* @import"../fonts/icons/style.css"; */
@import"https://fonts.googleapis.com/css?family=Oxygen:300,400,700";

:root {
    --mainBlueNavFooter: #11305e;
    --darkblue: #076d83;
    --darkYellow:  #ef8c22;
    --white: #fff;
    --mainSegments: #084974;
    --bluePinIcon: #3072ae;
    --halfBlueContainer : #004b80;
    --darkOrange : #ff992b;
    --searchBar : #3571ae;
    --seaBlue : #0a71b5;

  }

@-webkit-keyframes loading-shine-lines {
    0% {
        background-position: 100%
    }

    100% {
        background-position: 0
    }
}

@keyframes loading-shine-lines {
    0% {
        background-position: 100%
    }

    100% {
        background-position: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes mini-bounce {
    from {
        transform: translateY(0px)
    }

    to {
        transform: translateY(-5px)
    }
}

@keyframes mini-bounce {
    from {
        transform: translateY(0px)
    }

    to {
        transform: translateY(-5px)
    }
}

@-webkit-keyframes bounce-anim {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    10% {
        transform: scale(1.1, 1) translateY(0)
    }

    30% {
        transform: scale(1, 1.1) translateY(-50px)
    }

    50% {
        transform: scale(1.05, 0.95) translateY(0)
    }

    57% {
        transform: scale(1, 1) translateY(-4px)
    }

    64% {
        transform: scale(1, 1) translateY(0)
    }

    100% {
        transform: scale(1, 1) translateY(0)
    }
}

@keyframes bounce-anim {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    10% {
        transform: scale(1.1, 1) translateY(0)
    }

    30% {
        transform: scale(1, 1.1) translateY(-50px)
    }

    50% {
        transform: scale(1.05, 0.95) translateY(0)
    }

    57% {
        transform: scale(1, 1) translateY(-4px)
    }

    64% {
        transform: scale(1, 1) translateY(0)
    }

    100% {
        transform: scale(1, 1) translateY(0)
    }
}

@-webkit-keyframes zoomInOut {
    0% {
        opacity: 0;
        transform: scale3d(1, 1, 1)
    }

    50% {
        opacity: .5;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes zoomInOut {
    0% {
        opacity: 0;
        transform: scale3d(1, 1, 1)
    }

    50% {
        opacity: .5;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translateX(25%);
        visibility: visible;
        opacity: 0
    }

    25% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(25%);
        visibility: visible;
        opacity: 0
    }

    25% {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translateX(-25%);
        visibility: visible;
        opacity: 0
    }

    25% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-25%);
        visibility: visible;
        opacity: 0
    }

    25% {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInLeftFull {
    0% {
        transform: translateX(-100%);
        visibility: visible;
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideInLeftFull {
    0% {
        transform: translateX(-100%);
        visibility: visible;
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translateY(-25%);
        visibility: visible;
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideInDown {
    0% {
        transform: translateY(-25%);
        visibility: visible;
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translateY(25%);
        visibility: visible;
        opacity: 0
    }

    25% {
        opacity: 1
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(25%);
        visibility: visible;
        opacity: 0
    }

    25% {
        opacity: 1
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideDown {
    0% {
        height: 0
    }

    100% {
        height: 300px
    }
}

@keyframes slideDown {
    0% {
        height: 0
    }

    100% {
        height: 300px
    }
}

@-webkit-keyframes expansionCardAnim {
    0% {
        transform: translate3d(8px, 12px, 0);
        visibility: visible;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes expansionCardAnim {
    0% {
        transform: translate3d(8px, 12px, 0);
        visibility: visible;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes loading {
    100% {
        transform: translateX(100%)
    }
}

@keyframes loading {
    100% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes smooth-bounce {

    0%,
    100% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(20px)
    }
}

@keyframes smooth-bounce {

    0%,
    100% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(20px)
    }
}

@-webkit-keyframes smooth-bounce-hor {

    0%,
    100% {
        transform: translateX(-5px)
    }

    50% {
        transform: translateX(10px)
    }
}

@keyframes smooth-bounce-hor {

    0%,
    100% {
        transform: translateX(-5px)
    }

    50% {
        transform: translateX(10px)
    }
}

@-webkit-keyframes minor-blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px)
    }

    100% {
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px)
    }
}

@keyframes minor-blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px)
    }

    100% {
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px)
    }
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.98)
    }

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

    100% {
        transform: scale(0.98);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.98)
    }

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

    100% {
        transform: scale(0.98);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@-webkit-keyframes flipSideToSide {
    0% {
        transform: rotateY(180deg)
    }

    50% {
        transform: rotateY(-180deg)
    }

    100% {
        transform: rotateY(180deg)
    }
}

@keyframes flipSideToSide {
    0% {
        transform: rotateY(180deg)
    }

    50% {
        transform: rotateY(-180deg)
    }

    100% {
        transform: rotateY(180deg)
    }
}

@-webkit-keyframes ShineAnimation {
    from {
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.2) 48%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 51%, rgba(255, 255, 255, 0.2) 52%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
        background-position: -300px -300px;
        background-size: 600px 600px
    }

    to {
        background-repeat: no-repeat;
        background-position: 300px 300px
    }
}

@keyframes ShineAnimation {
    from {
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.2) 48%, rgba(255, 255, 255, 0.4) 49%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 51%, rgba(255, 255, 255, 0.2) 52%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
        background-position: -300px -300px;
        background-size: 600px 600px
    }

    to {
        background-repeat: no-repeat;
        background-position: 300px 300px
    }
}

@font-face {
    font-family: "VisbyCF";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-thin-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-thin-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-light-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-light-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-lightoblique-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-lightoblique-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-medium-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-medium-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-mediumoblique-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-mediumoblique-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-demibold-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-demibold-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-demiboldoblique-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-demiboldoblique-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../../fonts/visbycf/VisbyCF-Bold.woff2") format("woff2"), url("../../fonts/visbycf/VisbyCF-Bold.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-boldoblique-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-boldoblique-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../../fonts/visbycf/VisbyCF-Bold.woff2") format("woff2"), url("../../fonts/visbycf/VisbyCF-Bold.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-extraboldoblique-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-extraboldoblique-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-heavy-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-heavy-webfont.woff") format("woff")
}

@font-face {
    font-family: "VisbyCF";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../../fonts/visbycf/visbycf-heavyoblique-webfont.woff2") format("woff2"), url("../../fonts/visbycf/visbycf-heavyoblique-webfont.woff") format("woff")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-Thin.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-Light.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-LightItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-Italic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-Medium.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 750;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 750;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-Black.ttf") format("truetype")
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../../fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype")
}

@font-face {
    font-family: "Pe-icon-7-stroke";
    src: url("../../fonts/Pe-icon-7-stroke.eot?d7yf1v");
    src: url("../../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("../../fonts/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("../../fonts/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("../../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^=pe-7s-],
[class*=" pe-7s-"] {
    display: inline-block;
    font-family: "Pe-icon-7-stroke";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pe-7s-album:before {
    content: ""
}

.pe-7s-arc:before {
    content: ""
}

.pe-7s-back-2:before {
    content: ""
}

.pe-7s-bandaid:before {
    content: ""
}

.pe-7s-car:before {
    content: ""
}

.pe-7s-diamond:before {
    content: ""
}

.pe-7s-door-lock:before {
    content: ""
}

.pe-7s-eyedropper:before {
    content: ""
}

.pe-7s-female:before {
    content: ""
}

.pe-7s-gym:before {
    content: ""
}

.pe-7s-hammer:before {
    content: ""
}

.pe-7s-headphones:before {
    content: ""
}

.pe-7s-helm:before {
    content: ""
}

.pe-7s-hourglass:before {
    content: ""
}

.pe-7s-leaf:before {
    content: ""
}

.pe-7s-magic-wand:before {
    content: ""
}

.pe-7s-male:before {
    content: ""
}

.pe-7s-map-2:before {
    content: ""
}

.pe-7s-next-2:before {
    content: ""
}

.pe-7s-paint-bucket:before {
    content: ""
}

.pe-7s-pendrive:before {
    content: ""
}

.pe-7s-photo:before {
    content: ""
}

.pe-7s-piggy:before {
    content: ""
}

.pe-7s-plugin:before {
    content: ""
}

.pe-7s-refresh-2:before {
    content: ""
}

.pe-7s-rocket:before {
    content: ""
}

.pe-7s-settings:before {
    content: ""
}

.pe-7s-shield:before {
    content: ""
}

.pe-7s-smile:before {
    content: ""
}

.pe-7s-usb:before {
    content: ""
}

.pe-7s-vector:before {
    content: ""
}

.pe-7s-wine:before {
    content: ""
}

.pe-7s-cloud-upload:before {
    content: ""
}

.pe-7s-cash:before {
    content: ""
}

.pe-7s-close:before {
    content: ""
}

.pe-7s-bluetooth:before {
    content: ""
}

.pe-7s-cloud-download:before {
    content: ""
}

.pe-7s-way:before {
    content: ""
}

.pe-7s-close-circle:before {
    content: ""
}

.pe-7s-id:before {
    content: ""
}

.pe-7s-angle-up:before {
    content: ""
}

.pe-7s-wristwatch:before {
    content: ""
}

.pe-7s-angle-up-circle:before {
    content: ""
}

.pe-7s-world:before {
    content: ""
}

.pe-7s-angle-right:before {
    content: ""
}

.pe-7s-volume:before {
    content: ""
}

.pe-7s-angle-right-circle:before {
    content: ""
}

.pe-7s-users:before {
    content: ""
}

.pe-7s-angle-left:before {
    content: ""
}

.pe-7s-user-female:before {
    content: ""
}

.pe-7s-angle-left-circle:before {
    content: ""
}

.pe-7s-up-arrow:before {
    content: ""
}

.pe-7s-angle-down:before {
    content: ""
}

.pe-7s-switch:before {
    content: ""
}

.pe-7s-angle-down-circle:before {
    content: ""
}

.pe-7s-scissors:before {
    content: ""
}

.pe-7s-wallet:before {
    content: ""
}

.pe-7s-safe:before {
    content: ""
}

.pe-7s-volume2:before {
    content: ""
}

.pe-7s-volume1:before {
    content: ""
}

.pe-7s-voicemail:before {
    content: ""
}

.pe-7s-video:before {
    content: ""
}

.pe-7s-user:before {
    content: ""
}

.pe-7s-upload:before {
    content: ""
}

.pe-7s-unlock:before {
    content: ""
}

.pe-7s-umbrella:before {
    content: ""
}

.pe-7s-trash:before {
    content: ""
}

.pe-7s-tools:before {
    content: ""
}

.pe-7s-timer:before {
    content: ""
}

.pe-7s-ticket:before {
    content: ""
}

.pe-7s-target:before {
    content: ""
}

.pe-7s-sun:before {
    content: ""
}

.pe-7s-study:before {
    content: ""
}

.pe-7s-stopwatch:before {
    content: ""
}

.pe-7s-star:before {
    content: ""
}

.pe-7s-speaker:before {
    content: ""
}

.pe-7s-signal:before {
    content: ""
}

.pe-7s-shuffle:before {
    content: ""
}

.pe-7s-shopbag:before {
    content: ""
}

.pe-7s-share:before {
    content: ""
}

.pe-7s-server:before {
    content: ""
}

.pe-7s-search:before {
    content: ""
}

.pe-7s-film:before {
    content: ""
}

.pe-7s-science:before {
    content: ""
}

.pe-7s-disk:before {
    content: ""
}

.pe-7s-ribbon:before {
    content: ""
}

.pe-7s-repeat:before {
    content: ""
}

.pe-7s-refresh:before {
    content: ""
}

.pe-7s-add-user:before {
    content: ""
}

.pe-7s-refresh-cloud:before {
    content: ""
}

.pe-7s-paperclip:before {
    content: ""
}

.pe-7s-radio:before {
    content: ""
}

.pe-7s-note2:before {
    content: ""
}

.pe-7s-print:before {
    content: ""
}

.pe-7s-network:before {
    content: ""
}

.pe-7s-prev:before {
    content: ""
}

.pe-7s-mute:before {
    content: ""
}

.pe-7s-power:before {
    content: ""
}

.pe-7s-medal:before {
    content: ""
}

.pe-7s-portfolio:before {
    content: ""
}

.pe-7s-like2:before {
    content: ""
}

.pe-7s-plus:before {
    content: ""
}

.pe-7s-left-arrow:before {
    content: ""
}

.pe-7s-play:before {
    content: ""
}

.pe-7s-key:before {
    content: ""
}

.pe-7s-plane:before {
    content: ""
}

.pe-7s-joy:before {
    content: ""
}

.pe-7s-photo-gallery:before {
    content: ""
}

.pe-7s-pin:before {
    content: ""
}

.pe-7s-phone:before {
    content: ""
}

.pe-7s-plug:before {
    content: ""
}

.pe-7s-pen:before {
    content: ""
}

.pe-7s-right-arrow:before {
    content: ""
}

.pe-7s-paper-plane:before {
    content: ""
}

.pe-7s-delete-user:before {
    content: ""
}

.pe-7s-paint:before {
    content: ""
}

.pe-7s-bottom-arrow:before {
    content: ""
}

.pe-7s-notebook:before {
    content: ""
}

.pe-7s-note:before {
    content: ""
}

.pe-7s-next:before {
    content: ""
}

.pe-7s-news-paper:before {
    content: ""
}

.pe-7s-musiclist:before {
    content: ""
}

.pe-7s-music:before {
    content: ""
}

.pe-7s-mouse:before {
    content: ""
}

.pe-7s-more:before {
    content: ""
}

.pe-7s-moon:before {
    content: ""
}

.pe-7s-monitor:before {
    content: ""
}

.pe-7s-micro:before {
    content: ""
}

.pe-7s-menu:before {
    content: ""
}

.pe-7s-map:before {
    content: ""
}

.pe-7s-map-marker:before {
    content: ""
}

.pe-7s-mail:before {
    content: ""
}

.pe-7s-mail-open:before {
    content: ""
}

.pe-7s-mail-open-file:before {
    content: ""
}

.pe-7s-magnet:before {
    content: ""
}

.pe-7s-loop:before {
    content: ""
}

.pe-7s-look:before {
    content: ""
}

.pe-7s-lock:before {
    content: ""
}

.pe-7s-lintern:before {
    content: ""
}

.pe-7s-link:before {
    content: ""
}

.pe-7s-like:before {
    content: ""
}

.pe-7s-light:before {
    content: ""
}

.pe-7s-less:before {
    content: ""
}

.pe-7s-keypad:before {
    content: ""
}

.pe-7s-junk:before {
    content: ""
}

.pe-7s-info:before {
    content: ""
}

.pe-7s-home:before {
    content: ""
}

.pe-7s-help2:before {
    content: ""
}

.pe-7s-help1:before {
    content: ""
}

.pe-7s-graph3:before {
    content: ""
}

.pe-7s-graph2:before {
    content: ""
}

.pe-7s-graph1:before {
    content: ""
}

.pe-7s-graph:before {
    content: ""
}

.pe-7s-global:before {
    content: ""
}

.pe-7s-gleam:before {
    content: ""
}

.pe-7s-glasses:before {
    content: ""
}

.pe-7s-gift:before {
    content: ""
}

.pe-7s-folder:before {
    content: ""
}

.pe-7s-flag:before {
    content: ""
}

.pe-7s-filter:before {
    content: ""
}

.pe-7s-file:before {
    content: ""
}

.pe-7s-expand1:before {
    content: ""
}

.pe-7s-exapnd2:before {
    content: ""
}

.pe-7s-edit:before {
    content: ""
}

.pe-7s-drop:before {
    content: ""
}

.pe-7s-drawer:before {
    content: ""
}

.pe-7s-download:before {
    content: ""
}

.pe-7s-display2:before {
    content: ""
}

.pe-7s-display1:before {
    content: ""
}

.pe-7s-diskette:before {
    content: ""
}

.pe-7s-date:before {
    content: ""
}

.pe-7s-cup:before {
    content: ""
}

.pe-7s-culture:before {
    content: ""
}

.pe-7s-crop:before {
    content: ""
}

.pe-7s-credit:before {
    content: ""
}

.pe-7s-copy-file:before {
    content: ""
}

.pe-7s-config:before {
    content: ""
}

.pe-7s-compass:before {
    content: ""
}

.pe-7s-comment:before {
    content: ""
}

.pe-7s-coffee:before {
    content: ""
}

.pe-7s-cloud:before {
    content: ""
}

.pe-7s-clock:before {
    content: ""
}

.pe-7s-check:before {
    content: ""
}

.pe-7s-chat:before {
    content: ""
}

.pe-7s-cart:before {
    content: ""
}

.pe-7s-camera:before {
    content: ""
}

.pe-7s-call:before {
    content: ""
}

.pe-7s-calculator:before {
    content: ""
}

.pe-7s-browser:before {
    content: ""
}

.pe-7s-box2:before {
    content: ""
}

.pe-7s-box1:before {
    content: ""
}

.pe-7s-bookmarks:before {
    content: ""
}

.pe-7s-bicycle:before {
    content: ""
}

.pe-7s-bell:before {
    content: ""
}

.pe-7s-battery:before {
    content: ""
}

.pe-7s-ball:before {
    content: ""
}

.pe-7s-back:before {
    content: ""
}

.pe-7s-attention:before {
    content: ""
}

.pe-7s-anchor:before {
    content: ""
}

.pe-7s-albums:before {
    content: ""
}

.pe-7s-alarm:before {
    content: ""
}

.pe-7s-airplay:before {
    content: ""
}

.pe-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -15%
}

.pe-2x {
    font-size: 2em
}

.pe-3x {
    font-size: 3em
}

.pe-4x {
    font-size: 4em
}

.pe-5x {
    font-size: 5em
}

.pe-fw {
    width: 1.2857142857em;
    text-align: center
}

.pe-ul {
    padding-left: 0;
    margin-left: 2.1428571429em;
    list-style-type: none
}

.pe-ul>li {
    position: relative
}

.pe-li {
    position: absolute;
    left: -2.1428571429em;
    width: 2.1428571429em;
    top: 0.1428571429em;
    text-align: center
}

.pe-li.pe-lg {
    left: -1.8571428571em
}

.pe-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.pe.pull-left {
    margin-right: .3em
}

.pe.pull-right {
    margin-left: .3em
}

.pe-spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.pe-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}

.pe-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.pe-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}

.pe-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    transform: scale(-1, 1)
}

.pe-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    transform: scale(1, -1)
}

.pe-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.pe-stack-1x,
.pe-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.pe-stack-1x {
    line-height: inherit
}

.pe-stack-2x {
    font-size: 2em
}

.pe-inverse {
    color: #fff
}

.pe-va {
    vertical-align: middle
}

.pe-border {
    border: solid .08em #eaeaea
}

[class^=pe-7s-],
[class*=" pe-7s-"] {
    display: inline-block
}

@font-face {
    font-family: "si-feather";
    src: url("../../fonts/si-feather.eot?51wx0e");
    src: url("../../fonts/si-feather.eot?51wx0e#iefix") format("embedded-opentype"), url("../../fonts/si-feather.ttf?51wx0e") format("truetype"), url("../../fonts/si-feather.woff?51wx0e") format("woff"), url("../../fonts/si-feather.svg?51wx0e#si-feather") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.si-feather {
    font-family: "si-feather" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-activity:before {
    content: ""
}

.icon-airplay:before {
    content: ""
}

.icon-alert-circle:before {
    content: ""
}

.icon-alert-octagon:before {
    content: ""
}

.icon-alert-triangle:before {
    content: ""
}

.icon-align-center:before {
    content: ""
}

.icon-align-justify:before {
    content: ""
}

.icon-align-left:before {
    content: ""
}

.icon-align-right:before {
    content: ""
}

.icon-anchor:before {
    content: ""
}

.icon-aperture:before {
    content: ""
}

.icon-archive:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-down-circle:before {
    content: ""
}

.icon-arrow-down-left:before {
    content: ""
}

.icon-arrow-down-right:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-left-circle:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-right-circle:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-arrow-up-circle:before {
    content: ""
}

.icon-arrow-up-left:before {
    content: ""
}

.icon-arrow-up-right:before {
    content: ""
}

.icon-at-sign:before {
    content: ""
}

.icon-award:before {
    content: ""
}

.icon-bar-chart:before {
    content: ""
}

.icon-bar-chart-2:before {
    content: ""
}

.icon-battery:before {
    content: ""
}

.icon-battery-charging:before {
    content: ""
}

.icon-bell:before {
    content: ""
}

.icon-bell-off:before {
    content: ""
}

.icon-bluetooth:before {
    content: ""
}

.icon-bold:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-book-open:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-box:before {
    content: ""
}

.icon-briefcase:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-camera:before {
    content: ""
}

.icon-camera-off:before {
    content: ""
}

.icon-cast:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-check-circle:before {
    content: ""
}

.icon-check-square:before {
    content: ""
}

.icon-chevron-down:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.icon-chevron-up:before {
    content: ""
}

.icon-chevrons-down:before {
    content: ""
}

.icon-chevrons-left:before {
    content: ""
}

.icon-chevrons-right:before {
    content: ""
}

.icon-chevrons-up:before {
    content: ""
}

.icon-chrome:before {
    content: ""
}

.icon-circle:before {
    content: ""
}

.icon-clipboard:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-cloud:before {
    content: ""
}

.icon-cloud-drizzle:before {
    content: ""
}

.icon-cloud-lightning:before {
    content: ""
}

.icon-cloud-off:before {
    content: ""
}

.icon-cloud-rain:before {
    content: ""
}

.icon-cloud-snow:before {
    content: ""
}

.icon-code:before {
    content: ""
}

.icon-codepen:before {
    content: ""
}

.icon-codesandbox:before {
    content: ""
}

.icon-coffee:before {
    content: ""
}

.icon-columns:before {
    content: ""
}

.icon-command:before {
    content: ""
}

.icon-compass:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-corner-down-left:before {
    content: ""
}

.icon-corner-down-right:before {
    content: ""
}

.icon-corner-left-down:before {
    content: ""
}

.icon-corner-left-up:before {
    content: ""
}

.icon-corner-right-down:before {
    content: ""
}

.icon-corner-right-up:before {
    content: ""
}

.icon-corner-up-left:before {
    content: ""
}

.icon-corner-up-right:before {
    content: ""
}

.icon-cpu:before {
    content: ""
}

.icon-credit-card:before {
    content: ""
}

.icon-crop:before {
    content: ""
}

.icon-crosshair:before {
    content: ""
}

.icon-database:before {
    content: ""
}

.icon-delete:before {
    content: ""
}

.icon-disc:before {
    content: ""
}

.icon-dollar-sign:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-download-cloud:before {
    content: ""
}

.icon-droplet:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-edit-2:before {
    content: ""
}

.icon-edit-3:before {
    content: ""
}

.icon-external-link:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-eye-off:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-fast-forward:before {
    content: ""
}

.icon-feather:before {
    content: ""
}

.icon-figma:before {
    content: ""
}

.icon-file:before {
    content: ""
}

.icon-file-minus:before {
    content: ""
}

.icon-file-plus:before {
    content: ""
}

.icon-file-text:before {
    content: ""
}

.icon-film:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-folder:before {
    content: ""
}

.icon-folder-minus:before {
    content: ""
}

.icon-folder-plus:before {
    content: ""
}

.icon-framer:before {
    content: ""
}

.icon-frown:before {
    content: ""
}

.icon-gift:before {
    content: ""
}

.icon-git-branch:before {
    content: ""
}

.icon-git-commit:before {
    content: ""
}

.icon-git-merge:before {
    content: ""
}

.icon-git-pull-request:before {
    content: ""
}

.icon-github:before {
    content: ""
}

.icon-gitlab:before {
    content: ""
}

.icon-globe:before {
    content: ""
}

.icon-grid:before {
    content: ""
}

.icon-hard-drive:before {
    content: ""
}

.icon-hash:before {
    content: ""
}

.icon-headphones:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-help-circle:before {
    content: ""
}

.icon-hexagon:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-image:before {
    content: ""
}

.icon-inbox:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-italic:before {
    content: ""
}

.icon-key:before {
    content: ""
}

.icon-layers:before {
    content: ""
}

.icon-layout:before {
    content: ""
}

.icon-life-buoy:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-link-2:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-loader:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-log-in:before {
    content: ""
}

.icon-log-out:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-map-pin:before {
    content: ""
}

.icon-maximize:before {
    content: ""
}

.icon-maximize-2:before {
    content: ""
}

.icon-meh:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-message-circle:before {
    content: ""
}

.icon-message-square:before {
    content: ""
}

.icon-mic:before {
    content: ""
}

.icon-mic-off:before {
    content: ""
}

.icon-minimize:before {
    content: ""
}

.icon-minimize-2:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-minus-circle:before {
    content: ""
}

.icon-minus-square:before {
    content: ""
}

.icon-monitor:before {
    content: ""
}

.icon-moon:before {
    content: ""
}

.icon-more-horizontal:before {
    content: ""
}

.icon-more-vertical:before {
    content: ""
}

.icon-mouse-pointer:before {
    content: ""
}

.icon-move:before {
    content: ""
}

.icon-music:before {
    content: ""
}

.icon-navigation:before {
    content: ""
}

.icon-navigation-2:before {
    content: ""
}

.icon-octagon:before {
    content: ""
}

.icon-package:before {
    content: ""
}

.icon-paperclip:before {
    content: ""
}

.icon-pause:before {
    content: ""
}

.icon-pause-circle:before {
    content: ""
}

.icon-pen-tool:before {
    content: ""
}

.icon-percent:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-phone-call:before {
    content: ""
}

.icon-phone-forwarded:before {
    content: ""
}

.icon-phone-incoming:before {
    content: ""
}

.icon-phone-missed:before {
    content: ""
}

.icon-phone-off:before {
    content: ""
}

.icon-phone-outgoing:before {
    content: ""
}

.icon-pie-chart:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-play-circle:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-plus-circle:before {
    content: ""
}

.icon-plus-square:before {
    content: ""
}

.icon-pocket:before {
    content: ""
}

.icon-power:before {
    content: ""
}

.icon-printer:before {
    content: ""
}

.icon-radio:before {
    content: ""
}

.icon-refresh-ccw:before {
    content: ""
}

.icon-refresh-cw:before {
    content: ""
}

.icon-repeat:before {
    content: ""
}

.icon-rewind:before {
    content: ""
}

.icon-rotate-ccw:before {
    content: ""
}

.icon-rotate-cw:before {
    content: ""
}

.icon-rss:before {
    content: ""
}

.icon-save:before {
    content: ""
}

.icon-scissors:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-send:before {
    content: ""
}

.icon-server:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-share-2:before {
    content: ""
}

.icon-shield:before {
    content: ""
}

.icon-shield-off:before {
    content: ""
}

.icon-shopping-bag:before {
    content: ""
}

.icon-shopping-cart:before {
    content: ""
}

.icon-shuffle:before {
    content: ""
}

.icon-sidebar:before {
    content: ""
}

.icon-skip-back:before {
    content: ""
}

.icon-skip-forward:before {
    content: ""
}

.icon-slack:before {
    content: ""
}

.icon-slash:before {
    content: ""
}

.icon-sliders:before {
    content: ""
}

.icon-smartphone:before {
    content: ""
}

.icon-smile:before {
    content: ""
}

.icon-speaker:before {
    content: ""
}

.icon-square:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-stop-circle:before {
    content: ""
}

.icon-sun:before {
    content: ""
}

.icon-sunrise:before {
    content: ""
}

.icon-sunset:before {
    content: ""
}

.icon-tablet:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-target:before {
    content: ""
}

.icon-terminal:before {
    content: ""
}

.icon-thermometer:before {
    content: ""
}

.icon-thumbs-down:before {
    content: ""
}

.icon-thumbs-up:before {
    content: ""
}

.icon-toggle-left:before {
    content: ""
}

.icon-toggle-right:before {
    content: ""
}

.icon-tool:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-trash-2:before {
    content: ""
}

.icon-trello:before {
    content: ""
}

.icon-trending-down:before {
    content: ""
}

.icon-trending-up:before {
    content: ""
}

.icon-triangle:before {
    content: ""
}

.icon-truck:before {
    content: ""
}

.icon-tv:before {
    content: ""
}

.icon-twitch:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-type:before {
    content: ""
}

.icon-umbrella:before {
    content: ""
}

.icon-underline:before {
    content: ""
}

.icon-unlock:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

.icon-upload-cloud:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-user-check:before {
    content: ""
}

.icon-user-minus:before {
    content: ""
}

.icon-user-plus:before {
    content: ""
}

.icon-user-x:before {
    content: ""
}

.icon-users:before {
    content: ""
}

.icon-video:before {
    content: ""
}

.icon-video-off:before {
    content: ""
}

.icon-voicemail:before {
    content: ""
}

.icon-volume:before {
    content: ""
}

.icon-volume-1:before {
    content: ""
}

.icon-volume-2:before {
    content: ""
}

.icon-volume-x:before {
    content: ""
}

.icon-watch:before {
    content: ""
}

.icon-wifi:before {
    content: ""
}

.icon-wifi-off:before {
    content: ""
}

.icon-wind:before {
    content: ""
}

.icon-x:before {
    content: ""
}

.icon-x-circle:before {
    content: ""
}

.icon-x-octagon:before {
    content: ""
}

.icon-x-square:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-zap:before {
    content: ""
}

.icon-zap-off:before {
    content: ""
}

.icon-zoom-in:before {
    content: ""
}

.icon-zoom-out:before {
    content: ""
}

.ripple {
    background-position: center;
    transition: background .8s
}

.ripple:hover {
    background:  var(--seaBlue) radial-gradient(circle, transparent 1%, var(--seaBlue) 1%) center/15000%;
    color: #fff !important
}

.fadeIn {
    display: block;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: .6s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: fadeIn;
    -o-animation-duration: .6s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: fadeIn;
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.slideInUp {
    display: block;
    -webkit-animation-name: slideInUp;
    -webkit-animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: slideInUp;
    -moz-animation-duration: .6s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: slideInUp;
    -o-animation-duration: .6s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: slideInUp;
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.slideInDown {
    display: block;
    -webkit-animation-name: slideInDown;
    -webkit-animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: slideInDown;
    -moz-animation-duration: .6s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: slideInDown;
    -o-animation-duration: .6s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: slideInDown;
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.slideInLeft {
    display: block;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: slideInLeft;
    -moz-animation-duration: .6s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: slideInLeft;
    -o-animation-duration: .6s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: slideInLeft;
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.slideInRight {
    display: block;
    -webkit-animation-name: slideInRight;
    -webkit-animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: slideInRight;
    -moz-animation-duration: .6s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: slideInRight;
    -o-animation-duration: .6s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: slideInRight;
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -webkit-animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: zoomIn;
    -moz-animation-duration: .6s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: zoomIn;
    -o-animation-duration: .6s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: zoomIn;
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.zoomInOut {
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: .4s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: zoomInOut;
    -o-animation-duration: .4s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: zoomInOut;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.shine {
    -webkit-animation-name: ShineAnimation;
    -webkit-animation-duration: 6s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: ShineAnimation;
    -moz-animation-duration: 6s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: ShineAnimation;
    -o-animation-duration: 6s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: ShineAnimation;
    animation-duration: 6s;
    animation-fill-mode: both;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.12, 0.89, 0.98, 0.47);
    animation-timing-function: cubic-bezier(0.12, 0.89, 0.98, 0.47);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.search-results-map__overlay,
.doe-h-banner__img-container:before,
.content-wrapper--background:before,
.doe-ratings--read-only:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.top-nav-menu-backdrop,
.content-wrapper--home-search-backbrop,
.top-search-functions__backdrop {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.profile-nav__close {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    border: none;
    background: rgba(0, 0, 0, 0);
    color: #78909c;
    font-size: 1rem;
    opacity: .5;
    z-index: 5;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.profile-nav__close:hover {
    color: #546e7a;
    opacity: 1
}

.doe-button--alt2,
.text-shadow {
    text-shadow: 0px 1px 3px rgba(0, 0, 0, .4), 0px 4px 12px rgba(0, 0, 0, .1) !important
}

.ui-widget.ui-widget-content.ui-datepicker,
.pax {
    position: fixed !important;
    width: 100%;
    padding: 1.5rem;
    padding-top: 2rem;
    overflow: auto;
    background: #fff !important;
    border-top: .5px solid #e6e6e6;
    border: none;
    border-radius: 1rem 1rem 0 0;
    z-index: 106 !important;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    -webkit-animation-name: slideInUp;
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: slideInUp;
    -moz-animation-duration: .3s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: slideInUp;
    -o-animation-duration: .3s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: slideInUp;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-delay: 0s
}

@media(min-width: 767px) {

    .ui-widget.ui-widget-content.ui-datepicker,
    .pax {
        max-width: 435px !important;
        position: absolute !important;
        padding-top: 1rem;
        border: none;
        border-top: none;
        border-radius: 0rem;
        box-shadow: 0 10px 20px rgba(66, 66, 66, .19), 0 6px 6px rgba(66, 66, 66, .23);
        -webkit-animation-name: zoomInOut;
        -webkit-animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        -webkit-animation-delay: 0s;
        -moz-animation-name: zoomInOut;
        -moz-animation-duration: .3s;
        -moz-animation-fill-mode: both;
        -moz-animation-delay: 0s;
        -o-animation-name: zoomInOut;
        -o-animation-duration: .3s;
        -o-animation-fill-mode: both;
        -o-animation-delay: 0s;
        animation-name: zoomInOut;
        animation-duration: .3s;
        animation-fill-mode: both;
        animation-delay: 0s
    }
}

.tile-slider-inner,
.doe-breadcrumb-list,
.doe-h-scroll-container>div {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tile-slider-inner::-webkit-scrollbar,
.doe-breadcrumb-list::-webkit-scrollbar,
.doe-h-scroll-container>div::-webkit-scrollbar {
    display: none
}

.clear {
    clear: both
}

.button-general {
    padding: 12px 20px;
    border: 0;
    font-size: 14px;
    border-radius: 3px;
    color: #004165;
    cursor: pointer;
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    background-color: #ffd108;
    background-size: 100%;
    transition: linear all 0s
}

.button-general.reset {
    margin-left: 10px;
    background: none;
    box-shadow: none;
    color: #4b738a !important;
    font-weight: normal
}

.button-general.reset i {
    margin-right: 5px;
    margin-top: -1px
}

.white {
    color: #fff
}

.drop-button {
    padding: 8px;
    border: none;
    cursor: pointer;
    color: #143d57;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    outline: none;
    background: #ffd109;
    border-radius: 3px;
    margin-top: 4px;
    border: 2px solid #143c57;
    font-weight: bold
}

.drop-button .fa-chevron-down {
    margin-left: 10px;
    margin-top: 2px;
    float: right
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffd109;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2);
    z-index: 1;
    padding: 15px 0;
    top: 46px
}

.dropdown-content .apply-drop-filters {
    background: #143d57;
    border: 0;
    color: #fff;
    font-size: 13px;
    font-family: roboto;
    padding: 6px 15px;
    border-radius: 4px;
    margin-left: 21px;
    margin-top: 9px;
    cursor: pointer
}

.dropdown-content a label {
    float: left;
    font-size: 14px;
    padding: 5px 0 0 7px
}

.dropdown-content a {
    color: #000;
    padding: 7px 16px;
    text-decoration: none;
    display: block;
    min-height: 25px
}

.dropdown-content a input {
    width: 20px;
    height: 20px;
    float: left
}

.dropdown-content a label {
    float: left
}

.dropdown a:hover {
    background-color: #ddd
}

.show {
    display: block
}

.toggle-switch strong {
    line-height: 35px;
    float: left
}

.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 25px;
    top: 4px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s;
    border: 1px solid #153c55
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: #153c55;
    transition: .2s
}

input:checked+.slider:before {
    background-color: #e1e1e1
}

input:checked+.slider {
    background-color: #143d57
}

input:focus+.slider {
    box-shadow: 0 0 1px #143d57
}

input:checked+.slider:before {
    transform: translateX(26px);
    background: #ffd109
}

.show-map input:checked+.slider:before {
    transform: translateX(0)
}

.show-map input+.slider:before {
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.main-search-wrapper {
    display: inline-block;
    position: relative
}

.ngb-dp-day.disabled,
.ngb-dp-day.hidden {
    cursor: default;
    opacity: .5
}

.duration {
    position: absolute;
    bottom: 8px;
    width: 100%
}

.duration .duration-inner {
    display: inline-block;
    margin: 0 auto;
    padding: 30px 0 20px 25px;
    background: url(../../images/general/bg-dark-blue-80.png);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    position: relative;
    top: 12px
}

.cart-summary-popup {
    position: absolute;
    background: #fff;
    top: 70px;
    left: 15px;
    margin: 0 10px;
    border-radius: 4px;
    width: calc(100% - 50px);
    font-size: 14px;
    text-shadow: none;
    z-index: 98;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

@media(min-width: 767px) {
    .cart-summary-popup {
        width: auto;
        left: auto;
        right: 0;
        top: 40px;
        min-width: 300px;
        max-width: 350px
    }
}

.cart-summary-popup .cart-items {
    max-height: 247px;
    overflow: auto
}

.cart-summary-popup .cart-items .detail-wrap label strong {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    display: block
}

.cart-summary-popup .date-duration {
    font-size: 11px
}

.cart-summary-popup .cart-items li {
    border-bottom: 1px dashed #e1e1e1
}

.cart-summary-popup .cart-items li:hover {
    background: #edf2f5;
    cursor: pointer
}

.cart-summary-popup .cart-items li .far {
    color: #9e1212;
    font-size: 15px
}

.cart-summary-popup small {
    font-size: 11px
}

.cart-summary-popup .sub-total .cart-summary-popup .discount {
    font-size: 12px
}

.cart-summary-popup .checkout-section {
    background: #0a71b5
}

.cart-summary-popup .total-values {
    background: #f6f8f9
}

.pax-changer-wrap.active .lbl-pax,
.date-changer-wrap.active .after-select-lbl-to,
.date-changer-wrap.active .after-select-lbl-from {
    display: block
}

.pax-changer-wrap.active .lbl-pax,
.booking-details .date-changer-wrap.active .after-select-lbl-from {
    position: absolute;
    top: 13px;
    left: 1px;
    padding-left: 6px;
    z-index: 100;
    font-size: 15px;
    font-weight: bold
}

/*!*width: 162px;*!*/
.booking-details {
    float: left
}

.booking-details .date-changer-wrap.active .fa-calendar-week {
    display: none
}

.booking-details .date-changer-wrap.active #datepicker-from {
    padding-left: 50px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.pax-value-controller-slider.custom-values-active .range-input.input[type=number]::-webkit-inner-spin-button,
.pax-value-controller-slider.custom-values-active .range-input.input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

/*!*background: #004165;*!*/
/*!*width: 60px;*!*/
/*!*border-right: 1px solid #20516c;*!*/
.header nav.bottom .owl-carousel {
    float: right;
    width: calc(100% - 225px);
    height: 62px
}

.header nav.bottom .owl-carousel .owl-nav {
    font-size: 35px;
    color: #fff;
    position: absolute;
    left: 4px;
    top: 10px;
    width: 96%;
    z-index: -1
}

.header nav.bottom .owl-carousel .owl-nav button {
    outline: none
}

.header nav.bottom .owl-carousel .owl-nav button:hover {
    color: #ffd207
}

.header nav.bottom .owl-carousel .owl-nav .owl-prev {
    float: left;
    margin-left: 10px
}

.header nav.bottom .owl-carousel .owl-nav .owl-next {
    float: right;
    margin-right: -14px
}

.owl-carousel a {
    display: block;
    color: #fff;
    padding: 23px 10px
}

.owl-carousel a.active {
    color: #ffd108 !important
}

.leftRs {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 999px;
    left: 0
}

.rightRs {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 999px;
    right: 0
}

/*!*float:right;*!*/
/*!*width: calc(100% - 220px);*!*/
/*!*overflow: hidden;*!*/
/*!*overflow: hidden;*!*/
.scroll-menu::-webkit-scrollbar {
    height: 0
}

.scroll-menu {
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.scroll-menu-card {
    display: inline-block;
    padding: 14px;
    text-decoration: none
}

.scroll-menu-card-selectable {
    cursor: pointer
}

.location-tile-container .tiles-slider {
    display: block
}

.location-tile-container .location-tile {
    width: 250px;
    display: inline-block;
    margin: 1%;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16), 0 1px 3px rgba(0, 0, 0, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.location-tile-container .location-tile:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.location-tile-container .tile-slider-outer {
    padding: 0
}

.location-tile-container .tile-slider-outer.tile-activated {
    position: relative;
    padding: 0 50px;
    background: #fff;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.location-tile-container .tile-slider-outer.tile-activated .scroller-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px
}

.location-tile-container .tile-slider-outer .fas {
    display: none
}

.location-tile-container .tile-slider-outer.tile-activated .fas {
    position: absolute;
    top: 40%;
    font-size: 30px;
    color: #004165;
    display: block;
    cursor: pointer;
    opacity: .6;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.location-tile-container .tile-slider-outer.tile-activated .fas:hover {
    opacity: 1
}

.location-tile-container .tile-slider-outer .fa-angle-right {
    right: 15px
}

.location-tile-container .tile-slider-outer .fa-angle-left {
    left: 15px
}

.location-tile-container .scroller-wrap::-webkit-scrollbar {
    height: 0
}

.location-tile-container .location-tile .pointer {
    display: none
}

.location-tile-container .location-tile.active .pointer {
    width: 0;
    height: 0;
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(0, 0, 0, 0);
    border-top: 14px solid #ffd108;
    position: absolute;
    left: 111px;
    bottom: -12px;
    display: block
}

.location-tile-container .tile-activated .tile-slider-outer {
    padding: 100px;
    position: relative
}

.location-tile-container .tile-slider-inner {
    font-size: 0
}

.location-tile-container .tile-activated .tile-slider-inner {
    width: 1200px;
    display: flex
}

.location-tile-container .tile-activated .location-tile {
    flex: 244px 0 0;
    width: 244px;
    margin: 10px
}

.location-tile-container .tile-activated .location-tile .tile-image {
    height: 150px
}

.location-tile-container .tile-activated .location-tile .details .location-price {
    top: -18px;
    font-size: 12px;
    height: 45px;
    width: 45px
}

.location-tile-container .tile-activated .location-tile .tile-image img {
    min-height: 200px
}

.tiles-activated-outer {
    position: relative;
    padding-bottom: 20px;
    background: #f6f8f9;
    overflow: hidden;
    border-radius: 4px
}

.location-tile-container .location-tile.active {
    background: #ffd108;
    position: relative
}

.location-tile-container .location-tile .tile-image {
    overflow: hidden
}

.location-tile-container .location-tile .tile-image .ngb-carousel-class {
    height: auto
}

.location-tile-container .location-tile .tile-image img {
    width: 100%;
    min-height: 185px
}

.location-tile-container .location-tile .details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    height: 64px;
    position: relative
}

.location-tile-container .location-tile .details .location-name {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    margin-left: 10px;
    text-overflow: ellipsis
}

.suggession-tiles {
    width: 200px;
    height: 200px
}

.suggession-tiles .tile-image {
    width: 100%;
    overflow: hidden
}

.suggession-tiles .tile-image img {
    width: 100%
}

.location-tile-container .tile-click-result .location-tile .tile-image img {
    min-height: 200px;
    height: 200px
}

.location-tile-container .tile-click-result .tile-close {
    float: right;
    font-size: 19px;
    color: #666;
    cursor: pointer;
    border-radius: 100%;
    width: 28px;
    height: 27px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 15px;
    opacity: .6;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.location-tile-container .tile-click-result .tile-close:hover {
    opacity: 1
}

.location-tile-container .tile-click-result .button-general {
    margin: 20px auto;
    font-size: 14px;
    padding: 10px 25px;
    display: block
}

.location-tile-container .tile-click-result .click-result-tile-wrapper {
    min-height: 280px;
    width: 100%;
    white-space: normal
}

.location-tile-container .tile-click-result .click-result-tile-wrapper .click-result-tile-wrapper-inner {
    overflow: auto;
    padding-bottom: 25px
}

.location-tile-container .tile-click-result .click-result-tile-wrapper .click-result-tile-wrapper-inner .location-tile {
    flex: 235px 0 0;
    width: 235px;
    margin: 1%
}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.body-container .location-tile .details .location-price {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    float: right;
    text-align: right;
    position: absolute;
    background: #fcd303;
    top: -22px;
    right: 15px;
    box-shadow: 1px 1px 4px #999;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    color: #fff
}

.location-tile-container .location-tile .details .location-price label {
    font-size: 11px
}

/*!*border-top: 4px solid #066295;*!*/
/*!*float: left;*!*/
/*!*width: 30%;*!*/
/*!*margin-right: 3%;*!*/
/*!*float: left;*!*/
/*!*width: 50%;*!*/
/*!*border-bottom: 1px solid #10435f;*!*/
/*!*footer .section .address {*!*/
/*!*display: block;*!*/
/*!*clear: both;*!*/
/*!*padding-top: 10px;*!*/
/*!*font-size: 12px;*!*/
/*!*padding-left: 3px;*!*/
/*!*}*!*/
/*!*display: block;*!*/
/*!*display: inline-block;*!*/
.book-now {
    padding: 10px 13px;
    border: 0;
    font-size: 12px;
    border-radius: 2px;
    color: #004165;
    cursor: pointer;
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    box-shadow: 1px 1px 2px #a3acb5;
    background-color: #ffd108;
    background-size: 100%;
    transition: linear all 0s
}

.home-page app-search-banner .main-search-wrapper {
    display: block;
    padding: 5px 11px;
    width: 607px;
    margin: 0 auto;
    background: url(../../images/general/bg-dark-blue-50.png);
    border-radius: 5px;
    border: 1px solid #405970
}

/*!*padding-left: 2%;*!*/
.location-map-frame.active {
    height: 300px
}

.location-map-frame {
    height: 80px
}

.booking-details .date-changer.from {
    margin-right: 10px
}

.details-on-booking h3 {
    font-weight: normal;
    font-size: 12px;
    margin: 0
}

.location-description p {
    text-align: justify;
    font-weight: normal;
    margin-bottom: 0px
}

.location-description h3 {
    font-size: 28px;
    color: #546e7a;
    font-weight: normal;
    margin-bottom: 16px
}

@media(min-width: 900px) {
    .location-description h3 {
        font-size: 32px
    }
}

.location-description p strong {
    font-weight: normal
}

.activity-duration-wrap strong {
    display: block;
    margin-bottom: 14px;
    text-align: center
}

.activity-categories .icon-holder-outer .icon-holder {
    border: 1px dashed #e1e1e1
}

.location-icon-base strong,
.location-icon-base label {
    white-space: nowrap
}

.location-icon-base .icon-holder img {
    width: 50px;
    background: #fcd303
}

.duration-icon-base .icon-holder img {
    width: 50px;
    background: #b8dcf7
}

.suitable-for-icon-base .icon-wrap {
    position: relative;
    font-size: 12px;
    display: none
}

.suitable-for-icon-base .icon-wrap label {
    margin-top: 2px;
    margin-bottom: 0
}

.suitable-for-icon-base .icon-wrap.active {
    display: inline-block
}

.suitable-for-icon-base .icon-wrap i {
    position: absolute;
    right: calc(50% - 30px);
    top: 0px;
    color: #28a745;
    border: #fff;
    font-size: 18px
}

.suitable-for-icon-base .icon-wrap img {
    width: 38px;
    filter: contrast(0.8)
}

.suitable-for-icon-base .icon-wrap .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #e9f1f5;
    border-radius: 100%;
    height: 58px;
    width: 58px;
    margin: auto
}

.routes {
    margin-bottom: 10px
}

.routes p {
    display: inline-block;
    margin-right: 10px;
    min-width: 168px;
    padding: 0 33px 0 10px;
    margin: 0;
    line-height: 35px;
    background: #ebf6ff url(../../images/icons/map_marker_route.png) 98% 50% no-repeat;
    border-radius: 25px;
    margin-bottom: 11px;
    border: 1px solid #a2d1f7;
    cursor: pointer;
    background-size: 25px
}

.routes p.route-highlight {
    font-weight: b
}

.routes p:hover {
    background: #4fa1d4 url(../../images/transco/map-icon-1.png) 98% 50% no-repeat;
    transition: .5s linear all;
    color: #fff;
    background-size: 25px
}

.activity-information-wrap {
    padding: 30px 0
}

.location-description h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 25px;
    color: #0c4065
}

.check-availablity {
    display: block;
    clear: both;
    font-size: 11px;
    color: #903b0a;
    padding: 5px 0
}

.selection-date-set {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 8px;
    padding: 0
}

@media(min-width: 767px) {
    .selection-date-set {
        grid-template-columns: auto auto auto auto
    }
}

.selection-date-set__container {
    max-height: 332px;
    overflow: auto;
    padding-right: .65rem;
    margin-right: -0.95rem
}

.selection-date-set .date-selection-block {
    text-align: center;
    background: rgba(1, 76, 95, .08);
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid var(--seaBlue);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.selection-date-set .date-selection-block:hover,
.selection-date-set .date-selection-block.active {
    background: rgba(252, 211, 3, .24);
    border: 1px solid #fcd303;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

.selection-date-set .date-selection-block:hover span.day-name,
.selection-date-set .date-selection-block.active span.day-name {
    background: rgba(252, 211, 3, .5);
    border-top: 1px solid #fcd303
}

.selection-date-set .date-selection-block span {
    display: block;
    text-align: center
}

.selection-date-set .date-selection-block span.month {
    font-size: 11px;
    letter-spacing: 1px
}

.selection-date-set .date-selection-block span.date {
    font-size: 20px;
    font-weight: bold;
    line-height: 17px;
    color: var(--seaBlue);
    padding-bottom: 1px
}

.selection-date-set .date-selection-block:hover span.date,
.selection-date-set .date-selection-block.active span.date {
    color: #7e6a02
}

.selection-date-set .date-selection-block span.year {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-top: 1px
}

.selection-date-set .date-selection-block span.day-name {
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 3px 0;
    margin-top: 5px;
    background: rgba(1, 76, 95, .2);
    border-top: 1px solid var(--seaBlue);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.rate-category {
    clear: both;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    background: #d6d1d1;
    font-weight: bold;
    border-radius: 2px
}

.external-details {
    font-size: 12px;
    padding: 0 10px 11px
}

.external-details a {
    display: block;
    padding-bottom: 10px
}

.external-details a i {
    margin-right: 5px
}

.selection-date-set .booking-notes {
    clear: both;
    text-align: left;
    padding: 10px 0;
    font-size: 12px
}

.selection-date-set .booking-notes .advice-note {
    margin-bottom: 6px;
    display: block
}

.advice-note-wrap {
    padding-bottom: 10px
}

.booking-notes input {
    border-radius: 1px;
    padding: 6px 11px;
    margin-bottom: 10px;
    border: 1px solid #fcd303;
    width: 100%;
    font-size: 14px;
    color: #292929;
    box-shadow: 0px 0px 9px #f9f9f9 inset
}

.booking-option-img {
    float: left;
    width: 125px;
    height: 125px;
    overflow: hidden
}

.booking-option-img img {
    height: 100%
}

.booking-option-list {
    float: left;
    width: calc(100% - 300px);
    font-size: 16px;
    padding: 12px;
    display: none
}

.booking-option-list h3 {
    margin-bottom: 15px;
    text-align: justify;
    margin-top: 15px
}

.booking-option-list li {
    padding-bottom: 8px;
    font-size: 14px
}

.booking-price {
    font-size: 30px;
    display: block;
    font-weight: bold;
    margin-bottom: 17px
}

.booking-details-body-content-outer {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    flex-direction: column;
    box-sizing: border-box;
    display: flex
}

.booking-details-body-content .detail-location-map {
    border: 1px solid #dcdcdc;
    margin-bottom: 15px
}

.booking-details-body-content .detail-wrapper-inner {
    width: calc(100% - 379px);
    float: left;
    margin-right: 10px
}

.per-price {
    padding: 7px 0 0 0;
    border-top: 1px dashed #e1e1e1;
    margin-top: 7px
}

.all-price-detail-wrap .general-price {
    line-height: 18px
}

.general-price .currency {
    font-size: 14px
}

.general-price .price {
    font-size: 22px;
    font-weight: bold
}

.detail-sec-pax {
    font-size: 22px;
    font-weight: bold
}

.general-price-wrap .booking-duration {
    float: right
}

.general-price-wrap .booking-duration span {
    font-weight: bold;
    display: block;
    padding: 8px 10px 0 10px
}

.original-price {
    font-size: 14px;
    color: rgba(1, 76, 95, .6);
    text-decoration: line-through
}

.per-price .per-price-total .currency,
.original-price .currency {
    font-size: 13px
}

.all-price-detail-wrap .currency {
    font-size: 10px
}

.all-price-detail-wrap {
    margin-bottom: 14px
}

.booking-price .price {
    font-size: 30px;
    font-weight: bold
}

.booking-price .price label {
    font-weight: normal;
    font-size: 12px;
    padding-right: 5px
}

.booking-details-body-content .detail-location-map {
    width: auto
}

.booking-details-body-content .detail-location-map .gm-style * {
    border: 0 !important
}

.booking-details-body-content .booking-option-list {
    float: none;
    width: auto
}

.detail-page .booknow-btn-wrap .book-now {
    width: 100%;
    padding: 16px;
    font-size: 16px
}

.search-title {
    float: left;
    font-size: 13px;
    padding-right: 15px;
    margin-top: 10px;
    margin-left: 10px
}

.adjustable-container {
    width: 100%
}

.adjustable-container-panel-left {
    padding: 0;
    height: 100%;
    width: 100%
}

@media(min-width: 767px) {
    .adjustable-container-panel-left {
        margin-top: -0.67rem;
        margin-right: -0.67rem
    }
}

.adjustable-container-panel-right {
    width: 0;
    background: url(../../images/general/sample-map-deactive.jpg) no-repeat 0 0;
    position: fixed;
    right: -100%;
    top: 180px;
    height: 100%;
    transition: .2s linear all;
    display: none
}

.map-enabled .adjustable-container-panel-right,
.filters-enabled .adjustable-container-panel-right {
    display: block
}

.filters-enabled .adjustable-container-panel-left {
    margin-right: 6px;
    display: block
}

.filters-enabled.map-enabled .adjustable-container-panel-left {
    margin-left: 0;
    margin-right: 6px
}

.map-enabled .adjustable-container-panel-right {
    right: 0;
    transition: .5s linear all;
    display: block
}

.header-content .main-search-wrapper .loc-country {
    font-size: 18px
}

.header-content .main-search-wrapper .loc-update {
    border: 0;
    height: 44px;
    width: 49px;
    cursor: pointer;
    outline: 0;
    font-size: 18px;
    color: #fff;
    float: left;
    padding: 0;
    background: #ffd108;
    margin: 7px 0 0;
    border-radius: 2px
}

.detail-page .header-content {
    background: #153d55;
    min-height: 65px
}

.search-image-wrapper {
    position: relative
}

.search-listing-block {
    padding: 0;
    float: left;
    margin: .25%;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px
}

.no-results {
    text-align: center;
    background: #fff;
    padding: 100px;
    border: 1px solid #e8e8e8;
    width: 80%;
    margin: 0 auto;
    border-radius: 3px
}

.tile-view-enabled .search-listing-block {
    height: 329px
}

.search-listing-img {
    overflow: hidden;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    height: 200px
}

.list-view-enabled .search-image-wrapper {
    float: left;
    width: 220px
}

.list-view-enabled .search-result-detail-wrapper {
    float: left;
    width: calc(100% - 225px)
}

.list-view-enabled .search-listing-img {
    float: left;
    width: 200px;
    border-radius: 2px 0 0 2px;
    margin-right: 20px
}

.list-view-enabled .search-listing-block h3 {
    margin: 14px 0;
    font-size: 14px;
    height: 38px;
    font-weight: 600
}

.tile-view-enabled .search-listing-block h3 {
    margin: 11px 0 5px 0;
    font-size: 12px;
    height: 47px;
    font-weight: 600;
    overflow: auto
}

.tile-view-enabled .search-listing-block h3::-webkit-scrollbar {
    width: 5px
}

.list-view-enabled .search-desc p {
    font-size: 13px;
    line-height: 16px;
    height: 65px;
    margin: 0 0 10px 0;
    overflow-y: auto;
    padding-right: 7px
}

.list-view-enabled .search-listing-block .rating {
    margin-top: 0
}

.list-view-enabled .search-listing-block {
    padding: 0 0 0 0;
    background: #fff;
    width: 98.5%
}

.map-enabled.list-view-enabled .search-listing-block {
    width: 98.75%
}

.map-enabled.list-view-enabled .search-listing-block:hover {
    background: #f0f7fb;
    border: 1px solid #d3e1ea
}

.map-enabled .search-listing-block .map-enabled .search-listing-block {
    width: 72%
}

.gm-ui-hover-effect {
    border: 1px solid red
}

.gm-style-iw .gm-ui-hover-effect {
    margin: 6px 5px !important
}

.search-listing-img img {
    height: 100%;
    min-width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.search-listing-block .rating {
    padding: 0 11px
}

.search-listing-block .rating .fas {
    margin-right: 3px;
    color: #143d57
}

.search-price {
    padding: 13px 0 13px 4px;
    float: left
}

.search-desc {
    padding: 0 12px
}

.search-option-order {
    height: 35px
}

.search-option-order .book-now {
    float: right;
    margin-right: 8px
}

.search-desc p {
    text-align: justify;
    font-size: 13px;
    line-height: 18px;
    color: #444;
    height: 80px;
    overflow: auto;
    padding: 0 5px 0 0;
    margin: 0 0 5px 0
}

.search-price .price {
    font-weight: bold;
    font-size: 20px
}

.search-price .price label {
    font-weight: normal;
    font-size: 12px;
    padding-right: 5px
}

.search-sort-outer {
    background: #fff
}

.left-filters {
    float: left;
    padding-top: 2px
}

.right-filters {
    float: right
}

.search-sort {
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    background: #fff;
    font-size: 12px;
    padding: 2px 0 4px
}

.search-sort label {
    margin-bottom: 0
}

.close-filters-mobile {
    right: 8px
}

.close-filters-map {
    left: 8px
}

.close-filters-mobile,
.close-filters-map {
    display: none;
    color: #004165;
    z-index: 1;
    font-size: 26px;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    line-height: 20px;
    padding: 0 7px 0;
    position: absolute;
    top: 6px
}

.search-sort .lbl-sortby {
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 13px;
    color: #153c55
}

.lbl-toggle-switch {
    float: left;
    padding: 0 5px 0 16px;
    color: #153c55;
    line-height: 34px
}

.search-sort .sort-duration {
    float: right;
    margin: 7px 0 2px 0
}

.search-sort .sort-duration a {
    color: #143e57;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 20px
}

.search-sort .sort-duration a.active {
    color: #fff;
    background: #143e57
}

.search-sort .views {
    font-size: 21px;
    padding: 4px 0 0 4px
}

.map-enabled .search-sort .views {
    display: none
}

.search-sort .views .fas {
    margin-right: 10px;
    cursor: pointer;
    color: #012e47
}

.search-sort .views .fas:hover {
    color: #a28c2a
}

.search-sort .views .fas.active {
    color: #ae8f0c;
    transition: .5s linear all;
    cursor: default
}

.search-sort .toggle-switch.show-map {
    float: right;
    margin: 3px 15px 0 0
}

.search-sort .toggle-switch.search-filter-panel-controller {
    float: right;
    margin: 3px 0 0 0
}

.search-sort .dropdown {
    float: left
}

.search-pagination {
    padding: 10px 20px;
    margin-bottom: 50px;
    text-align: center;
    transition: .2s linear all
}

.search-pagination a {
    position: relative;
    box-sizing: border-box;
    width: 30px;
    height: 29px;
    border-radius: 50%;
    margin: 0 3px;
    color: #004165;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    display: inline-block;
    box-shadow: 1px 1px 1px #b1b1b1;
    border: 1px solid #e4e4e4;
    background: #fff
}

.search-pagination a:hover {
    background: rgba(244, 190, 227, .5);
    transition: all .5s ease-in-out;
    -webkit-animation: pulse .5s;
    animation: pulse .5s
}

@-webkit-keyframes pulse {
    50% {
        transform: scale(1.3)
    }
}

@keyframes pulse {
    50% {
        transform: scale(1.3)
    }
}

.search-pagination a.active {
    background: #ffd207;
    border: 1px solid #ff9907
}

.search-pagination a.controller {
    box-shadow: none;
    border: 0;
    font-size: 20px;
    vertical-align: sub
}

.search-result-counter {
    text-align: center;
    font-size: 12px;
    padding-top: 16px
}

.search-filters {
    width: 286px;
    position: fixed;
    height: calc(100% - 214px);
    background: #ebebeb;
    left: -100%;
    padding: 14px;
    overflow: auto;
    top: 186px;
    z-index: 100
}

.search-filters .sortings-type-options {
    border: 0;
    padding: 0;
    margin: 0
}

.search-filters .sortings-type-options h3 {
    font-size: 16px;
    padding-bottom: 8px;
    padding-top: 5px;
    font-weight: 400;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 17px
}

.search-filters .sortings-type-options label {
    display: block;
    padding-bottom: 6px;
    font-size: 12px
}

.search-filters .sortings-type-options span {
    font-size: 12px;
    position: relative;
    top: -2px;
    color: #424242
}

.map-enabled .search-filters {
    left: -100%
}

.filters-enabled .search-filters {
    left: 0
}

.filter-price-range {
    font-size: 12px;
    padding-bottom: 8px;
    padding-top: 8px
}

.filter-price-range input {
    border: 2px solid gray;
    padding: 5px;
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 3px
}

.filter-price-range .clear {
    margin-top: 15px
}

.day-duration-range {
    font-size: 12px;
    padding-bottom: 8px;
    padding-top: 8px
}

.day-duration-range input {
    border: 2px solid gray;
    padding: 5px;
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 3px
}

.day-duration-range .clear {
    margin-top: 15px
}

.full-details h1 {
    font-size: 26px;
    color: #343a40;
    font-weight: 600;
    margin: 30px 0
}

.detail-page.image-gallery-activated .full-details h1 {
    text-align: left;
    font-size: 11px;
    padding-left: 2%;
    background: rgba(67, 90, 109, .8);
    float: left;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 10px 5px 16px;
    max-width: 400px;
    color: #fff;
    font-weight: normal;
    box-shadow: 1px 1px 3px rgba(173, 173, 173, .8);
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

.detail-top .fa-times {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    right: 12px;
    top: 12px;
    font-size: 24px;
    opacity: .8;
    z-index: 1000;
    height: 40px;
    width: 40px;
    background: #444;
    border-radius: 100%;
    padding: 3px;
    color: #fff;
    box-shadow: 2px 2px 6px #f4f4f4;
    transition: all .3s ease-in-out
}

.detail-top .fa-times:hover {
    cursor: pointer;
    opacity: 1;
    box-shadow: 1px 1px 4px #f4f4f4
}

.detail-page.image-gallery-activated .fa-times {
    display: flex;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.after-select-lbl-from,
.lbl-pax {
    display: none
}

.details-on-booking .date-changer-wrap i {
    color: #153d55
}

.detail-update-button {
    width: 100%;
    background: #fcd303;
    padding: 0 30px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #ffca08;
    height: 47px;
    border-radius: 2px;
    outline: none
}

.datail-top {
    display: flex;
    flex-direction: column
}

.ordered-packages {
    margin: 0;
    min-height: 50px;
    padding: 13px 28px;
    border-radius: 1px
}

.ordered-packages li {
    display: block;
    clear: both;
    width: 100%;
    padding: 5px 12px
}

.ordered-packages .package-price {
    color: #025061;
    max-width: 150px;
    font-weight: 600;
    float: none
}

@media(min-width: 1200px) {
    .ordered-packages .package-price {
        float: right;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

.ordered-packages .package-price .package-figure {
    font-size: 16px;
    font-weight: 600;
    color: #025061;
}

@media(min-width: 900px) {
    .ordered-packages__name {
        max-width: 340px;
        color: #025061;
        font-weight: 600;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.ordered-packages__discount {
    display: inline-block;
    max-width: 150px;
    font-size: 12px;
    color: #fff;
    padding: 2px 8px;
    border-radius: 20px;
    background-color: #28a745;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.checkout-detail-wrap h1 {
    margin: 30px 0 6px 0px
}

.checkout-wrap {
    width: 80%;
    margin: 0 auto
}

.checkout-form-panels {
    border-right: 1px #e1e1e1 dashed
}

.checkout-form-panels.confirmed-user {
    border-right: 0
}

.checkout-form-panels.confirmed-user .confirm-mail {
    overflow: scroll;
    display: block
}

.confirm-mail::-webkit-scrollbar {
    height: 0
}

.checkout-form-contents {
    margin: 20px 0px
}

.checkout-form-contents label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1rem
}

.checkout-form-contents .form-check-label {
    font-size: 13px
}

.checkout-form-contents .form-control {
    margin-bottom: 15px;
    font-size: 1rem;
    padding: 4px 8px
}

@media(min-width: 767px) {
    .checkout-form-contents .form-control {
        font-size: .9rem
    }
}

.checkout-form-contents ::-webkit-validation-bubble-message {
    display: block;
    position: relative !important
}

.checkout-form-contents ::-webkit-validation-bubble-message>* {
    position: relative !important
}

.checkout-detail-wrap .reference .checkout-sub-text {
    padding-bottom: 5px;
    font-size: 12px;
    margin-bottom: 8px;
}

.booking-status-text {
    font-size: 12px;
    color: #56810c;
    font-weight: 600;
}

.checkout-detail-wrap h3 {
    font-size: 17px;
    color: #131313;
    line-height: 40px;
    padding-bottom: 12px;
    margin-top: 12px
}

.checkout-detail-wrap h3.user-info {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
    margin-bottom: 12px !important
}

.checkout-detail-wrap h3.traveller-info {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 20px;
    margin-bottom: 14px
}

.checkout-detail-wrap h3 .stage-number {
    background: var(--seaBlue);
    color: #fff;
    width: 39px;
    height: 39px;
    padding: 4px 10px;
    border-radius: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    margin-right: 10px;
    border: 2px solid #c4c7c7
}

.checkout-detail-wrap h3 .voucher-code {
    font-size: 12px;
    float: right;
    position: relative
}

.checkout-detail-wrap h3 .voucher-code .fa-ticket-alt {
    position: absolute;
    left: 10px;
    top: 13px;
    color: #f90;
    font-size: 19px
}

.checkout-detail-wrap h3 .voucher-code input {
    float: right;
    font-size: 16px;
    border: 1px solid var(--darkOrange);
    border-radius: 3px;
    padding: 3px 0 3px 10px;
    width: 235px;
    height: 38px;
    background: #fffaea;
    color: #926d04;
    font-style: italic;
    transition: .1s ease-in-out all
}

.checkout-detail-wrap h3 .voucher-code input:focus {
    font-weight: bold;
    letter-spacing: 1px;
    outline: none;
    box-shadow: 1px 1px 1px #e1e1e1
}

.checkout-detail-wrap .packages-added .checkout-message {
    font-size: 11px;
    text-align: right;
    clear: both;
    line-height: 21px;
    display: block
}

.checkout-detail-wrap .packages-added .checkout-message.promo-success {
    color: green;
    font-size: 14px;
    margin-top: 11px
}

.checkout-detail-wrap h3 .voucher-code-wrapper {
    float: right
}

.checkout-detail-wrap h3 .voucher-code button {
    position: absolute;
    right: 1px;
    outline: none;
    background: var(--darkOrange);
    height: 36px;
    border: 0;
    margin-top: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: var(--seaBlue);
    line-height: 10px
}

.checkout-detail-wrap h3 .voucher-code button:hover {
    background: #f90
}

.checkout-detail-wrap h3 .voucher-code button .fa-chevron-right {
    color: #fff;
    font-size: 18px
}

.checkout-detail-wrap .card-header button {
    display: block;
    width: 100%;
    text-align: left;
    color: #fff
}

.checkout-form-submition {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 15px;
    padding-top: 18px;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.checkout-form-submition .button-general {
    display: inline-flex;
    align-items: center;
    width: 165px;
    text-align: center
}

.checkout-detail-additional-info {
    padding-top: 20px;
    background: #f6f8f9
}

.checkout-detail-additional-info .currency {
    font-style: 14px
}

.checkout-detail-additional-info .checkout-total {
    font-size: 20px;
    font-weight: bold;
    color: var(--seaBlue)
}

.checkout-detail-additional-info .discount-value {
    clear: both;
    font-size: 12px;
    background: #c5e6c5;
    border-radius: 3px;
    padding: 5px 9px;
    margin-top: 4px;
    float: right
}

.ordered-packages-wrap .different-discount {
    display: block;
    clear: both;
    float: left;
    background: #619661;
    border-radius: 3px;
    padding: 4px 10px;
    margin-bottom: 9px;
    color: #fff;
    margin-left: 28px;
    font-size: 12px;
    margin-top: 6px
}

.checkout-detail-additional-info .discount-value .discount-figure {
    font-style: 14px
}

.checkout-detail-additional-info .checkout-total.discounted {
    text-decoration: line-through;
    font-weight: normal;
    color: #b59714;
    font-size: 13px
}

.checkout-detail-additional-info.multi-item img {
    width: 125px;
    border-radius: 3px;
    float: left
}

.checkout-detail-additional-info.multi-item h3 {
    font-size: 12px;
    text-align: justify
}

.checkout-detail-additional-info.multi-item .checkout-item-details-inner {
    padding: 16px 0 10px 10px;
    float: left;
    width: calc(100% - 131px)
}

.secure-transmission-info {
    font-size: 12px;
    margin-top: 30px;
    border-top: 1px dashed #e1e1e1;
    padding: 15px 4px 5px;
    border-bottom: 1px dashed #e1e1e1;
    clear: both;
    margin-bottom: 12px
}

.ordered-packages-wrap {
    background: #e9f0f3
}

.packages-added .checkout-total {
    padding: 5px 12px 10px 12px;
    border-top: 1px dashed #bfbfbf;
    margin: 0 28px;
    font-weight: bold;
    font-size: 15px
}

.packages-added .checkout-total.discount {
    color: #0b6b0b;
    background: #c5e6c5;
    padding: 5px 12px;
    min-height: 32px;
    font-style: italic;
    font-weight: normal;
    font-size: 12px
}

.packages-added .checkout-price {
    float: right
}

.packages-added .checkout-total label {
    margin-bottom: 0
}

.packages-added .checkout-total .package-figure {
    font-size: 16px
}

.itanary-payment-info {
    background: #f6f8f9;
    padding-top: 40px
}

.checkout-detail-additional-info h5 {
    font-weight: bold;
    font-size: 14px;
    margin: 15px 0
}

.checkout-detail-additional-info .list-group-flush .list-group-item {
    padding: 11px 0;
    background: none;
    border: 0
}

.checkout-detail-additional-info img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 15px
}

.checkout-detail-additional-info .list-group {
    font-size: 11px
}

.checkout-detail-wrap .singed {
    color: #4c95e2
}

.checkout-payment-panels .agreement {
    font-size: 12px;
    padding-top: 5px
}

.checkout-payment-panels .payment-secure-logos img {
    max-width: 125px;
    padding: 5px 0;
    clear: both
}

.checkout-form-contents .agreement {
    margin-top: 25px
}

.checkout-form-contents .check-newsletter {
    border-top: #ffd108 1px solid;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 12px
}

.input-section-wrapper {
    border: 1px solid #e1e1e1;
    border-width: 1px 0;
    margin-bottom: 20px;
    padding: 15px 0 25px
}

.checkout-details-inputs {
    float: left;
    margin-right: 15px;
    padding: 10px 0
}

.checkout-details-inputs.full {
    float: none
}

.checkout-details-inputs.min input {
    width: 100px
}

.checkout-details-inputs label {
    display: block;
    padding-left: 4px;
    padding-bottom: 4px
}

.checkout-details-inputs .checkout-input {
    border: 1px solid #e1e1e1;
    padding: 10px;
    border-radius: 5px
}

.checkout-details-inputs.full .checkout-input {
    width: 100%
}

.checkout-details-inputs .checkout-textarea {
    min-width: 200px;
    padding: 10px;
    border-radius: 5px
}

.checkout-section {
    padding: 10px
}

.secure-card-details {
    padding: 10px;
    background: #e8f6ff;
    margin-top: 12px;
    border: 1px solid #bde5ff
}

.secure-card-details iframe {
    border: 0;
    width: 100%
}

.date-changer-with-button-wrap {
    float: left
}

/*!* ==================== Effects ================== *!*/
/*!* Ripple effect *!*/
.checkout-wrap h1 {
    font-weight: normal;
    border-bottom: 1px solid #dedede;
    padding: 0 0 10px 0
}

.package-summary-payment {
    background: #f5f5f5;
    padding: 27px 0
}

body::-webkit-scrollbar {
    width: 6px
}

.list-view-enabled .search-desc p::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar {
    background-color: #f5f5f5;
    border-radius: 8px
}

.pax::-webkit-scrollbar {
    background-color: #b4c3ce
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(5, 82, 124)), color-stop(0.72, rgb(0, 65, 101)), color-stop(0.86, rgb(6, 88, 133)))
}

div::-webkit-scrollbar-thumb,
.pax::-webkit-scrollbar-thumb {
    border-radius: 8px
}

div::-webkit-scrollbar,
.pax::-webkit-scrollbar,
.search-desc p::-webkit-scrollbar {
    width: 5px
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("./images/newLoadingIcon.gif") 50% 50% no-repeat #f9f9f9;
    opacity: .8;
    display: none
}

.ngb-dp-day.disabled,
.ngb-dp-day.hidden {
    color: #cdcdcd
}

.ngb-dp-day.disabled:hover {
    background: none
}

.general-alert-wrap {
    height: 300px;
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 500px;
    margin: 30px auto 0
}

.general-alert-wrap .alert-inner {
    margin: 0 auto;
    text-align: center;
    padding: 50px
}

.general-alert-wrap h3 {
    margin: 10px
}

.general-alert-wrap h3 {
    padding: 25px;
    border-radius: 6px;
    color: #fff
}

.general-alert-wrap.error p {
    color: #655f5f
}

.general-alert-wrap.error a {
    background: #e1e1e1;
    padding: 10px 30px;
    border-radius: 4px;
    color: #000;
    border: 1px solid #d4d0d0
}

.general-alert-wrap .error-back-home {
    float: left
}

.general-alert-wrap .error-details {
    float: right
}

.general-alert-wrap.error h3 {
    border: 3px solid #d60808;
    background: #da4b4b
}

.general-alert-wrap.success h3 {
    border: 3px solid #0e9a33;
    background: #68ad33
}

.general-alert-wrap.warning h3 {
    border: 3px solid #e0a603;
    background: #e2be0b
}

.cancellation-details-wrapper-outer {
    border-bottom: 1px dashed #c7c7c7;
    margin-bottom: 18px
}

.cancellation-details-wrapper-outer.expanded h6 .doe-icon {
    transform: rotate(180deg)
}

.cancellation-details-wrapper-outer h6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 14px;
    color: var(--seaBlue);
    cursor: pointer;
    position: relative
}

.cancellation-details-wrapper-outer h6 .doe-icon {
    float: right;
    font-size: 18px;
    margin: 1px 10px 1px 1px;
    text-align: center;
    color: rgba(1, 76, 95, .6);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.cancellation-details-wrapper-outer h6:hover .doe-icon {
    color: var(--seaBlue)
}

.cancellation-details-wrapper {
    width: 320px;
    margin: 0 auto;
    font-family: Roboto;
    color: #636363;
    position: relative;
    font-family: "Oxygen", sans-serif;
    font-size: 12px;
    position: relative;
    z-index: 1
}

.checkout-payment-panels .cancellation-details-wrapper {
    width: auto
}

.cancellation-details-wrapper ul {
    padding: 10px 0 0;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    clear: both;
    height: auto;
    overflow: hidden
}

.cancellation-details-wrapper ul.collapse.show {
    height: auto
}

.cancellation-details-wrapper ul.collapse {
    height: 0;
    transition: .5s linear all
}

.cancellation-details-wrapper ul li {
    margin: 0;
    padding: 0 0 15px
}

.cancellation-details-wrapper ul li span {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    box-shadow: 1px 1px 7px #d8d8d8;
    border: 4px solid #fff
}

.cancellation-details-wrapper ul li.green-cancellation-01 span {
    background: #6cb123
}

.cancellation-details-wrapper ul li.green-cancellation-02 span {
    background: #7fce2b
}

.cancellation-details-wrapper ul li.green-cancellation-03 span {
    background: #8fe024
}

.cancellation-details-wrapper ul li.green-cancellation-04 span {
    background: #b4de0b
}

.cancellation-details-wrapper ul li.orange-cancellation span {
    background: #e4c52c
}

.cancellation-details-wrapper ul li.yellow-cancellation span {
    background: #c5d007
}

.cancellation-details-wrapper ul li.red-cancellation span {
    background: #af4e48
}

.cancellation-details-wrapper ul li span i {
    margin-top: 12px;
    font-size: 15px
}

.cancellation-details-wrapper ul li strong {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 18px;
    padding-left: 18px
}

.cancellation-details-wrapper ul li label {
    font-size: 12px;
    line-height: 15px;
    display: block;
    padding-left: 66px
}

.cancellation-details-wrapper ul li label.refund {
    font-weight: normal
}

.cancellation-details-wrapper .liner {
    height: calc(100% - 170px);
    background: #ececec;
    position: absolute;
    left: 35px;
    top: 58px;
    width: 5px;
    z-index: -2
}

.cancellation-details-wrapper .itanary-payment-info label {
    margin: 0
}

.cancellation-details-wrapper .booked-date,
.cancellation-details-wrapper .depature-date {
    font-size: 12px;
    text-align: left;
    clear: both
}

.cancellation-details-wrapper .depature-date {
    margin-bottom: 15px
}

.cancellation-details-wrapper .booked-date strong,
.cancellation-details-wrapper .depature-date strong {
    display: block;
    font-size: 14px
}

.checkout-payment-panels iframe {
    width: 100%;
    border: 0
}

.checkout-detail-wrap .checkout-sub-text span {
    display: block;
    font-size: 11px
}

.checkout-detail-wrap .checkout-sub-text span label {
    margin-bottom: 0
}

.itanary-payment-info label {
    display: block;
    font-size: 11px;
    margin: 7px 0 0;
    color: #0a5f75;
    font-weight: bold
}

.itanary-payment-info .additional-information {
    margin-top: 25px;
    border-top: 1px dashed #cacaca;
    padding-top: 12px;
    margin-bottom: 10px
}

.itanary-payment-info .additional-information h6 {
    font-weight: bold;
    margin-bottom: 18px
}

.text-success {
    color: #3fb93d
}

.text-alert {
    color: #b22626
}

.checkout-detail-wrap .email-confirm {
    font-size: 12px
}

.iternary-package h1 {
    margin: 0 0 12px
}

.checkout-detail-wrap .iternary-package h1 {
    margin: 10px 0 0
}

.iternary-package label.booking-language {
    font-size: 14px;
    clear: both;
    display: block;
    line-height: 30px
}

.iternary-package label.booking-code {
    font-weight: normal;
    background: var(--darkOrange);
    width: 144px;
    padding: 8px;
    border-radius: 3px;
    color: #004165;
    margin-top: 10px;
    font-size: 13px;
    text-align: center;
    font-family: arial
}

.iternary-package .voucher {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    line-height: 24px;
    margin: 0 7px 0 0;
    background:  var(--seaBlue);
    color: #fff;
    border-radius: 3px;
    padding: 3px 10px;
    letter-spacing: .03em
}

.iternary-package .booking-id {
    font-size: 14px
}

.iternary-package .iternary-details label {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0
}

.iternary-package .iternary-details span {
    margin-bottom: 5px;
    display: block;
    font-size: 13px
}

.iternary-package .iternary-details label.item-price {
    font-size: 18px;
    display: inline;
    color: #046479
}

.iternary-package .iternary-details label.original-price {
    text-decoration: line-through;
    font-size: 14px;
    display: inline;
    margin-left: 7px;
    font-weight: 300
}

.iternary-package .remarks-area {
    line-height: 17px;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 11px;
    margin: 15px 0;
    padding: 0
}

.multi .iternary-package .remarks-area {
    height: 175px;
    overflow: auto;
    margin: 10px 0 25px;
    padding: 9px 0;
    border: 0
}

.iternary-package .remarks-area strong {
    clear: both;
    display: block
}

.iternary-package .remarks-area i {
    background: #f6f8f9;
    border-radius: 100%;
    padding: 0;
    font-size: 7px;
    height: 17px;
    width: 17px;
    border: 1px solid #cacaca;
    margin-right: 9px;
    line-height: 17px;
    vertical-align: baseline;
    text-align: center;
    float: left
}

.iternary-package .remarks-area hr {
    margin: 4px 0;
    border-top: 1px #fff solid
}

.excursion-reference {
    font-size: 15px;
    font-weight: bold
}

.excursion-reference label,
.iternary-package .iternary-details span.item-price {
    color: #046479
}

.excursion-reference span {
    color: #af772f
}

.print-action {
    position: absolute;
    right: 20px;
    top: 12px;
    background: var(--darkOrange);
    padding: 10px;
    border-radius: 100%;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 21px;
    box-shadow: 0px 1px 1px #c7c7c7;
    border: 1px solid #ffc800;
    cursor: pointer;
    outline: none !important
}

.print-action:hover,
.voucher:hover,
.squeezer {
    transition: .5s linear all;
    background: #0f5889;
    color: #e1eff3;
    border: 1px solid #0f5889;
    box-shadow: 0px 1px 1px #c7c7c7;
    box-shadow: 0px 1px 1px #716c6c;
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

.ph-flex-container[_ngcontent-c1] .cc-cvv[_ngcontent-c1],
.ph-flex-container[_ngcontent-c1] .cc-expiry[_ngcontent-c1] {
    min-width: auto
}

@media(min-width: 1200px) {
    .location-tile-container .location-tile {
        width: 21%
    }

    .tile-view-enabled .search-listing-block {
        width: 30%
    }

    .filters-enabled.map-enabled .search-filters {
        left: 0
    }

    .adjustable-container-panel-right {
        width: 400px
    }

    .map-enabled .adjustable-container-panel-right {
        right: 0
    }

    .tile-view-enabled.filters-enabled.map-disabled .search-listing-block,
    .tile-view-enabled .search-listing-block {
        width: 24%
    }
}

@media(min-width: 1400px) {
    .tile-view-enabled.filters-enabled.map-disabled .search-listing-block {
        width: 19%
    }

    .filters-enabled.map-enabled .search-results {
        width: calc(100% - 318px);
        margin-left: 318px
    }
}

@media(min-width: 1500px) {
    .tile-view-enabled.filters-enabled.map-disabled .search-listing-block {
        width: 15.6%
    }
}

@media(max-width: 1200px) {
    .search-sort {
        width: 100%
    }

    .adjustable-container-panel-right {
        width: 75%;
        box-shadow: -1px 2px 6px #c3c3c3
    }

    .tile-view-enabled.filters-disabled.map-disabled .search-listing-block,
    .tile-view-enabled.filters-enabled.map-disabled .search-listing-block {
        width: 32%
    }
}

@media(max-width: 990px) {
    .checkout-detail-wrap .reference .checkout-sub-text {
        height: 70px
    }
}

@media(max-width: 920px) {
    .map-enabled .search-results {
        width: 98%
    }

    .search-page .header-content .main-search-wrapper .loc-name {
        width: 272px;
        border-radius: 2px
    }

    .header nav.bottom .owl-carousel .owl-nav .owl-next {
        margin-right: 2px
    }

    .header nav.bottom .owl-carousel .owl-nav .owl-next {
        margin-left: 2px
    }

    .booking-price {
        clear: left;
        padding-top: 10px
    }

    .date-changer-search {
        border-radius: 4px;
        height: 39px;
        margin-top: 0px
    }

    .duration .duration-inner {
        padding: 30px 20px 25px
    }

    .map-enabled .views {
        display: none
    }

    .general-price-wrap .booking-duration {
        float: none;
        clear: both;
        display: block;
        padding-top: 10px
    }

    .general-price-wrap .booking-duration span {
        font-weight: bold;
        display: block;
        padding: 8px 0 0;
        border-top: 1px dashed #e1e1e1
    }

    .all-price-detail-wrap .original-price {
        float: none;
        display: block;
        clear: both;
        width: 100%;
        padding: 3px 0 0px
    }
}

@media(max-width: 768px) {
    .location-tile-container .tile-click-result {
        padding: 20px
    }

    @-webkit-keyframes slideInUp {
        0% {
            transform: translateY(100%);
            visibility: visible
        }

        100% {
            transform: translateY(-48)
        }
    }

    @keyframes slideInUp {
        0% {
            transform: translateY(100%);
            visibility: visible
        }

        100% {
            transform: translateY(-48)
        }
    }

    .ngb-dp-month-name {
        margin: 0 auto 8px
    }

    .header-content .main-search-wrapper .loc-update {
        width: 76px;
        position: absolute;
        right: 17px;
        top: 60px
    }

    .booking-details .date-changer-wrap {
        width: 100%;
        background: #fff
    }

    .header nav.top .nav-menu {
        position: fixed;
        background: #004165;
        right: 0;
        top: 54px;
        z-index: 100;
        padding: 10px 32px 23px 20px;
        box-shadow: -1px 3px 7px #383c3e;
        border: 1px solid #08517a;
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    @-webkit-keyframes slideOutRight {
        0% {
            transform: translateX(0)
        }

        100% {
            visibility: hidden;
            transform: translateX(100%)
        }
    }

    @keyframes slideOutRight {
        0% {
            transform: translateX(0)
        }

        100% {
            visibility: hidden;
            transform: translateX(100%)
        }
    }

    .header nav.top .nav-menu.inactive {
        display: none
    }

    .header nav.top .nav-menu.active {
        display: block;
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    @-webkit-keyframes slideInRight {
        0% {
            transform: translateX(100%);
            visibility: visible
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes slideInRight {
        0% {
            transform: translateX(100%);
            visibility: visible
        }

        100% {
            transform: translateX(0)
        }
    }

    .header nav.top .nav-menu li {
        display: block;
        border-bottom: 1px solid #3d5f71
    }

    .header nav.top .nav-menu li a {
        padding: 16px 20px;
        display: block
    }

    .header nav.top .nav-menu .fas {
        margin-right: 12px;
        display: inline
    }

    .header nav.top .nav-menu .fas.fa-shopping-cart {
        margin-right: 11px
    }

    .header nav.bottom .owl-carousel {
        float: none;
        clear: both;
        width: 100%;
        overflow: hidden
    }

    .header nav.bottom .owl-carousel .owl-stage-outer {
        margin-left: 40px
    }

    .header nav.bottom .owl-carousel .owl-nav .owl-prev {
        margin-left: 0
    }

    .top-search-functions {
        float: none;
        height: auto;
        text-align: center
    }

    .custom-day {
        text-align: center;
        padding: .185rem .25rem;
        display: inline-block;
        height: 2rem;
        width: 2rem
    }

    .custom-day.focused {
        background-color: #e6e6e6
    }

    .custom-day.range,
    .custom-day:hover {
        background-color: #0275d8;
        color: #fff;
        border-radius: 100%;
        transition: .1s linear all
    }

    .custom-day.faded {
        background-color: rgba(2, 117, 216, .5)
    }

    .date-changer {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .date-changer.date-range-selected {
        border-left: 0;
        padding: 1px 12px 0 42px
    }

    .booking-details {
        float: none;
        margin-left: 0;
        margin-top: 10px;
        clear: both
    }

    .home-page .header-content .main-search-wrapper .loc-name {
        width: 100%;
        border-radius: 3px;
        margin-bottom: 11px
    }

    .top-search-functions h4 .location-mobile-collapse {
        display: block
    }

    .booking-details .pax-changer-wrap {
        margin: 10px
    }

    .booking-details .pax-changer-wrap {
        width: 230px
    }

    .facilities-summary {
        float: none;
        clear: both;
        padding: 25px 0 0
    }

    .booking-details-body-content .detail-wrapper-inner {
        width: auto;
        margin: 20px 0 0 0;
        border: 0;
        padding: 0;
        float: none
    }

    .booking-details-body-content .detail-location-map {
        width: 100%
    }

    .location-description {
        margin-top: 15px
    }

    .packages-added {
        margin-top: 25px
    }

    .packages-added h5 {
        margin-bottom: 20px
    }

    .payment-summary {
        margin-top: 15px
    }

    .location-tile-container .location-tile {
        width: 46%
    }

    .location-tile-container .tile-slider-outer.tile-activated {
        padding: 0 45px
    }

    .search-page .header-content .main-search-wrapper .loc-update {
        top: 54px;
        right: 7px
    }

    .search-page .date-changer {
        width: auto
    }

    .search-sort {
        padding: 0 0 4px
    }

    .search-page .right-filters {
        float: none;
        width: 100%;
        margin: 6px 0 0
    }

    .search-page .left-filters {
        float: none;
        margin: 0 auto;
        clear: both;
        border-top: 1px dashed #797e82;
        margin-top: 7px;
        padding-bottom: 4px
    }

    .search-sort .sort-duration {
        float: left;
        margin-left: 16px;
        margin-top: 8px
    }

    .search-filters {
        width: 75%;
        top: 0;
        height: 100%
    }

    .filters-enabled .close-filters-mobile,
    .map-enabled .close-filters-map {
        display: block
    }

    .tile-view-enabled.filters-disabled.map-disabled .search-listing-block,
    .tile-view-enabled.filters-enabled.map-disabled .search-listing-block {
        margin: .75%;
        width: 47.5%
    }

    .tile-view-enabled .search-listing-block h3 {
        height: 60px;
        line-height: 18px;
        overflow: hidden
    }

    .tile-view-enabled .search-listing-block h3 {
        font-size: 12px
    }

    .search-option-order .book-now {
        padding: 8px;
        font-size: 11px
    }

    .adjustable-container-panel-right {
        top: 0;
        z-index: 1000
    }

    .search-page .header-content {
        height: 122px
    }

    .list-view-enabled .search-image-wrapper {
        float: left;
        width: 135px
    }

    .list-view-enabled .search-image-wrapper {
        width: 135px
    }

    .list-view-enabled .search-listing-img,
    .list-view-enabled .search-image-wrapper {
        width: 120px
    }

    .list-view-enabled .search-result-detail-wrapper {
        width: calc(100% - 125px)
    }

    .search-page .header-content .main-search-wrapper .loc-name {
        margin-bottom: 10px
    }

    .details-on-booking {
        display: block
    }

    .details-on-booking .pax-changer-wrap {
        display: block
    }

    .details-on-booking .pax-changer-wrap .pax-default {
        border: 1px solid #e1e1e1
    }

    .date-changer-with-button-wrap {
        display: flex;
        flex-direction: column;
        float: none;
        width: 240px;
        margin: 0 auto
    }

    .date-changer-with-button-wrap .date-changer-wrap {
        margin-bottom: 10px
    }

    .date-changer-with-button-wrap .date-changer-wrap .date-changer {
        width: 100%
    }

    .date-changer-with-button-wrap .detail-update-button {
        margin: 0
    }

    .owl-carousel .owl-stage {
        margin: 0 auto
    }

    .booking-options-wrapper {
        margin-top: 30px
    }

    .ordered-packages__name {
        display: block
    }

    .itanary-payment-info {
        padding-top: 5px;
        background: none
    }

    .iternary-package h1 span {
        display: block
    }

    .print-action {
        display: none
    }

    .iternary-package .remarks-area {
        margin-top: 10px;
        padding: 20px 0
    }

    .checkout-detail-wrap h1 {
        margin: 14px 0 10px
    }

    footer {
        padding: 70px 15px
    }

    footer .section ul {
        margin: 20px 0 15px !important
    }

    footer .section .social {
        margin-top: 15px
    }

    footer .general-links {
        margin-bottom: 20px
    }

    .iternary-package .img-fluid {
        margin-bottom: 15px
    }

    .routes p {
        min-width: auto;
        padding: 0 25px 0 10px;
        background-size: 20px;
        line-height: 25px
    }

    .routes p:hover {
        background-size: 20px
    }
}

@media(max-width: 546px) {
    .adjustable-container {
        margin: 0 -15px
    }

    .full-details {
        padding-right: 0
    }

    .location-tile-container .location-tile {
        width: 98%
    }

    .tile-click-result .location-tile {
        width: 245px
    }

    .header-content .location.active .loc-update {
        border: 2px solid #c7a406;
        background: #ffb908
    }

    .date-changer-search {
        clear: both;
        float: none;
        margin: 16px 0 0 0;
        width: 100%
    }

    .duration .duration-inner {
        text-align: center;
        width: 308px;
        padding: 30px 15px;
        top: 8px
    }

    .booking-details .date-changer-search {
        margin: 26px 0 0 0;
        width: 135px;
        float: left
    }

    .booking-details .pax-changer-wrap {
        float: none;
        clear: both;
        margin: 0;
        top: 10px
    }

    .booking-details .pax-changer-wrap .pax-default {
        width: 304px
    }

    .home-page .header-content {
        height: 200px
    }

    footer {
        padding: 30px 20px
    }

    footer .section {
        float: none;
        width: 100%;
        clear: both
    }

    footer .section h4 {
        margin: 0
    }

    footer .section .address {
        padding-top: 0
    }
}

@media(max-width: 462px) {
    .search-page .right-filters {
        width: 100%
    }

    .sort-duration .lbl-sortby {
        display: none
    }

    .right-filters .lbl-toggle-switch label {
        display: none
    }
}

@media(min-width: 768px)and (max-width: 910px) {

    .general-price .price,
    .detail-sec-pax {
        font-size: 16px
    }

    .per-price .per-price-total .currency,
    .original-price .currency {
        font-size: 12px
    }
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    color: #263238;
    overflow-x: hidden;
    font-weight: 400;
    margin: 0;
    background: url(../../images/transco/icon-background-Image.jpg)
}

body * {
    outline: none !important;
    touch-action: manipulation
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

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

@media(max-width: 600px) {

    input[type=color],
    input[type=date],
    input[type=datetime],
    input[type=datetime-local],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select:focus,
    textarea {
        font-size: 16px !important
    }
}

input[type=color]::-ms-reveal,
input[type=date]::-ms-reveal,
input[type=datetime]::-ms-reveal,
input[type=datetime-local]::-ms-reveal,
input[type=email]::-ms-reveal,
input[type=month]::-ms-reveal,
input[type=number]::-ms-reveal,
input[type=password]::-ms-reveal,
input[type=search]::-ms-reveal,
input[type=tel]::-ms-reveal,
input[type=text]::-ms-reveal,
input[type=time]::-ms-reveal,
input[type=url]::-ms-reveal,
input[type=week]::-ms-reveal,
select:focus::-ms-reveal,
textarea::-ms-reveal {
    display: none
}

.text-color {
    color: #263238 !important
}

.text-color-medium {
    color: #546e7a !important
}

.text-color-light {
    color: #78909c !important
}

.text-color-lighter {
    color: #90a4ae !important
}

.text-color-danger {
    color: #d9534f !important
}

.text-color-warning {
    color: #ff9800 !important
}

.text-color-success {
    color: #28a745 !important
}

.bg-color-theme {
    background-color: var(--seaBlue) !important
}

.bg-color-light {
    background-color: #f6f8f9 !important
}

.bg-color--dark {
    background-color: #263238 !important
}

.bg-color-danger {
    background-color: #d9534f !important
}

.bg-color-warning {
    background-color: #ff9800 !important
}

.bg-color-success {
    background-color: #28a745 !important
}

.text-color-highlight {
    color: var(--mainBlueNavFooter) !important
}

.text-color-highlight-2 {
    color: #fcd303 !important
}

.text-italic {
    font-style: italic !important
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-weight-bold {
    font-weight: 600 !important
}

.font-weight-heavy {
    font-weight: 800 !important
}

.text-responsive {
    font-size: calc(100% + 1vw + 1vh)
}

.small-text {
    font-size: 75%;
    font-weight: inherit
}

.base-font {
    font-size: 14px !important
}

.base-font--xx-small {
    font-size: 8px !important;
    line-height: 8px !important
}

.base-font--x-small {
    font-size: 10px !important;
    line-height: 12px !important
}

.base-font--small {
    font-size: 12px !important
}

.base-font--large {
    font-size: 16px !important
}

.base-font--x-large {
    font-size: 18px !important
}

.base-font--icon {
    font-size: 24px !important
}

.line-h-1 {
    line-height: 1 !important
}

.line-h-x {
    line-height: 130% !important
}

.font-family-1 {
    font-family: "Lato", sans-serif
}

.font-family-2 {
    font-family: "Roboto", sans-serif
}

.font-family-3 {
    font-family: "Poppins", sans-serif
}

.ellipsis-one-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.text-shadow-none {
    text-shadow: none
}

.h-auto {
    height: auto !important
}

.w-auto {
    width: auto !important
}

@media(min-width: 900px) {
    .w-md-25 {
        width: 25% !important
    }
}

@media(min-width: 900px) {
    .w-md-50 {
        width: 50% !important
    }
}

@media(min-width: 900px) {
    .w-md-75 {
        width: 75% !important
    }
}

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

.bottom-0 {
    bottom: 0
}

.top-0 {
    top: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.overflow-inherit {
    overflow: inherit !important
}

.min-width-auto {
    min-width: auto !important
}

.min-height-auto {
    min-height: auto !important
}

.doe-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.visible-hidden {
    visibility: hidden
}

.hide-cursor {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    cursor: none;
    z-index: 100
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-default {
    cursor: default !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-sm-hidden {
    overflow: hidden
}

@media(min-width: 767px) {
    .overflow-sm-hidden {
        overflow: visible
    }
}

.doe-h-scroll-container>div {
    overflow-x: auto
}

.bg-theme {
    background-color: var(--seaBlue)
}

@media(max-width: 900px) {
    .remove-bg-sm {
        background-color: rgba(0, 0, 0, 0) !important
    }
}

.vertical-separator {
    position: relative;
    padding: 0 10px
}

.vertical-separator:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    height: 100%;
    border-right: 1px solid #d9d9d9
}

.separator-across-text {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    line-height: .1em;
    margin: 10px 0
}

.separator-across-text>* {
    color: #78909c;
    background: #fff;
    padding: 0 10px
}

.disable-section {
    pointer-events: none;
    color: #607d8b !important;
    background: #eceff1
}

.price--large {
    font-size: 1.3rem
}

.input-group-prepend select.form-control {
    border-radius: .25rem 0 0 .25rem
}

.doe-main-search {
    padding: 0 .25rem
}

@media(min-width: 767px) {
    .doe-main-search {
        display: flex;
        padding: 0
    }
}

.doe-main-search__inputs {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1
}

@media(min-width: 767px) {
    .doe-main-search__inputs {
        flex-direction: row;
        width: auto
    }
}

.doe-main-search__inputs .changer-from {
    float: none
}

.doe-main-search__input {
    background: var(--mainBlueNavFooter) !important;
    opacity: 75%;
    border: none;
    color: #fff !important;
    height: 48px;
    width: 100%;
    border-radius: .25rem;
    flex: 1
}

.doe-main-search__input::-moz-placeholder {
    color: rgba(255, 255, 255, .4)
}

.doe-main-search__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .4)
}

.doe-main-search__input::placeholder {
    color: rgba(255, 255, 255, .4)
}

.doe-main-search__input-container {
    display: flex;
    width: 100%
}

@media(min-width: 1200px) {
    .doe-main-search__input-container {
        min-width: 380px
    }
}

@media(min-width: 1500px) {
    .doe-main-search__input-container {
        min-width: 440px
    }
}

.doe-main-search__input-container.pax-changer-wrap .doe-main-search__input {
    margin-bottom: .25rem;
    padding: 0 12px 0 48px;
    outline: 0
}

@media(min-width: 767px) {
    .doe-main-search__input-container.pax-changer-wrap .doe-main-search__input {
        margin-bottom: 0
    }
}
.doe-main-search__input.date-changer {
    min-width: 180px;
    cursor: pointer
}

@media(min-width: 767px) {
    .doe-main-search__input.date-changer {
        text-align: right;
        padding-right: 45px
    }
}

.doe-main-search .pax-changer-wrap i {
    position: absolute;
    left: 14px;
    top: 12px;
    color: rgba(255, 255, 255, .9);
    font-size: 22px;
    z-index: auto
}

.doe-main-search .date-changer-wrap i {
    position: absolute;
    right: auto;
    left: 14px;
    top: 14px;
    color: rgba(255, 255, 255, .9);
    font-size: 20px;
    z-index: auto;
    cursor: pointer
}

@media(min-width: 767px) {
    .doe-main-search .date-changer-wrap i {
        right: 14px;
        left: auto
    }
}

.doe-main-search__btn {
    opacity: .8;
    color: #fff;
    margin: 8px 0;
    height: 46px;
    width: 100%
}

@media(min-width: 767px) {
    .doe-main-search__btn {
        margin: 8px;
        max-width: none !important;
        min-width: 56px !important;
        width: auto;
        flex: 0
    }
}

.doe-main-search__btn:hover,
.doe-main-search__btn:focus,
.doe-main-search__btn:active {
    opacity: 1
}

.doe-main-search .dropdown-item {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.doe-main-search .dropdown-item ngb-highlight,
.doe-main-search .top-search-functions .dropdown-item .th-title-city ngb-highlight .ngb-highlight,
.top-search-functions .doe-main-search .dropdown-item .th-title-city ngb-highlight .ngb-highlight,
.doe-main-search .top-search-functions .dropdown-item .th-title-excursion ngb-highlight .ngb-highlight,
.top-search-functions .doe-main-search .dropdown-item .th-title-excursion ngb-highlight .ngb-highlight {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.doe-main-search .dropdown-item__content {
    padding: 0 12px 0 45px
}

.doe-main-search .dropdown-item__content .ngb-highlight {
    font-size: 14px;
    color: #fff
}

.doe-main-search .dropdown-item .doe-search-highlight {
    color: rgba(255, 255, 255, .6);
    font-style: italic
}

.doe-main-search .dropdown-item .doe-search-highlight .ngb-highlight {
    color: #fff;
    font-size: 15px;
    font-style: normal
}

.doe-main-search .dropdown-item i {
    top: 50%;
    transform: translatey(-50%);
    left: 14px;
    color: rgba(255, 255, 255, .7) !important;
}

.top-search-functions {
    text-align: center;
    float: left;
    margin-left: 1px;
    margin: 0;
    position: relative;
    border-radius: 4px
}

@media(min-width: 767px) {
    .top-search-functions {
        margin: 8px;
        box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
    }
}

.top-search-functions .searching-activity {
    position: absolute;
    z-index: 1;
    font-size: 11px;
    left: 15px;
    top: 51px;
    color: #aaa
}

.top-search-functions .tt-menu {
    background: #fff;
    min-width: 258px;
    box-shadow: 0px 0px 1px #e1e1e1;
    min-width: 100%
}

.top-search-functions .tt-menu .tt-suggestion {
    white-space: nowrap;
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 35px;
    cursor: pointer;
    padding: 0 20px;
    text-align: left
}

.top-search-functions .tt-menu .tt-suggestion:hover {
    background: #f1f1f1
}

.top-search-functions .dropdown-menu {
    overflow: auto;
    width: 100%;
    max-height: 640px;
    padding: 0;
    background-color: rgba(49, 99, 141, 0.9);
    opacity: 0.9;
    margin-top: 3px;
    margin-left: 0;
    border-radius: .25rem;
    z-index: 90;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 300ms;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 300ms;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    animation-name: fadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

@media(min-width: 767px) {
    .top-search-functions .dropdown-menu {
        border-radius: .25rem;
        margin-left: auto
    }
}

.top-search-functions .dropdown-menu::-webkit-scrollbar {
    width: 5px
}

.top-search-functions .dropdown-menu::-webkit-scrollbar-track {
    background-color: #b1b1b1
}

.top-search-functions__backdrop {
    display: none;
    opacity: 0;
    background-color: rgba(0, 0, 0, .24);
    z-index: 300
}

@media(min-width: 900px) {
    .top-search-functions__backdrop {
        display: none !important
    }
}

.top-search-functions__header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 3rem;
    width: 100%;
    padding: 0 .25rem;
    background-color: var(--seaBlue);
    color: #fff;
    text-align: right;
    z-index: 250;
    transition: all 500ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 900px) {
    .top-search-functions__header {
        display: none
    }
}

.top-search-functions .ngb-dp-month {
    margin: 6px
}

.top-search-functions .ngb-dp-weekdays {
    margin-bottom: 10px;
    border: none
}

.top-search-functions .dropdown-item {
    width: 100%;
    color: #151212;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    text-align: left;
    background: none;
    padding: 8px;
    height: 48px;
    padding: 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.top-search-functions .dropdown-item i {
    margin-right: 10px;
    opacity: 1;
    font-size: 18px;
    color: #fff
}

.top-search-functions .dropdown-item.active .th-city,
.top-search-functions .dropdown-item.active .th-excursion,
.top-search-functions .dropdown-item.active .th-free-text {
    color: #fff;
    background: var(--mainBlueNavFooter);
    opacity: 50%;
}

.top-search-functions .dropdown-item.active .th-city i,
.top-search-functions .dropdown-item.active .th-excursion i,
.top-search-functions .dropdown-item.active .th-free-text i {
    color: #fff
}

.top-search-functions .dropdown-item .th-city,
.top-search-functions .dropdown-item .th-excursion {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    color: #78909c;
    cursor: pointer
}

.top-search-functions .dropdown-item .th-city:active,
.top-search-functions .dropdown-item .th-city:hover,
.top-search-functions .dropdown-item .th-excursion:active,
.top-search-functions .dropdown-item .th-excursion:hover {
    color: #fff;
    background: #11305e;
    opacity: 50%;
}

.top-search-functions .dropdown-item .th-city:active i,
.top-search-functions .dropdown-item .th-city:hover i,
.top-search-functions .dropdown-item .th-excursion:active i,
.top-search-functions .dropdown-item .th-excursion:hover i {
    color: #fff
}

.top-search-functions .dropdown-item .th-free-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    color: #fff;
    cursor: pointer
}

.top-search-functions .dropdown-item .th-free-text:active,
.top-search-functions .dropdown-item .th-free-text:hover {
    color: #fff;
    background: var(--mainBlueNavFooter);
}

.top-search-functions .dropdown-item .th-free-text:active i,
.top-search-functions .dropdown-item .th-free-text:hover i {
    color: #fff
}

.top-search-functions .dropdown-item .th-title-city ngb-highlight,
.top-search-functions .dropdown-item .th-title-city ngb-highlight .ngb-highlight,
.top-search-functions .dropdown-item .th-title-excursion ngb-highlight,
.top-search-functions .dropdown-item .th-title-excursion ngb-highlight .ngb-highlight {
    color: #62defd !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 12px !important
}

.top-search-functions .dropdown-item .th-title-city i,
.top-search-functions .dropdown-item .th-title-excursion i {
    color: #fff
}

.dropdown-menu .ngb-dp-header {
    margin: 0 6px
}

.dropdown-menu ngb-datepicker-navigation {
    background: rgba(41, 65, 80, 0);
    padding: 3px;
    border-radius: 3px
}

.dropdown-menu ngb-datepicker-navigation .btn-link {
    color: #6b89aa
}

.dropdown-menu ngb-datepicker-navigation-select>.custom-select {
    margin: 0 3px
}

.dropdown-menu .ngb-dp-week-number {
    font-style: normal
}

.dropdown-menu .ngb-dp-weekday {
    font-style: normal
}

.doe-grid-card {
    display: inline-block;
    width: 98%;
    margin: 1%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 600px) {
    .doe-grid-card {
        width: 48%
    }
}

@media(min-width: 900px) {
    .doe-grid-card {
        width: 31.33%
    }
}

@media(min-width: 1200px) {
    .doe-grid-card {
        width: 23%
    }
}

.doe-grid-card:before {
    content: "";
    position: absolute;
    height: 90px;
    width: 100%;
    left: 0;
    bottom: 0;
    opacity: .62;
    background:  var(--halfBlueContainer) ;
    background: linear-gradient(to bottom, transparent 0%,  var(--halfBlueContainer)  2%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed", GradientType=0);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-grid-card--top-content:after {
    content: "";
    position: absolute;
    height: 25%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .62;
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.8) 94%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed", GradientType=0);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 4px
}

.doe-grid-card--no-desc:before,
.doe-grid-card--no-desc:after {
    content: none !important
}

@media(min-width: 767px) {
    .doe-grid-card:hover {
        transition: all .4s cubic-bezier(0.25, 0.8, 0.25, 1);
        box-shadow: 0 10px 20px rgba(66, 66, 66, .19), 0 6px 6px rgba(66, 66, 66, .23)
    }
}

.doe-grid-card:hover:before,
.doe-grid-card:hover:after {
    transition: all .4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: .94
}

@media(min-width: 600px) {
    .doe-grid-card--2 {
        width: 48% !important
    }
}

@media(min-width: 900px) {
    .doe-grid-card--3 {
        width: 31.33% !important
    }
}

.doe-grid-card--light:before {
    opacity: .92;
    background: #fff;
    background: linear-gradient(to bottom, transparent 0%, #f3f1f1 2%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed", GradientType=0)
}

.doe-grid-card--light:hover:before {
    opacity: 1
}

.doe-grid-card--light .doe-grid-card__details {
    color: inherit
}

.doe-grid-card__top-title {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 12px;
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    z-index: 1
}

@media(min-width: 900px) {
    .doe-grid-card__top-title {
        font-size: 24px
    }
}

.doe-grid-card__top-title i {
    font-size: 16px
}

@media(min-width: 900px) {
    .doe-grid-card__top-title i {
        font-size: 24px
    }
}

.doe-grid-card__inner {
    flex-wrap: wrap;
    cursor: pointer
}

@media(min-width: 900px) {
    .doe-grid-card__inner {
        display: flex;
        justify-content: flex-start;
        align-items: normal;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.doe-grid-card__img {
    height: 220px;
    width: 100%;
    background-size: cover;
    border-radius: 4px;
    visibility: visible !important;
    background-position: center
}

@media(min-width: 767px) {
    .doe-grid-card__img {
        height: 260px
    }
}

.doe-grid-card__details {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: .5rem 1rem;
    width: 100%;
    min-height: 90px;
    font-family: "Poppins", sans-serif;
    line-height: normal;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-grid-card__details--hidden {
    display: none
}

.doe-grid-card__title {
    font-size: 14px;
    line-height: 1.24;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.doe-grid-card__title--responsive {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px
}

@media(min-width: 900px) {
    .doe-grid-card__title--responsive {
        font-size: 24px
    }
}

.doe-grid-card__title .small-text {
    font-size: 80%
}

@media(min-width: 900px) {
    .doe-grid-card__title .small-text {
        font-size: 60%
    }
}

.doe-grid-card__sub-title {
    display: block;
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.doe-grid-card__place {
    flex: 1;
    width: 100%
}

.doe-grid-card__place .doe-grid-card__title {
    width: 100%
}

.doe-grid-card__rating {
    flex: 0 0 100%
}

.doe-grid-card__rating i {
    margin-right: 2px;
    font-size: 14px
}

@media(min-width: 767px) {
    .doe-grid-card__rating i {
        margin-right: 4px
    }
}

.doe-grid-card__rating i:last-of-type {
    margin-right: 0
}

.doe-grid-card__desc {
    text-align: justify;
    font-size: 14px
}

.doe-grid-card__price {
    display: flex;
    align-items: baseline;
    padding-top: 8px;
    font-size: 1rem;
    text-align: right;
    line-height: 1
}

.doe-grid-card__price label {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 4px;
    line-height: .8rem
}

.doe-grid-card__force-action {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    z-index: 1;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-grid-card__force-action-content {
    opacity: 0;
    padding: 30px 10px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 140px #fff;
    vertical-align: middle;
    font-family: "Lato", sans-serif;
    letter-spacing: .1rem;
    font-size: 12px;
    font-weight: 600;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-grid-card__force-action:hover {
    background: rgba(1, 76, 95, .75)
}

.doe-grid-card__force-action:hover .doe-grid-card__force-action-content {
    opacity: 1
}

.doe-grid-card__duration {
    position: absolute;
    padding: 10px;
    font-size: 12px;
    font-weight: 800;
    line-height: 13px;
    font-family: "Poppins", sans-serif;
    color: #fff;
    background: var(--seaBlue);
    right: 0;
    top: 0;
    border-radius: 4px 4px 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.doe-grid-card__duration i {
    font-size: 16px;
    margin-right: 5px
}

.doe-grid-card__tag {
    position: absolute;
    bottom: 90px;
    left: 0;
    max-width: 220px;
    color: #fff;
    border-radius: 0 0 4px 0;
    background-color: var(--mainSegments);
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    font-size: 11px;
    letter-spacing: .02rem;
    padding: 2px 8px;
    text-transform: uppercase;
    z-index: 10;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 900px) {
    .doe-grid-card__tag {
        padding: 4px 12px;
        font-size: 14px
    }
}

.align-middle {
    vertical-align: middle;
    transform: translate(27px, 13px);
}

.doe-grid-card__tag--warn {
    background-color: #ff9800 !important
}

.doe-grid-card__tag--yellow{
    background-color:  var(--darkOrange);
}

.doe-grid-card__tag--success {
    background-color: #28a745 !important
}

.doe-grid-card__tag--danger {
    background-color: #d9534f !important
}

.doe-grid-card--slideshow .doe-grid-card__img {
    position: relative;
    height: 160px;
    width: 100%;
    border-radius: 0;
    background-size: cover;
    visibility: visible !important;
    background-position: center
}

.doe-grid-card--slideshow .doe-grid-card__img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 24px);
    width: 100%;
    z-index: 2
}

.doe-grid-card--slideshow .doe-grid-card__details {
    position: relative;
    padding: 4px 20px;
    height: 75px;
    color: #263238
}

.doe-grid-card--slideshow:before {
    display: none
}

.doe-grid-card--slideshow .carousel-indicators {
    margin: 5px 0;
    height: 10px;
    bottom: 0
}

.doe-grid-card--slideshow .carousel-indicators li {
    height: 10px;
    bottom: 0;
    border-radius: 100%;
    width: 10px;
    margin: 0 5px;
    border: 0
}

.tile-activated .doe-grid-card {
    width: 175px;
    flex: 0 0 175px;
    margin: 8px
}

.tile-activated .doe-grid-card.active {
    box-shadow: 0 14px 28px rgba(66, 66, 66, .25), 0 10px 10px rgba(66, 66, 66, .22)
}

.tile-activated .doe-grid-card__img {
    height: 75px
}

@media(min-width: 900px) {
    .tile-activated .doe-grid-card__img {
        height: 160px
    }
}

.tile-activated .doe-grid-card__title {
    font-size: 14px
}

.tile-click-result .doe-grid-card {
    width: 98%;
    height: 300px
}

@media(min-width: 767px) {
    .tile-click-result .doe-grid-card {
        width: 48%
    }
}

@media(min-width: 900px) {
    .tile-click-result .doe-grid-card {
        width: 23%
    }
}

.tile-click-result .doe-grid-card:before {
    display: none
}

.tile-click-result .doe-grid-card__details {
    padding: 5px 10px;
    height: 65px;
    min-height: 65px;
    color: #263238
}

.tile-click-result .doe-grid-card__title {
    font-size: 12px
}

.tile-click-result .doe-grid-card__price {
    font-size: 13px
}

.tile-click-result .doe-grid-card__img {
    height: 115px;
    border-radius: 4px 4px 0 0
}

.tile-click-result__inner {
    position: relative;
    font-size: 0
}

.tile-click-result__inner--slide {
    overflow: auto;
    display: flex;
    padding-bottom: 15px
}

.tile-click-result__inner--slide .doe-grid-card {
    width: 23%;
    min-width: 220px;
    height: 180px
}

.tile-click-result__inner--slide .doe-grid-card__details {
    height: 78px
}

.tile-click-result__inner--slide .doe-grid-card__img {
    height: 102px
}

.doe-card {
    border-radius: 2px;
    position: relative;
    width: 100%
}

.doe-card--shadow {
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

.doe-card__container {
    width: 100%;
    max-height: none;
    overflow-y: auto;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 920px
}

@media(min-width: 900px) {
    .doe-card__container {
        max-height: 450px
    }
}

.doe-card__remove {
    position: absolute;
    text-decoration: none;
    letter-spacing: .03rem;
    opacity: .7;
    top: 0;
    right: 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 1200px) {
    .doe-card__remove {
        bottom: 0;
        top: auto
    }
}

.doe-card__remove:hover,
.doe-card__remove:active,
.doe-card__remove:focus {
    opacity: 1;
    text-decoration: none
}

.doe-card__button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-decoration: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    min-width: 30px;
    opacity: .7;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-card__button-icon {
    font-size: 14px
}

.doe-card__button:hover,
.doe-card__button:active,
.doe-card__button:focus {
    opacity: 1;
    text-decoration: none
}

.doe-card__button--danger {
    color: #d9534f
}

.doe-card__button--danger:hover,
.doe-card__button--danger:active,
.doe-card__button--danger:focus {
    color: #d9534f;
    background: rgba(217, 83, 79, .12)
}

.doe-card__button--primary {
    color: var(--seaBlue)
}

.doe-card__button--primary:hover,
.doe-card__button--primary:active,
.doe-card__button--primary:focus {
    color: var(--seaBlue);
    background: rgba(1, 76, 95, .12)
}

.doe-card__button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.doe-card-img {
    height: 100px;
    width: 95px;
    background-size: cover;
    border-radius: 4px;
    visibility: visible !important;
    background-position: center
}

.doe-card-img img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.doe-calendar .custom-day.focused,
.doe-calendar .custom-day:hover,
.doe-calendar .custom-day.range {
    background-color: var(--seaBlue);
    border-radius: 50%;
    color: #fff
}

.calendar-now-functioning {
    overflow-y: hidden
}

@media(min-width: 600px) {
    .calendar-now-functioning {
        overflow-y: auto
    }
}

@media(max-width: 600px) {
    .calendar-now-functioning .dropdown-menu.show {
        margin: 0;
        position: fixed !important;
        transform: none !important;
        top: auto !important;
        box-shadow: none !important;
        border: none;
        bottom: 0px !important;
        max-height: none
    }
}

.calendar-now-functioning .sticky {
    -webkit-animation: none !important;
    animation: none !important
}

.doe-calendar {
    position: relative
}

@media(min-width: 1200px) {
    .doe-calendar:before {
        content: "";
        height: 32px;
        width: 1px;
        position: absolute;
        top: 8px;
        left: 0px;
        background-color: rgba(245, 245, 245, .08);
        z-index: 1
    }
}

.doe-calendar .dropdown-menu {
    background: rgba(255, 255, 255, .99);
    z-index: 200;
    width: 100vw;
    height: calc(100vh - 40px)
}

@media(min-width: 767px) {
    .doe-calendar .dropdown-menu {
        width: auto;
        height: auto;
        left: -300px !important
    }
}

@media(min-width: 1200px) {
    .doe-calendar .dropdown-menu {
        left: 0 !important
    }

    .doe-calendar .dropdown-menu:before {
        content: "";
        height: 45px;
        width: 2px;
        position: absolute;
        top: 2px;
        left: 0px
    }
}

.doe-calendar .dropdown-menu .ngb-dp-header {
    padding-top: 60px
}

@media(min-width: 767px) {
    .doe-calendar .dropdown-menu .ngb-dp-header {
        padding-top: 0
    }
}

@supports(-webkit-overflow-scrolling: touch) {
    .doe-calendar .dropdown-menu .ngb-dp-header {
        padding-top: 110px !important
    }
}

.doe-calendar .dropdown-menu .ngb-dp-arrow-btn {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    box-shadow: none !important
}

.doe-calendar .dropdown-menu .ngb-dp-day,
.doe-calendar .dropdown-menu .ngb-dp-week-number,
.doe-calendar .dropdown-menu .ngb-dp-weekday {
    width: 42px;
    height: 42px
}

@media(min-width: 767px) {

    .doe-calendar .dropdown-menu .ngb-dp-day,
    .doe-calendar .dropdown-menu .ngb-dp-week-number,
    .doe-calendar .dropdown-menu .ngb-dp-weekday {
        width: 30px;
        height: 30px
    }
}

.doe-calendar .dropdown-menu .ngb-dp-months {
    flex-direction: column
}

@media(min-width: 767px) {
    .doe-calendar .dropdown-menu .ngb-dp-months {
        flex-direction: row
    }
}

.doe-calendar .dropdown-menu .ngb-dp-week {
    display: flex;
    justify-content: space-between;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(min-width: 767px) {
    .doe-calendar .dropdown-menu .ngb-dp-week {
        display: flex;
        justify-content: flex-start;
        align-items: normal;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.doe-calendar .custom-day {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 40px;
    width: 40px;
    font-size: 15px
}

@media(min-width: 767px) {
    .doe-calendar .custom-day {
        height: 27px;
        width: 27px;
        font-size: 13px
    }
}

.doe-calendar .custom-day.range.faded {
    background-color: rgba(1, 76, 95, .4)
}

.doe-calendar__close {
    color: var(--seaBlue);
    z-index: 250;
    position: absolute;
    right: 12px;
    top: calc(50% - 12px);
    padding: 4px 6px;
    font-size: 1rem;
    border-radius: 50%
}

@media(min-width: 600px) {
    .doe-calendar__close {
        display: none
    }
}

.doe-calendar__info {
    position: fixed;
    background: rgba(255, 255, 255, .98);
    top: 0;
    left: 0;
    height: 40px;
    width: 100vw;
    font-family: "Poppins", sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--seaBlue);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 200;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

.map-bubble {
    display: flex
}

.map-bubble-image img {
    width: 85px;
    border-radius: 3px;
    min-height: 85px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.map-bubble-details {
    width: 150px;
    padding: 5px 0 5px 10px
}

@media(min-width: 900px) {
    .map-bubble-details {
        width: 135px
    }
}

@media(min-width: 1200px) {
    .map-bubble-details {
        width: 150px
    }
}

.map-bubble-details h5 {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.map-bubble-details .doe-button {
    margin-top: 10px;
    padding: 5px 16px
}

.bubble-price {
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 10px 0
}

.bubble-price span {
    font-weight: normal;
    font-size: 14px
}

.booking-details-body-content .map-bubble-details h5 {
    margin: 0
}

.pax-changer-wrap__icon,
.date-changer-wrap__icon {
    position: absolute;
    left: 1rem;
    top: 15px;
    z-index: 1;
    font-size: 18px;
    color: var(--seaBlue)
}

.pax {
    top: auto !important;
    left: 0 !important;
    display: none
}

@media(min-width: 767px) {
    .pax {
        top: 58px !important;
        bottom: inherit
    }
}

@media(max-width: 767px) {
    .pax {
        bottom: 0 !important
    }
}

.pax .apply-value {
    min-width: 110px;
    background: var(--seaBlue);
    border: 0;
    padding: 8px 20px;
    border-radius: 3px;
    color: #fff;
    outline: none;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    opacity: .8;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.pax .apply-value:hover {
    opacity: 1
}

.pax-value-controller-slider {
    position: relative;
    margin-bottom: 30px;
    max-width: 100%
}

.pax-value-controller-slider .range-input {
    max-width: 50px;
    background-color: rgba(0, 0, 0, 0);
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    color: #263238;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.pax-value-controller-slider .range-input:focus {
    outline: none;
    border-bottom: 1px solid var(--seaBlue)
}

.pax-value-controller-slider .slider-lbl {
    letter-spacing: .04rem;
    font-family: "Poppins", sans-serif;
    color: var(--seaBlue);
    line-height: 1
}

.pax-value-controller-slider .slider-lbl__name {
    font-size: 1.1rem
}

.pax-value-controller-slider .slider-lbl__suffix {
    color: #78909c;
    font-size: .8rem;
    color: var(--seaBlue)
}

.pax-value-controller-slider .rangeslider--horizontal {
    height: 1px;
    margin: 12px 0
}

.pax-value-controller-slider .rangeslider--horizontal .rangeslider__handle {
    position: relative;
    box-shadow: none;
    top: -15px;
    border: 2px solid var(--seaBlue);
    width: 30px;
    height: 30px;
    background-color: #fff
}

.pax-value-controller-slider .rangeslider--horizontal .rangeslider__handle::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: rgba(1, 76, 95, .2);
    z-index: -1;
    top: 2px;
    left: 2px;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.pax-value-controller-slider .rangeslider--horizontal .rangeslider__handle:hover::before,
.pax-value-controller-slider .rangeslider--horizontal .rangeslider__handle:active::before {
    content: "";
    transform: scale(2)
}

.date-changer-wrap {
    position: relative
}

.pax-changer-wrap {
    position: relative
}

.pax-changer-wrap.active .pax {
    width: 100%;
    display: block
}

.pax-changer-wrap .btn.btn-link {
    height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation
}

.pax-changer-wrap .btn.btn-link i {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.do-general-alert {
    position: relative;
    display: block;
    color: #b02a26;
    background-color: #fbefee;
    padding: 1rem 1.25rem 1rem 4.75rem;
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: 22px;
    margin-bottom: 15px;
    border-radius: 2px;
    font-family: "Poppins", sans-serif;
    opacity: 0;
    font-size: 14px;
    font-size: .875rem;
    -webkit-animation-name: slideInDown;
    -webkit-animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .2s;
    -moz-animation-name: slideInDown;
    -moz-animation-duration: .8s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .2s;
    -o-animation-name: slideInDown;
    -o-animation-duration: .8s;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .2s;
    animation-name: slideInDown;
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-delay: .2s;
    box-shadow: 0 1px 3px rgba(55, 71, 79, .16), 0 1px 3px rgba(55, 71, 79, .23)
}

.do-general-alert:before {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    height: 100%;
    width: 12px;
    border-radius: 2px 0 0 2px;
    background-color: #d9534f
}

.do-general-alert:after {
    content: "";
    position: absolute;
    left: 1.75rem;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23bb5a5a'%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.493,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.385,472,256,472z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,128.877c-11.046,0-20,8.954-20,20V277.67c0,11.046,8.954,20,20,20s20-8.954,20-20V148.877 C276,137.831,267.046,128.877,256,128.877z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='256' cy='349.16' r='27'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 32px;
    background-repeat: no-repeat
}

.do-general-alert--warning {
    color: #d68000;
    background-color: #fff7eb
}

.do-general-alert--warning:before {
    background-color: #ff9800
}

.do-general-alert--warning:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23ff9800'%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.493,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.385,472,256,472z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,128.877c-11.046,0-20,8.954-20,20V277.67c0,11.046,8.954,20,20,20s20-8.954,20-20V148.877 C276,137.831,267.046,128.877,256,128.877z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='256' cy='349.16' r='27'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.do-general-alert--info {
    color:  var(--seaBlue);
    background-color: #f6fbff
}

.do-general-alert--info:before {
    background-color:  var(--seaBlue);
}

.do-general-alert--info:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%232196f3'%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.493,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.385,472,256,472z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M256,128.877c-11.046,0-20,8.954-20,20V277.67c0,11.046,8.954,20,20,20s20-8.954,20-20V148.877 C276,137.831,267.046,128.877,256,128.877z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='256' cy='349.16' r='27'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.do-general-alert--lengthy:after {
    top: .7rem;
    transform: none
}

.doe-alert {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    position: relative;
    max-width: 500px;
    min-height: 600px;
    margin: auto
}

@media(min-width: 900px) {
    .doe-alert {
        flex-direction: row;
        max-width: 800px
    }
}

.doe-alert__indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 5%;
    right: 3%;
    height: 180px;
    width: 180px;
    flex: 0 0 180px;
    border-radius: 50%;
    background: url(../../images/general/background-icons.png);
    font-family: "Poppins", sans-serif;
    color: #fff;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23);
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media(min-width: 900px) {
    .doe-alert__indicator {
        position: relative;
        bottom: 0;
        right: 0;
        height: 280px;
        width: 280px;
        flex: 0 0 280px;
        -webkit-animation: none;
        animation: none
    }
}

.doe-alert__indicator::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: .7;
    background-color: gray
}

.doe-alert__indicator-text {
    font-size: 32px;
    font-weight: 600;
    z-index: 1;
    letter-spacing: .1rem
}

@media(min-width: 900px) {
    .doe-alert__indicator-text {
        font-size: 56px
    }
}

.doe-alert--error .doe-alert__indicator::before {
    background-color: #c9302c
}

.doe-alert--warning .doe-alert__indicator::before {
    background-color: #cc7a00
}

.doe-alert--success .doe-alert__indicator::before {
    background-color: #1e7e34
}

.doe-alert__image {
    display: block;
    max-width: 250px
}

@media(min-width: 900px) {
    .doe-alert__image {
        max-width: 250px
    }
}

.doe-alert__content {
    font-family: "Poppins", sans-serif;
    text-align: center
}

@media(min-width: 900px) {
    .doe-alert__content {
        text-align: left
    }
}

.doe-alert__content-text {
    color: #78909c;
    font-size: 18px;
    letter-spacing: .03rem
}

.doe-alert__content-title {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: .1rem
}

.do-section-alert {
    position: relative;
    background-color: rgba(84, 110, 122, .07);
    color: #546e7a;
    border-radius: 2px;
    line-height: 18px;
    padding: 8px 16px 8px 34px;
    border: 1px dashed
}

.do-section-alert--danger {
    background-color: rgba(217, 83, 79, .04);
    color: #b02a26
}

.do-section-alert--warning {
    background-color: rgba(255, 152, 0, .04);
    color: #d68000
}

.do-section-alert--success {
    background-color: rgba(40, 167, 69, .04);
    color: #18652a
}

.do-section-alert--info {
    background-color: rgba(233, 240, 243, .04);
    color:  var(--seaBlue);
}

.do-section-alert__text:not(:last-child) {
    margin-bottom: 5px
}

.do-section-alert i {
    position: absolute;
    left: 8px;
    top: 7px;
    color: inherit;
    font-size: 18px
}

.ui-widget.ui-dialog {
    padding: 25px 15px;
    height: auto;
    width: 100vw !important;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap
}

@media(min-width: 767px) {
    .ui-widget.ui-dialog {
        width: 550px !important
    }
}

.ui-widget.ui-dialog.modal {
    width: 100vw !important;
    overflow: visible
}

.ui-widget.ui-dialog .ui-dialog-title {
    display: none
}

.ui-widget.ui-dialog .ui-dialog-titlebar {
    position: static;
    padding: 0
}

.ui-widget.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    right: 0;
    top: 10px;
    opacity: .7;
    padding: 20px;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.ui-widget.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-widget.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    outline: none
}

.ui-widget.ui-dialog .ui-dialog-content {
    color: #263238;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px
}

.ui-widget.ui-dialog .ui-dialog-buttonpane {
    border: none;
    padding: 0
}

.ui-widget.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    background: var(--seaBlue);
    border: 0;
    padding: 12px 30px;
    border-radius: 3px;
    color: #fff;
    float: right;
    margin-top: 20px;
    outline: none;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    opacity: .8;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.ui-widget.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
    opacity: 1
}

.ui-widget.ui-dialog:after {
    height: 130px;
    width: 125px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-image: url("../../images/icons/do-alert-icon.svg");
    background-size: cover;
    background-position: center
}

.ui-widget.ui-dialog.doe-dialog-alert {
    height: auto !important
}

.ui-widget.ui-dialog.doe-dialog {
    padding: 0
}

.ui-widget.ui-dialog.doe-dialog .ui-dialog-content {
    margin-bottom: 0
}

.modal-dialog {
    font-family: "Poppins", sans-serif
}

.modal-dialog--medium {
    max-width: 720px
}

.modal-dialog--large {
    max-width: 1080px
}

.doe-action-modal .modal-header {
    padding: .75rem 1rem;
    background-color: var(--seaBlue);
    color: #fff
}

.doe-action-modal .modal-header .close {
    color: #fff;
    text-shadow: none;
    padding: .2rem .8rem;
    float: none;
    margin: 0 -0.8rem 0 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-action-modal .modal-header .close:hover {
    opacity: 1
}

.doe-alert-dialog {
    position: absolute;
    right: 10px;
    bottom: 55px;
    width: 320px;
    padding: 4px 8px;
    border-radius: 8px;
    color: #fff;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

@media(min-width: 900px) {
    .doe-alert-dialog {
        width: 380px;
        padding: 8px 16px
    }
}

.doe-alert-dialog--bg {
    background-image: url("../../images/general/discount-bg2.jpg");
    background-position: right;
    background-size: cover
}

.doe-alert-dialog__content {
    font-family: "Poppins", sans-serif;
    text-shadow: 1px 1px #546e7a;
    z-index: 1
}

.doe-alert-dialog__content-title {
    font-family: "Catamaran", sans-serif;
    font-weight: bold;
    margin-bottom: 4px;
    margin-left: 1.9rem
}

@media(min-width: 900px) {
    .doe-alert-dialog__content-title {
        margin-left: 1rem
    }
}

.doe-alert-dialog__content-highlight {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #fcd303;
    color: var(--seaBlue);
    padding: 10px;
    border-radius: 50px;
    position: absolute;
    top: -15px;
    left: -30px;
    height: 62px;
    width: 62px;
    font-family: "Roboto", sans-serif;
    font-size: 1.85rem;
    font-weight: 800;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

.doe-dialog__header {
    background-color: #0d798f;
    color: #fff
}

.doe-dialog__footer {
    text-align: right
}

.doe-dialog__header,
.doe-dialog__body,
.doe-dialog__footer {
    padding: .75rem 1rem
}

@media(min-width: 900px) {

    .doe-dialog__header,
    .doe-dialog__body,
    .doe-dialog__footer {
        padding: 1.2rem 1.5rem
    }
}

.doe-dialog .ui-dialog-titlebar-close {
    padding: 25px !important;
    z-index: 1
}

@media(min-width: 900px) {
    .doe-dialog .ui-dialog-titlebar-close {
        padding: 32px !important
    }
}

.doe-dialog .ui-dialog-titlebar-close .ui-icon {
    background-image: url(../../images/icons/ui-icons_444444_256x240.png)
}

.doe-dialog .ui-dialog-titlebar-close:hover .ui-icon {
    background-image: url(../../images/icons/ui-icons_444444_256x240.png)
}

.doe-ratings {
    position: relative;
    line-height: inherit;
    font-size: 1.85rem
}

.doe-ratings--read-only:after {
    height: 30px
}

.doe-ratings--read-only label:before {
    margin-right: 2px !important;
    margin-left: 2px !important
}

.doe-ratings>input {
    display: none
}

.doe-ratings>input:checked~label {
    color: #fcd303
}

.doe-ratings>label {
    float: right;
    margin: 0;
    color: #eceff1;
    cursor: pointer
}

.doe-ratings>label:before {
    margin-right: 5px;
    margin-left: 5px;
    font-family: "doe-icon" !important;
    display: inline-block;
    content: ""
}

.doe-ratings>.half:before {
    content: "";
    position: absolute
}

.doe-ratings:not(:checked)>label:hover {
    color: #fcd303
}

.doe-ratings:not(:checked)>label:hover~label {
    color: #fcd303
}

.doe-ratings-text {
    font-family: "Poppins", sans-serif;
    color: var(--seaBlue)
}

.doe-ratings .doe-icon {
    font-size: 22px;
    color: #fcd303
}

.booking-options {
    clear: both;
    border: 1px solid #fff;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

.booking-options:hover {
    border: 1px solid var(--seaBlue)
}

.booking-options-wrapper {
    font-size: 12px
}

.booking-options .booking-option-head {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: .7rem 1rem;
    background: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .04rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.booking-options .booking-option-head:hover {
    background: var(--seaBlue);
    color: #fff
}

.booking-options .booking-option-head:hover .booking-option-head__price {
    color: #fff
}

.booking-options .booking-option-head div {
    font-size: 1rem;
    line-height: 1.2
}

.booking-options .booking-option-head__price {
    text-align: right;
    color: var(--seaBlue)
}

.booking-options-selector {
    cursor: pointer
}

.booking-options .down-arrow {
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.booking-options .date-option {
    float: right;
    margin-right: 17px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    cursor: pointer
}

.booking-options .date-option:hover {
    border: 1px solid #6c9ec5
}

.booking-options .booking-option-body {
    display: none
}

.booking-options .booking-option-body__separator {
    border-top: 1px dashed #d9d9d9
}

.booking-options .booking-option-order {
    outline: none;
    padding: 1rem
}

.booking-options .booking-option-order .booknow-btn-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid #d9d9d9
}

.booking-options .booking-option-order .per-adult-price {
    text-align: right
}

.booking-options .booking-option-order .price .early-price {
    color: red;
    text-decoration: line-through;
    display: block
}

.booking-options.active {
    border: 1px solid #003540
}

.booking-options.active .booking-option-head {
    background: #003540;
    color: #fff
}

.booking-options.active .booking-option-head__price {
    display: none
}

.booking-options.active .down-arrow {
    transform: rotate(180deg)
}

.booking-options .pax-default,
.booking-options .date-changer {
    width: 100%;
    cursor: pointer;
    font-size: 1rem;
    padding: .8rem 1rem .8rem 3rem;
    border-radius: 2px;
    display: block;
    line-height: 1;
    border: 1px solid #d9d9d9;
    margin-bottom: 12px;
    background-color: #fff
}

.booking-options__focus {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .75rem 1rem;
    border-top: .5px solid #e6e6e6;
    border-radius: 1rem 1rem 0 0;
    background-color: #f6f8f9;
    z-index: 10;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -webkit-animation-name: slideInUp;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: slideInUp;
    -moz-animation-duration: .4s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: slideInUp;
    -o-animation-duration: .4s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: slideInUp;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-delay: 0s
}

@media(min-width: 767px) {
    .booking-options__focus {
        display: none;
        border-top: none
    }
}

.general-price-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: wrap
}

.doe-map-banner__container {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    width: 100%;
    height: 45vh
}

.doe-map-banner__container .gm-style * {
    border: 0 !important
}

.map-button {
    position: absolute;
    z-index: 10;
    margin: 20px 10px
}

.map-button--tl {
    top: 0;
    left: 0
}

.map-button--tr {
    top: 0;
    right: 0
}

.map-button--bl {
    bottom: 0;
    left: 0
}

.map-button--br {
    bottom: 0;
    right: 0
}

.doe-map-modal {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 400ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 400ms;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 400ms;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    animation-name: zoomInOut;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    box-shadow: 0 19px 38px rgba(66, 66, 66, .3), 0 15px 12px rgba(66, 66, 66, .22);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 1200px) {
    .doe-map-modal {
        left: calc(50% - 40vw);
        top: calc(50% - 45vh);
        height: 90vh;
        width: 80vw;
        border-radius: 4px
    }
}

.doe-map-modal__backdrop {
    position: fixed;
    z-index: 29;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    height: 100vh;
    width: 100vw;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-map-modal__close {
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 4px;
    border-radius: 50%;
    background-color: #fff;
    color: var(--seaBlue);
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 1200px) {
    .doe-map-modal__close {
        right: -12px;
        top: -12px
    }
}

.doe-map-modal__close:hover {
    background-color: var(--seaBlue);
    color: #fff;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

.doe-range-slider__labels {
    font-family: "Poppins", sans-serif;
    padding: 0 5px;
    color: #546e7a
}

.doe-range-slider__labels #price_min_val {
    text-align: left
}

.doe-range-slider__labels #price_max_val {
    text-align: right
}

.doe-range-slider .noUi-target {
    background: #607d8b;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.doe-range-slider .noUi-horizontal {
    height: 1px
}

.doe-range-slider .noUi-base,
.doe-range-slider .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.doe-range-slider .noUi-connects {
    border-radius: 3px;
    overflow: hidden;
    z-index: 0
}

.doe-range-slider .noUi-connect {
    background: #fcd303
}

.doe-range-slider .noUi-horizontal .noUi-handle {
    border-radius: 50%;
    box-shadow: none;
    top: -11px;
    right: -12px;
    border: 2px solid var(--seaBlue);
    width: 24px;
    height: 24px;
    background-color: #fff;
    outline: none;
    cursor: pointer
}

.doe-range-slider .noUi-horizontal .noUi-handle::after {
    content: none
}

.doe-range-slider .noUi-horizontal .noUi-handle::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: rgba(1, 76, 95, .2);
    z-index: -1;
    top: -1px;
    left: -1px;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-range-slider .noUi-horizontal .noUi-handle:hover::before,
.doe-range-slider .noUi-horizontal .noUi-handle:active::before {
    content: "";
    transform: scale(1.8)
}

.doe-range-slider .noUi-tooltip {
    background-color: orange;
    color: #fff;
    padding: 10px 10px;
    border-radius: 0;
    bottom: -200% !important
}

.doe-range-slider .noUi-tooltip::after {
    content: "";
    position: absolute;
    top: -50%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) orange rgba(0, 0, 0, 0)
}

.doe-ag-grid {
    height: 650px
}

.doe-ag-grid *::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.doe-sidebar-nav {
    display: block;
    justify-content: space-between;
    align-items: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    opacity: 0;
    position: fixed;
    top: 0;
    left: -100%;
    width: 85vw;
    height: 100vh;
    z-index: 99;
    background-color: rgba(255, 255, 255, .96);
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 900px) {
    .doe-sidebar-nav {
        left: 0;
        opacity: 1 !important;
        position: relative;
        width: auto !important;
        height: 100% !important;
        z-index: auto;
        border-radius: 4px;
        box-shadow: none
    }
}

.doe-sidebar-nav.open {
    left: 0
}

.doe-sidebar-nav * {
    white-space: nowrap
}

.doe-sidebar-nav__toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: fixed;
    left: 0;
    top: 8px;
    color: var(--seaBlue);
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 0 24px 24px 0;
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
    text-decoration: none;
    z-index: 10;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

@media(min-width: 900px) {
    .doe-sidebar-nav__toggle {
        display: none
    }
}

.doe-sidebar-nav__toggle--map {
    position: absolute;
    right: 2px;
    top: 2px;
    background: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    z-index: 1;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

.doe-sidebar-nav__container {
    height: 100%
}

.doe-sidebar-nav__container.open .doe-sidebar-nav {
    opacity: 1;
    left: 0
}

.doe-sidebar-nav__container.open .doe-sidebar-nav__backdrop {
    display: block;
    opacity: 1
}

.doe-sidebar-nav__backdrop {
    display: none;
    opacity: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .24);
    z-index: 98
}

@media(min-width: 900px) {
    .doe-sidebar-nav__backdrop {
        display: none !important
    }
}

.doe-sidebar-nav__close {
    display: block;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0
}

@media(min-width: 900px) {
    .doe-sidebar-nav__close {
        display: none
    }
}

.doe-sidebar-nav__list {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 420px)
}

@media(min-width: 1200px) {
    .doe-sidebar-nav__list {
        height: calc(100vh - 480px)
    }
}

.doe-sidebar-nav__list--bg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.doe-sidebar-nav__list-placeholder {
    height: 355px;
    background: rgba(255, 255, 255, .4) url("./images/newLoadingIcon.gif") no-repeat 50% 40%;
    background-size: 180px;
    height: calc(100vh - 180px)
}

@media(min-width: 1200px) {
    .doe-sidebar-nav__list-placeholder {
        max-height: 275px
    }
}

@media(min-width: 1500px) {
    .doe-sidebar-nav__list-placeholder {
        max-height: 355px
    }
}

.doe-sidebar-nav__list-item {
    position: relative;
    padding: 10px;
    height: 42px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid rgba(1, 76, 95, .1);
    font-family: "Poppins", sans-serif;
    color: #6e9bb9;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .02rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-sidebar-nav__list-item:last-child {
    border-bottom: 1px solid rgba(1, 76, 95, .1)
}

.doe-sidebar-nav__list-item:hover {
    color: #0a71b5;
    background-color: rgba(1, 76, 95, .04)
}

.doe-sidebar-nav__list-item.active {
    color: #fff;
    font-weight: 600;
    background-color: var(--seaBlue);
}

.doe-sidebar-nav__list-item-count {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    top: 5px;
    right: 8px;
    height: 30px;
    width: 30px;
    font-size: 12px;
    font-weight: 500;
    border: .15rem solid;
    border-radius: 50%
}

.doe-table td {
    vertical-align: middle
}

.doe-table-row--hide {
    padding: 0 !important
}

.doe-border-collapse {
    border-collapse: collapse
}

.doe-tabular {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    min-width: 1100px
}

@media(min-width: 1200px) {
    .doe-tabular {
        min-width: auto
    }
}

.doe-tabular__container {
    overflow-x: auto;
    overflow-y: visible;
    padding-left: 3px
}

@media(min-width: 1200px) {
    .doe-tabular__container {
        overflow: visible;
        padding-left: 0
    }
}

.doe-tabular-header {
    background-color: rgba(1, 76, 95, .8);
    color: #fff;
    font-weight: 500;
    font-size: 1rem
}

.doe-tabular-item {
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-tabular-item:nth-of-type(odd) {
    background-color: #f6f8f9
}

.doe-tabular-item:nth-of-type(odd) .doe-tabular-item__panel {
    background-color: #fff
}

.doe-tabular-item:nth-of-type(even) {
    background-color: #fff9dc
}

.doe-tabular-item:nth-of-type(even) .doe-tabular-item__panel {
    background-color: #fff
}

.doe-tabular-item:hover .doe-tabular__toggle {
    opacity: 1
}

.doe-tabular-item__accordion {
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-tabular-item.expanded {
    margin: 1rem 0;
    box-shadow: 0 1px 3px rgba(97, 97, 97, .16), 0 1px 3px rgba(97, 97, 97, .23)
}

.doe-tabular__toggle {
    display: inline-block;
    font-size: 1.25rem;
    color: #546e7a;
    opacity: .3;
    transform: rotate(0);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-tabular .collapsed .doe-tabular__toggle {
    transform: rotate(180deg)
}

.doe-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap
}

.doe-pagination-item.disabled a {
    cursor: default;
    pointer-events: none;
    color: #607d8b;
    background-color: #eceff1
}

.doe-pagination-item.active a {
    color: var(--seaBlue);
    background-color: #fcd303;
    box-shadow: none;
    cursor: default
}

.doe-pagination-item--action a {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none !important
}

.doe-pagination-item--action.disabled a {
    background-color: rgba(0, 0, 0, 0)
}

.doe-pagination-link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 36px;
    width: 36px;
    color: var(--seaBlue);
    background-color: rgba(1, 76, 95, .1);
    font-weight: 600;
    margin: 0 4px 0 4px;
    border-radius: 50%;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-pagination-link:hover {
    background-color: rgba(1, 76, 95, .8);
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    color: #fff
}

.doe-pagination-link i {
    font-size: 1rem
}

.profile-grid {
    display: grid;
    grid-template-columns: minmax(150px, 25%) 1fr
}

.profile-content__header {
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1rem 1rem 0;
    background-color: #f6f8f9
}

@media(min-width: 767px) {
    .profile-content__header {
        padding: 4rem 2rem 0
    }
}

.profile-content__body {
    padding: 1rem 1rem
}

@media(min-width: 767px) {
    .profile-content__body {
        padding: 2rem 2.5rem
    }
}

.profile-edit-header {
    background-color: #f6f8f9;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 10
}

@media(max-width: 900px) {
    .profile-edit-header {
        top: 45px
    }
}

.profile-edit-header__action-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: .5rem 2.5rem;
    background-color: #37474f
}

@media(max-width: 900px) {
    .profile-edit-header__action-bar {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.profile-edit-body {
    padding: 1rem 1rem
}

@media(min-width: 767px) {
    .profile-edit-body {
        padding: 2rem 2.5rem
    }
}

.profile-nav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 85vw;
    max-width: 380px;
    border-radius: 2px;
    background-color: #fff;
    transform: translateX(-1px);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

@media(min-width: 767px) {
    .profile-nav {
        position: relative;
        top: auto;
        left: auto;
        height: 100%;
        min-height: 600px;
        width: 100%;
        transform: translateX(-1px) !important
    }
}

.profile-nav.inactive {
    transform: translateX(-105%)
}

.profile-nav__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 42px;
    height: 48px;
    border: none;
    border-radius: 0 2px 2px 0;
    background-color: rgba(255, 255, 255, .8);
    font-size: 16px;
    color: var(--seaBlue);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

@media(min-width: 767px) {
    .profile-nav__trigger {
        display: none
    }
}

.profile-nav__trigger.inactive {
    display: none
}

@media(min-width: 767px) {
    .profile-nav__close {
        display: none
    }
}

.profile-nav__backdrop {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .24)
}

@media(min-width: 767px) {
    .profile-nav__backdrop {
        display: none
    }
}

.profile-nav__backdrop.inactive {
    display: none
}

.profile-nav__wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 110px
}

.profile-nav__header {
    text-align: center
}

.profile-nav__link {
    display: block;
    padding: 1rem 1rem;
    margin-bottom: .2rem;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    font-family: "Poppins", sans-serif;
    color: var(--seaBlue)
}

@media(min-width: 767px) {
    .profile-nav__link {
        padding: 1rem 2rem
    }
}

.profile-avatar {
    width: 116px;
    height: 116px;
    margin: 0 auto;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

.profile-search__input {
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    padding: .5rem 1rem;
    min-width: 100%
}

@media(min-width: 1200px) {
    .profile-search__input {
        min-width: 300px
    }
}

.profile-search__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    border: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    color: #fff;
    transition: all 300ms ease-in-out;
    margin: 0 4px
}

.profile-search__btn:hover {
    color: var(--seaBlue);
    background-color: #fff
}

.doe-comment {
    margin-top: 1.8rem
}

.doe-comment-header {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap
}

.doe-comment-body {
    max-width: 100%
}

.doe-comment-footer {
    border-bottom: 1px solid #d9d9d9;
    text-align: right
}

.doe-comment-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 1.2rem;
    font-family: "Poppins", sans-serif;
    font-weight: 800
}

.doe-comment-avatar__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    opacity: .16
}

.doe-comment-title {
    display: inline-block;
    color: #084974;
    font-weight: 600;
    max-width: 210px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.doe-comment-date {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    padding: 2px 8px;
    border-radius: 4px 4px 0 0;
    color: #577495
}

.doe-comment-date__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px 4px 0 0;
    opacity: .16
}

.doe-comment-img {
    /* background-image: url(../../images/doe-image-missing.jpg); */
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    width: 80px;
    height: 80px;
    margin-right: 4px
}

.doe-file-upload {
    position: absolute;
    width: 100%;
    height: 100px;
    top: -2px;
    left: -2px;
    opacity: 0;
    border-radius: 8px;
    cursor: pointer
}

.doe-file-upload__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    max-width: 200px;
    width: 100%;
    height: 100px;
    border: 2px dashed #d9d9d9;
    border-radius: 8px;
    cursor: pointer
}

.doe-file-upload__container--selected {
    border: 2px solid #d9d9d9;
    background-color: var(--seaBlue);
    color: #fff !important
}

.doe-file-upload__icon {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 2.5rem;
    line-height: 2rem
}

.doe-input-group {
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0);
    width: 100%
}

.doe-input-label {
    font-size: 14px;
    color: #546e7a;
    margin-bottom: 2px
}

.doe-input {
    padding: 8px 16px;
    height: 42px;
    width: 100%;
    line-height: 1.4rem;
    font-size: 1rem;
    border-radius: 4px;
    border: 1px solid rgba(1, 76, 95, .24);
    transition: all .2s ease-in-out
}

.doe-input::-moz-placeholder {
    color: #607d8b
}

.doe-input:-ms-input-placeholder {
    color: #607d8b
}

.doe-input::placeholder {
    color: #607d8b
}

.doe-input:focus {
    border-color: #2196f3
}

.doe-input:disabled {
    background-color: #eceff1;
    color: #607d8b;
    opacity: 1
}

textarea.doe-input {
    height: auto
}

.wrapper .swiper-container {
    z-index: 0
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}

.wrapper .swiper-container .swiper-wrapper {
    max-height: 700px;
    z-index: auto
}

.wrapper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide--text {
    white-space: nowrap;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wrapper .swiper-container .swiper-wrapper .doe-grid-card {
    margin: 0
}

.wrapper .swiper-pagination {
    bottom: 2px;
    left: 0;
    width: 100%
}

.wrapper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    height: 10px;
    width: 10px;
    background-color: var(--seaBlue);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.wrapper .swiper-pagination .swiper-pagination-bullet:hover {
    filter: brightness(1.8)
}

.wrapper .swiper-pagination.swiper-pagination-white .swiper-pagination-bullet {
    background-color: #f6f8f9
}

.wrapper .swiper-button-prev,
.wrapper .swiper-button-next {
    --swiper-navigation-size: 24px;
    color: var(--seaBlue);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.wrapper .swiper-button-prev:hover,
.wrapper .swiper-button-next:hover {
    filter: brightness(1.8)
}

.wrapper .swiper-button-prev.small,
.wrapper .swiper-button-next.small {
    --swiper-navigation-size: 16px
}

.wrapper .swiper-button-prev.swiper-button-disabled,
.wrapper .swiper-button-next.swiper-button-disabled {
    opacity: .09
}

.doe-expansion-card {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    font-family: "Poppins", sans-serif;
    margin-bottom: .5rem;
    box-shadow: 0 1px 3px rgba(128, 128, 128, .16), 0 1px 3px rgba(128, 128, 128, .23);
    transition: all 150ms cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-animation-name: expansionCardAnim;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: expansionCardAnim;
    -moz-animation-duration: .4s;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -o-animation-name: expansionCardAnim;
    -o-animation-duration: .4s;
    -o-animation-fill-mode: both;
    -o-animation-delay: 0s;
    animation-name: expansionCardAnim;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-delay: 0s
}

.doe-expansion-card:nth-of-type(2) {
    margin-top: 0 !important
}

.doe-expansion-card:nth-child(1) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}

.doe-expansion-card:nth-child(2) {
    -webkit-animation-delay: .28s;
    animation-delay: .28s
}

.doe-expansion-card:nth-child(3) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}

.doe-expansion-card:nth-child(4) {
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}

.doe-expansion-card:nth-child(5) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.doe-expansion-card:nth-child(6) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}

.doe-expansion-card:nth-child(7) {
    -webkit-animation-delay: .98s;
    animation-delay: .98s
}

.doe-expansion-card:nth-child(8) {
    -webkit-animation-delay: 1.12s;
    animation-delay: 1.12s
}

.doe-expansion-card:nth-child(9) {
    -webkit-animation-delay: 1.26s;
    animation-delay: 1.26s
}

.doe-expansion-card:nth-child(10) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.doe-expansion-card:hover .doe-expansion-card__header {
    border-radius: 4px;
    background-color: #f9fafb
}

.doe-expansion-card.expanded {
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

.doe-expansion-card.expanded .doe-expansion-card__header {
    border-bottom: 1px solid #e6e6e6;
    background-color: #f9fafb
}

.doe-expansion-card.expanded .doe-expansion-card__body {
    display: block
}

.doe-expansion-card.collapsed .doe-expansion-card__body {
    display: none
}

.doe-expansion-card__header {
    display: grid;
    grid-template-columns: 1fr;
    padding: .5rem 0;
    align-items: center;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: all 350ms cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer
}

@media(min-width: 900px) {
    .doe-expansion-card__header {
        grid-template-columns: 1fr auto;
        padding: .5rem
    }
}

.doe-expansion-card__header-action {
    text-align: right;
    margin-left: -1rem
}

.doe-expansion-card__body {
    display: none
}

.doe-expansion-card__body-inner {
    max-height: 420px;
    overflow: auto
}

.doe-expansion-card__img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
    border-radius: 4px;
    overflow: hidden
}

@media(min-width: 900px) {
    .doe-expansion-card__img {
        width: 100%;
        height: 100%
    }
}

.doe-expansion-card__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.doe-expansion-card__wrapper {
    display: grid;
    grid-gap: 16px
}

@media(min-width: 900px) {
    .doe-expansion-card__wrapper {
        grid-template-columns: 200px 1fr
    }
}

.doe-selection-card {
    position: relative;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-selection-card:hover .doe-selection-card__content {
    background-color: var(--seaBlue);
    opacity: .9
}

.doe-selection-card:hover .doe-selection-card__content .doe-selection-card__title,
.doe-selection-card:hover .doe-selection-card__content .doe-selection-card__sub-title {
    color: #fff
}

.doe-selection-card__content {
    display: grid;
    padding: 4px 8px;
    border-radius: 4px;
    max-width: 100%;
    font-family: "Poppins", sans-serif
}

.doe-selection-card__title {
    width: 100%;
    color: var(--seaBlue);
    font-size: 14px;
    font-weight: 600;
    margin: 0
}

.doe-selection-card__sub-title {
    width: 100%;
    font-size: 12px;
    color: #90a4ae;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.doe-selection-card input {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.doe-selection-card input:checked~.doe-selection-card__content {
    background-color: var(--seaBlue);
    opacity: .95
}

.doe-selection-card input:checked~.doe-selection-card__content .doe-selection-card__title,
.doe-selection-card input:checked~.doe-selection-card__content .doe-selection-card__sub-title {
    color: #fff
}

.doe-breadcrumb-container {
    position: relative
}

.doe-breadcrumb-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 12px;
    background: #fff;
    background: linear-gradient(to right, transparent 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed", GradientType=0)
}

.doe-breadcrumb-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right: 4px;
    font-size: 14px;
    line-height: 20px;
    overflow-x: auto
}

.doe-breadcrumb-list .doe-link {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 2px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.doe-breadcrumb-list .doe-icon {
    font-size: 12px
}

.c-skeletal-loader {
    position: relative;
    border: none !important
}

.c-skeletal-loader__item {
    overflow: hidden;
    border-radius: 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12) 20%, rgba(255, 255, 255, 0.08) 20%, rgba(0, 0, 0, 0.12) 100%) !important;
    background-size: 500% !important;
    color: rgba(0, 0, 0, 0) !important;
    text-indent: -100%;
    pointer-events: none;
    -webkit-animation: loading-shine-lines 1.5s infinite linear;
    animation: loading-shine-lines 1.5s infinite linear
}

.c-skeletal-loader__item:nth-child(3n+1) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.c-skeletal-loader__item:nth-child(3n+2) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.c-skeletal-loader__item:nth-child(3n+3) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.c-skeletal-loader__item:nth-child(3n+4) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.c-skeletal-loader__item:nth-child(3n+5) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.c-skeletal-loader__item:nth-child(3n+6) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.c-skeletal-loader__item:nth-child(3n+7) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.c-skeletal-loader__item:nth-child(3n+8) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.c-skeletal-loader__item:nth-child(3n+9) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.c-skeletal-loader__item:nth-child(3n+10) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.doe-ss-nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.doe-ss-nav::-webkit-scrollbar {
    display: none
}

.doe-ss-nav__container {
    display: grid;
    grid-template-columns: 30px 1fr 30px;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 0 4px
}

.doe-day__container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    padding-left: 32px;
    margin-bottom: 8px;
    min-height: 25px;
    font-family: "Poppins", sans-serif;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.doe-day__container input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    cursor: pointer
}

.doe-day__container input:checked~.doe-day {
    background-color: #fcd303 !important
}

.doe-day__container input:disabled~.doe-day {
    background-color: #eceff1 !important;
    cursor: default
}

.doe-day__container input:disabled~.doe-day:after {
    display: none
}

.doe-day__container input:disabled~.doe-radio-btn__text {
    color: #607d8b;
    cursor: default
}

.doe-day__container:hover input~.doe-day {
    background-color: #d7e0e5
}

.doe-day {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #e7ecef;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-day:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 0;
    height: 0;
    border: solid #fff;
    border-width: 0;
    opacity: 0;
    border-radius: 10%;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-day__text {
    flex: 1;
    font-size: 13px;
    cursor: pointer
}

.doe-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    min-width: 80px;
    border-radius: 4px;
    padding: 10px 20px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color:var(--mainBlueNavFooter);
    letter-spacing: .5px;
    background-color: var(--darkOrange);
    background-size: 100%;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    transition: box-shadow .16s
}

.maldivista-map-icon{
    /* width: 50px;
    height: 50px;
    color: #fff !important; */
    /* margin: 5px;
    padding: 10px;  */
    height: 30px !important;
    width: auto !important;
    border-radius: .25rem;
    flex: 1;
    margin: -0.9375rem 0 0 -0.625rem !important;
}

.maldivista-map-icon-2{
    /* width: 50px;
    height: 50px;
    color: #fff !important; */
    /* margin: 5px;
    padding: 10px;  */
    height: 30px !important;
    width: auto !important;
    border-radius: .25rem;
    flex: 1;
    margin: 0 0 0 0 !important;
}


.doe-button::-moz-focus-inner {
    border: none
}

.doe-button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    transition: opacity .2s
}

.doe-button::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background-color: #fff;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform .5s
}

.doe-button:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.doe-button:hover::before {
    opacity: .08
}

.doe-button:hover:focus::before {
    opacity: .3
}

.doe-button:disabled {
    color: rgba(0, 0, 0, .38);
    background-color: rgba(0, 0, 0, .12);
    box-shadow: none;
    cursor: initial
}

.doe-button:disabled::before {
    opacity: 0
}

.doe-button:disabled::after {
    opacity: 0
}

.doe-button--secondary {
    background-color: #fff
}

.doe-button--alt {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--seaBlue);
    box-shadow: none;
    color: var(--mainBlueNavFooter);
}

.doe-button--alt2 {
    color: #f6f8f9;
    background-color: rgba(0, 0, 0, 0);
    letter-spacing: .06rem;
    box-shadow: none
}

.doe-button--alt3 {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--seaBlue);
    box-shadow: none;
    color : var(--mainBlueNavFooter);
}

.doe-button--white-outline {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    transition: all .3s ease-in-out
}

.doe-button--white-outline:hover {
    background-color: #fff;
    color: var(--seaBlue) !important
}

.doe-button--icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 100%;
    padding: 0;
    min-width: auto;
    height: 40px;
    width: 40px
}

.doe-button--icon i {
    font-size: 16px
}

.doe-button--full-width {
    width: 100%
}

.doe-button__container {
    width: 100%
}

.doe-button__container--right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.doe-button__container--center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    /* padding-bottom: 60px; */
}

.doe-button--sm {
    font-size: 85%;
    line-height: 1rem;
    padding: 8px 12px;
    letter-spacing: 0
}

.doe-button__back-to-top {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    padding: 16px 12px;
    text-decoration: none !important;
    color: #fff !important;
    background-color: rgba(1, 76, 95, .12);
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 900px) {
    .doe-button__back-to-top {
        z-index: 20
    }
}

.doe-button__back-to-top:hover {
    background-color: var(--seaBlue);
    -webkit-animation: mini-bounce 400ms infinite alternate;
    animation: mini-bounce 400ms infinite alternate
}

.doe-button__back-to-top .doe-icon {
    font-size: 1rem
}

.btn-theme {
    background-color: var(--seaBlue);
    color: #fff;
    min-width: 85px;
    opacity: .8;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.btn-theme:hover {
    color: #fff;
    opacity: 1
}

.btn-outline-secondary:focus {
    outline: none;
    box-shadow: none
}

.doe-feature-btn {
    position: absolute;
    bottom: 45px;
    left: calc(50% - 76px);
    padding: 0;
    background-color: var(--darkOrange);
    border-radius: 2rem;
    min-width: 0;
    text-transform: none;
    color: #fff;
    font-size: 1rem;
    background-size: 200%;
    font-weight: 600;
    overflow: hidden;
    border: none;
    outline: none;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    display: flex;
    justify-content: center;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap
}

.doe-feature-btn:hover {
    background-color: var(--seaBlue);
    color: #fff;
    opacity: 1;
    box-shadow: 0 10px 20px rgba(66, 66, 66, .19), 0 6px 6px rgba(66, 66, 66, .23)
}

.doe-feature-btn:hover i {
    background-color: #fff;
    color: var(--seaBlue)
}

.doe-feature-btn::after {
    left: 70%
}

.doe-feature-btn i {
    color: var(--bluePinIcon);
    padding: .5rem .8rem .5rem 1rem;
    background-color: #fff;
    border-radius: 2rem 0 0 2rem;
    font-size: 1.5rem
}

.doe-feature-btn .doe-feature-btn__text {
    padding: .5rem 1rem
}

.doe-feature-btn .doe-feature-btn__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 50%
}

.doe-feature-btn--sticky {
    position: fixed;
    top: 9rem;
    right: .75rem;
    bottom: auto;
    left: auto;
    z-index: 6;
    perspective: 1000px;
    height: 62px;
    max-height: 62px;
    min-height: 62px;
    width: 62px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-animation: none;
    animation: none;
    overflow: visible;
    transition: none;
    opacity: .96
}

.doe-feature-btn--sticky:hover {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.doe-feature-btn--sticky:hover .doe-feature-btn__inner {
    -webkit-animation: none;
    animation: none
}

.doe-feature-btn--sticky:hover i {
    background-color: #fcd303
}

.doe-feature-btn--sticky .doe-feature-btn__inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transform-style: preserve-3d;
    -webkit-animation: flipSideToSide 10s 2s infinite both;
    animation: flipSideToSide 10s 2s infinite both
}

.doe-feature-btn--sticky .doe-feature-btn__text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: .8rem;
    border-radius: 50%;
    color: var(--darkOrange);
    background-color: var(--seaBlue);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    font-size: 13px;
    line-height: 1rem;
    transform-style: preserve-3d
}

.doe-feature-btn--sticky .doe-feature-btn__text-lg {
    color: #fff;
    font-size: 150%;
    letter-spacing: .08rem;
    transform-style: preserve-3d
}

.doe-feature-btn--sticky i {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--seaBlue);
    border-radius: 50%;
    color: var(--darkOrange);
    font-size: 1.75rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.doe-dropdown {
    position: relative
}

.doe-dropdown * {
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-dropdown--open .doe-dropdown__menu {
    visibility: visible;
    max-height: 250px
}

.doe-dropdown--open .doe-dropdown__toggle {
    opacity: 1;
    color: var(--seaBlue)
}

.doe-dropdown--open .doe-dropdown__toggle .doe-icon.down-arrow {
    transform: rotate(180deg)
}

.doe-dropdown__toggle {
    cursor: pointer
}

.doe-dropdown__toggle.search-results-header__toggle {
    padding: 4px
}

.doe-dropdown__toggle-text {
    max-width: 85%;
    font-size: 14px
}

.doe-dropdown__menu {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 45px;
    background: #fff;
    min-width: 100%;
    padding: 2px 0;
    border-radius: 2px;
    width: 250px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

.doe-dropdown__menu-item {
    position: relative;
    width: 100%
}

.doe-dropdown__menu-item.disabled {
    color: #607d8b;
    pointer-events: none
}

.doe-dropdown__menu-item.disabled .doe-checkbox {
    background-color: #f5f5f5 !important
}

.doe-dropdown__menu-item.disabled .doe-checkbox__container {
    cursor: default
}

.doe-dropdown__menu-item.disabled .search-results-filter__item-count {
    background-color: #eceff1
}

.doe-dropdown__menu-link {
    display: block;
    padding: 5px 20px;
    font-size: 16px;
    color: #263238;
    opacity: .6
}

.doe-dropdown__menu-link:hover {
    background-color: rgba(1, 76, 95, .05);
    text-decoration: none;
    color: #263238;
    opacity: 1
}

.doe-dropdown__menu-link .doe-icon {
    font-size: 16px;
    color: #fcd303
}

.doe-checkbox__container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    padding-left: 32px;
    margin-bottom: 8px;
    min-height: 25px;
    font-family: "Poppins", sans-serif;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.doe-checkbox__container input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    cursor: pointer
}

.doe-checkbox__container input:checked~.doe-checkbox {
    background-color: var(--darkOrange) !important
}

.doe-checkbox__container input:checked~.doe-checkbox:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 16px;
    border-width: 0 3px 3px 0;
    opacity: 1;
    transform: rotate(45deg)
}

.doe-checkbox__container input:disabled~.doe-checkbox {
    background-color: #eceff1 !important;
    cursor: default
}

.doe-checkbox__container input:disabled~.doe-checkbox:after {
    display: none
}

.doe-checkbox__container input:disabled~.doe-radio-btn__text {
    color: #607d8b;
    cursor: default
}

.doe-checkbox__container:hover input~.doe-checkbox {
    background-color: #d7e0e5
}

.doe-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #e7ecef;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-checkbox:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 0;
    height: 0;
    border: solid #fff;
    border-width: 0;
    opacity: 0;
    border-radius: 10%;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-checkbox__text {
    flex: 1;
    font-size: 13px;
    cursor: pointer
}

.doe-checkbox-switch {
    display: block;
    position: relative;
    background: none;
    width: 52px;
    height: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.doe-checkbox-switch input[type=checkbox] {
    opacity: 0 !important
}

.doe-checkbox-switch input[type=checkbox]+label {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 3em;
    cursor: pointer
}

.doe-checkbox-switch input[type=checkbox]+label:before {
    transition: background-color .4s ease;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 52px;
    height: 28px;
    background-color: #e7ecef;
    border-radius: 2rem
}

.doe-checkbox-switch input[type=checkbox]+label:after {
    box-sizing: border-box;
    transition: transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    content: "";
    font-size: .75em;
    background-color: #fff;
    border-radius: 500rem;
    border: 2px solid #e7ecef
}

.doe-checkbox-switch input[type=checkbox]:checked+label:before {
    background-color: var(--darkOrange);
}

.doe-checkbox-switch input[type=checkbox]:checked+label:after {
    transform: translateX(1.5rem);
    border: 2px solid var(--darkOrange);
}

.doe-checkbox-switch--alt input[type=checkbox]:checked+label:before {
    background: var(--seaBlue)
}

.doe-checkbox-switch--alt input[type=checkbox]:checked+label:after {
    border: 2px solid var(--seaBlue)
}

.doe-checkbox-switch--danger input[type=checkbox]:checked+label:before {
    background: #d9534f
}

.doe-checkbox-switch--danger input[type=checkbox]:checked+label:after {
    border: 2px solid #d9534f
}

.doe-checkbox-switch--warning input[type=checkbox]:checked+label:before {
    background: #ff9800
}

.doe-checkbox-switch--warning input[type=checkbox]:checked+label:after {
    border: 2px solid #ff9800
}

.doe-checkbox-switch--success input[type=checkbox]:checked+label:before {
    background: #28a745
}

.doe-checkbox-switch--success input[type=checkbox]:checked+label:after {
    border: 2px solid #28a745
}

.doe-checkbox-switch--small {
    width: 36px;
    height: 20px
}

.doe-checkbox-switch--small input[type=checkbox]+label {
    padding-left: 2em
}

.doe-checkbox-switch--small input[type=checkbox]+label:before {
    width: 36px;
    height: 20px
}

.doe-checkbox-switch--small input[type=checkbox]+label:after {
    width: 20px;
    height: 20px;
    font-size: .25em
}

.doe-checkbox-switch--small input[type=checkbox]:checked+label:after {
    transform: translateX(1rem);
    border: 2px solid #fcd303
}

.doe-checkbox-switch.disabled {
    opacity: .5;
    pointer-events: none
}

.doe-ul {
    margin-bottom: 10px;
    padding-left: 20px
}

.doe-ul li {
    list-style-type: disc
}

.doe-ul li ul {
    margin-bottom: 10px;
    padding-left: 20px
}

.doe-ul li ul li {
    list-style-type: circle
}

.doe-ol {
    margin-bottom: 10px;
    padding-left: 20px
}

.doe-ol--alp li {
    list-style: lower-alpha !important
}

.doe-ol--alp li li {
    list-style: upper-roman !important
}

.doe-ol li {
    list-style: lower-roman
}

.doe-link {
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color:  var(--mainBlueNavFooter) ;
    line-height: 24px;
    font-family: "Poppins", sans-serif;
    opacity: .75;
    transition: all .2s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 600px) {
    .doe-link {
        font-size: 16px
    }
}

.doe-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    transition: all 180ms ease-in-out;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: #043742;
    height: 2px
}

.doe-link:hover,
.doe-link--active {
    text-decoration: none;
    color: #046479;
    opacity: 1
}

.doe-link:hover:after,
.doe-link--active:after {
    width: 100%;
    left: 0
}

.doe-link--white {
    color: #fff
}

.doe-link--white.doe-link:after {
    background: #fff
}

.doe-link--white.doe-link:hover,
.doe-link--white.doe-link--active {
    color: #fff
}

.doe-link--bordered {
    border: 2px solid #d9d9d9;
    padding: .5rem;
    font-weight: 500;
    font-size: 1.25rem;
    opacity: 1
}

.doe-link--bordered:after {
    display: none
}

.doe-link--bordered:hover {
    border-color: var(--seaBlue);
    background-color: var(--seaBlue);
    color: #fff
}

.doe-link--highlight {
    border-color: var(--seaBlue);
    color: var(--seaBlue);
}

.doe-link.disabled {
    color: #546e7a;
    opacity: 1;
    cursor: default
}

.doe-link.disabled.doe-link:after {
    background: rgba(0, 0, 0, 0)
}

.doe-link.disabled.doe-link:hover,
.doe-link.disabled.doe-link--active {
    color: #546e7a
}

.link-hover {
    opacity: .8;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.link-hover:hover {
    opacity: 1;
    text-decoration: none
}

.theme-hover {
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.theme-hover:hover,
.theme-hover.active {
    background-color: var(--seaBlue);
    color: #fcd303 !important
}

.doe-radio {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    margin: 15px
}

.doe-radio .label {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #d9d9d9;
    border-radius: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.doe-radio .label:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fcd303;
    transform: scale(0);
    transition: all .2s ease;
    opacity: .08;
    pointer-events: none
}

.doe-radio:hover .label:after {
    transform: scale(3.6)
}

.doe-radio input[type=radio]:checked+.label {
    border-color: #fcd303
}

.doe-radio input[type=radio]:checked+.label:after {
    transform: scale(1);
    transition: all .2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
    opacity: 1
}

.not-available:after,
.not-available:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 24px);
    width: 48px;
    height: 1px;
    background-color: rgba(0, 0, 0, .38)
}

.ui-widget-header .ui-icon {
    background-image: url(../../images/icons/ui-icons_555555_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url(../../images/icons/ui-icons_555555_256x240.png)
}

.ui-state-hover span,
.ui-widget-content .ui-state-hover span,
.ui-widget-header .ui-state-hover span,
.ui-state-focus span,
.ui-widget-content .ui-state-focus span,
.ui-widget-header .ui-state-focus span,
.ui-button:hover span,
.ui-button:focus span {
    background-image: url(../../images/icons/ui-icons_555555_256x240.png)
}

.ui-widget.ui-widget-content {
    background: #fff;
    -webkit-animation-name: zoomInOut;
    animation-name: zoomInOut;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 110
}

.ui-widget.ui-widget-content .ui-tooltip-content {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, .5);
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 109
}

.ui-widget-shadow {
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: none;
    font-weight: 600;
    font-size: 1rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0
}

.ui-state-default.ui-state-highlight {
    background-color: rgba(1, 76, 95, .28);
    font-weight: 600
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: rgba(1, 76, 95, .28)
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    background-color: rgba(0, 0, 0, 0)
}

.ui-dialog-titlebar-close {
    border: 0
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../../images/icons/ui-icons_555555_256x240.png)
}

.ui-widget-header {
    background: none;
    border: 0
}

.ui-dialog .ui-dialog-title {
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #a9a9a9;
    font-size: 16px;
    width: 100%
}

.ui-dialog .ui-dialog-content {
    padding: 0
}

.ui-widget.ui-widget-content.ui-datepicker {
    padding: 0;
    font-family: #78909c
}

@media(max-width: 767px) {
    .ui-widget.ui-widget-content.ui-datepicker {
        left: 0 !important;
        top: inherit !important;
        bottom: 0 !important;
        max-width: 100% !important
    }
}

@media(min-width: 900px) {
    .ui-widget.ui-widget-content.ui-datepicker {
        max-width: calc(100% - 33px) !important
    }
}

@media(min-width: 900px) {
    .ui-widget.ui-widget-content.ui-datepicker {
        max-width: 435px !important
    }
}

.ui-datepicker table {
    border-collapse: separate;
    border-spacing: 6px
}

.ui-datepicker .ui-datepicker-header {
    font-size: 1.1rem;
    color: var(--seaBlue)
}

.ngb-dp-day {
    outline: none
}

.ngb-dp-week-number,
.ngb-dp-weekday {
    font-style: normal
}

.ui-datepicker table th {
    color: var(--seaBlue);
    font-weight: normal;
    font-size: 14px
}

.ui-datepicker td {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .04rem;
    color: var(--seaBlue);
    background-color: rgba(1, 76, 95, .06);
    min-width: 40px
}

.ui-datepicker td.ui-datepicker-other-month {
    background-color: rgba(0, 0, 0, 0)
}

.not-available {
    position: relative
}

.not-available:before {
    transform: rotate(-45deg)
}

.not-available:after {
    transform: rotate(45deg)
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding-bottom: 1em
}

.ui-datepicker td[title]::after {
    content: attr(title);
    display: block;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    font-size: .68rem;
    text-align: right;
    letter-spacing: 0;
    color: var(--seaBlue);
    cursor: pointer
}

.ui-icon-circle-triangle-e {
    background-position: -32px 3px;
    right: 1px
}

.ui-icon-circle-triangle-w {
    background-position: -96px 3px
}

.doe-chips {
    display: inline-block;
    position: relative;
    padding: 6px 34px 6px 12px;
    margin: 4px;
    background-color:  #dcdcdc;
    border-radius: 10rem;
    font-size: 13px;
    line-height: 1rem;
    font-weight: 500;
    color:  #414141;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-chips:hover {
    background-color: #076d83;
    color: var(--seaBlue);
    text-decoration: none
}

.doe-chips--primary {
    color: #fff;
    background-color: var(--seaBlue);
    opacity: .7
}

.doe-chips--primary:hover {
    color: #fff;
    background-color: var(--seaBlue);
    opacity: 1
}

.doe-chips--danger {
    color: #c12e2a;
    background-color: #fff
}

.doe-chips--danger:hover {
    background-color: #fbefee;
    color: #c12e2a;
    text-decoration: none
}

.doe-chips--selection {
    cursor: pointer;
    padding: 6px 12px
}

.doe-chips--selection:hover {
    color: #fff;
    background-color: var(--seaBlue);
    opacity: .9
}

.doe-chips--selection:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 12px;
    height: 12px;
    width: 6px;
    border-bottom: 0 solid #fff;
    border-right: 0 solid #fff;
    opacity: 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-chips--selection.active {
    color: #fff;
    background-color:  var(--seaBlue);
    padding: 6px 12px 6px 28px;
    opacity: 1 !important
}

.doe-chips--selection.active:after {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    opacity: 1
}

.doe-chips--selection-alt {
    background-color: #fef3b8;
    color: var(--seaBlue);
    cursor: pointer;
    padding: 6px 12px
}

.doe-chips--selection-alt:hover {
    color: var(--seaBlue);
    background-color: #fcd303;
    opacity: .9
}

.doe-chips--selection-alt:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 12px;
    height: 12px;
    width: 6px;
    border-bottom: 0 solid var(--seaBlue);
    border-right: 0 solid var(--seaBlue);
    opacity: 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-chips--selection-alt.active {
    color: var(--seaBlue);
    background-color: #fcd303;
    padding: 6px 12px 6px 28px;
    opacity: .95
}

.doe-chips--selection-alt.active:after {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    border-bottom: 2px solid var(--seaBlue);
    border-right: 2px solid var(--seaBlue);
    opacity: 1
}

.doe-chips--link {
    cursor: pointer
}

.doe-chips--static {
    padding: 6px 12px;
    pointer-events: none;
    cursor: default
}

.doe-chips__icon {
    display: inline-block;
    background-color: var(--seaBlue);
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px
}

.doe-chips__close {
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: calc(50% - 7px);
    opacity: .6;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-chips__close:hover {
    opacity: 1;
    color: var(--seaBlue)
}

.doe-status-chip {
    display: inline-block;
    min-width: 100px;
    padding: 4px 8px;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: rgba(84, 110, 122, .16);
    color: #546e7a;
    cursor: default
}

.doe-status-chip--small {
    padding: 2px 6px;
    font-size: 13px;
    font-size: .8125rem
}

.doe-status-chip--success {
    background-color: rgba(40, 167, 69, .16);
    color: #28a745
}

.doe-status-chip--warning {
    background-color: rgba(255, 152, 0, .16);
    color: #ff9800
}

.doe-status-chip--danger {
    background-color: rgba(217, 83, 79, .16);
    color: #d9534f
}

.doe-select-chip {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #e9f1f5;
    border-radius: 50px;
    font-size: 13px;
    line-height: 1rem;
    font-weight: 500;
    color: #046479;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-select-chip:hover input~label {
    color: #fff;
    background-color: var(--mainBlueNavFooter);
    opacity: .9
}

.doe-select-chip input {
    position: absolute;
    opacity: 0;
    z-index: 10;
    margin: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-select-chip input:checked~label {
    color: #fff;
    background-color: var(--mainBlueNavFooter);
    padding: 6px 12px 6px 28px;
    opacity: 1 !important
}

.doe-select-chip input:checked~label:before {
    visibility: visible;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.doe-select-chip input:disabled {
    cursor: default
}

.doe-select-chip input:disabled~label {
    background-color: #eceff1 !important;
    color: #607d8b !important
}

.doe-select-chip input:disabled~label:before {
    border: solid #607d8b;
    border-width: 0 2px 2px 0
}

.doe-select-chip label {
    height: 100%;
    width: 100%;
    padding: 6px 12px;
    margin: 0;
    border-radius: 1rem;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-select-chip label:before {
    content: "";
    visibility: hidden;
    position: absolute;
    left: 12px;
    top: 6px;
    width: 6px;
    height: 12px;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-loading-card {
    display: inline-block;
    overflow: hidden;
    background: #fff;
    border-radius: .25rem;
    width: 380px;
    flex: 380px 0 0;
    margin: 1%;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-loading-card:hover {
    box-shadow: 0 10px 20px rgba(66, 66, 66, .19), 0 6px 6px rgba(66, 66, 66, .23)
}

.doe-loading-card--small {
    width: 48%;
    flex: 180px 0 0
}

.doe-loading-card--small:nth-of-type(1n + 3) {
    display: none
}

@media(min-width: 600px) {
    .doe-loading-card--small {
        width: 31.33%
    }

    .doe-loading-card--small:nth-of-type(1n + 4) {
        display: inline-block
    }

    .doe-loading-card--small:nth-of-type(1n + 5) {
        display: none
    }
}

@media(min-width: 900px) {
    .doe-loading-card--small {
        width: 23%
    }

    .doe-loading-card--small:nth-of-type(1n + 5) {
        display: inline-block
    }

    .doe-loading-card--small:nth-of-type(1n + 6) {
        display: none
    }
}

@media(min-width: 1200px) {
    .doe-loading-card--small {
        width: 14.66%;
        flex: 180px 0 0;
        display: inline-block !important
    }
}

.doe-loading-card--small .doe-loading-card-detail {
    padding: .8rem .6rem;
    display: flex;
    height: 65px
}

.doe-loading-card--small .doe-loading-card-image {
    height: 115px
}

.doe-loading-card__container {
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    overflow: auto;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 5px
}

@media(min-width: 900px) {
    .doe-loading-card__container {
        margin-left: 50px;
        margin-right: 50px
    }
}

.doe-loading-card-detail {
    padding: 1.2rem .6rem;
    display: flex;
    height: 80px
}

.doe-loading-card-detail__left {
    width: 65%;
    margin-right: 5%;
    height: 40px;
    border-radius: 4px
}

.doe-loading-card-detail__right {
    width: 30%;
    height: 40px;
    border-radius: 4px
}

.doe-loading-card-image {
    margin: 0;
    padding: 0;
    height: 90px;
    overflow: hidden
}

@media(min-width: 900px) {
    .doe-loading-card-image {
        height: 130px
    }
}

.doe-loading-card-image img {
    max-width: 100%;
    height: auto
}

.card-loading {
    position: relative;
    background-color: #e2e2e2
}

.card-loading.doe-loading-card-image {
    border-radius: 0
}

.card-loading::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    -webkit-animation: loading .6s infinite;
    animation: loading .6s infinite
}

.doe-loading-card-image.real-image {
    max-width: 100%;
    height: auto
}

.doe-sm-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .24);
    z-index: 98
}

.doe-sm-backdrop.active {
    display: block
}

@media(min-width: 767px) {
    .doe-sm-backdrop.active {
        display: none
    }
}

.doe-radio-btn__container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    padding-left: 32px;
    margin-bottom: 8px;
    min-height: 25px;
    font-family: "Poppins", sans-serif;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.doe-radio-btn__container input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    cursor: pointer
}

.doe-radio-btn__container input:checked~.doe-radio-btn {
    background-color: #fcd303 !important
}

.doe-radio-btn__container input:checked~.doe-radio-btn:after {
    left: 7px;
    top: 7px;
    width: 10px;
    height: 10px;
    opacity: 1
}

.doe-radio-btn__container input:disabled~.doe-radio-btn {
    background-color: #f5f5f5 !important;
    cursor: default
}

.doe-radio-btn__container input:disabled~.doe-radio-btn:after {
    display: none
}

.doe-radio-btn__container input:disabled~.doe-radio-btn__text {
    color: #607d8b;
    cursor: default
}

.doe-radio-btn__container:hover input~.doe-radio-btn {
    background-color: #d7e0e5
}

.doe-radio-btn {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #e7ecef;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-radio-btn:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 0px;
    height: 0px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-radio-btn__text {
    flex: 1;
    font-size: 13px;
    cursor: pointer
}

.home-page .body-container {
    min-height: auto !important
}

.home-page .doe-feature-btn--sticky {
    top: 3.8rem
}

.location-tile-container {
    clear: both;
    display: none;
    width: 100%;
    padding-bottom: 20px
}

.location-tile-container.active {
    display: block
}

@media(min-width: 767px) {
    .location-tile-container.active {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.location-map__container {
    display: none
}

.location-map__container.active {
    display: block
}

@media(min-width: 900px) {
    .location-map__container.active {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.location-map__container .location-map-placeholder {
    display: flex;
    background: url(../../images/general/sample-map-deactive.jpg) 0 0 no-repeat;
    background-size: cover;
    position: relative;
    height: 550px;
    align-items: center;
    justify-content: center
}

.location-map__container .location-map-placeholder img {
    width: 100%
}

.details-page-inclusions i {
    color: var(--seaBlue);
    font-size: 1.1rem
}

.gm-style .gm-style-iw {
    min-width: 260px !important
}

.location-map {
    position: relative;
    height: calc(100vh - 300px)
}

@media(min-width: 1200px) {
    .location-map {
        width: 100%;
        flex: 1;
        height: calc(100vh - 340px)
    }
}

.location-map .gm-style * {
    border: 0 !important
}

footer {
    background: var(--mainBlueNavFooter);
    padding: 20px 0;
    clear: both;
    margin: 0 auto
}

footer .footer-container {
    position: relative;
    width: 100%;
    padding: 0 1rem
}

@media(min-width: 1200px) {
    footer .footer-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 0
    }
}

footer p {
    font-size: 14px;
    text-align: justify;
    color: #fff;
    margin-bottom: 5px
}

footer .title {
    font-size: 1.2rem;
    letter-spacing: .04rem;
    font-weight: 600;
    color: #fff
}

footer .section h4 {
    margin: 10px 0 0
}

footer .section ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 30px 0 0
}

footer .section ul li {
    list-style: none;
    padding-right: 20px
}

footer .section ul li a {
    font-size: 13px;
    color: #fff;
    display: block;
    text-decoration: none;
    transition: all 200ms ease-in-out
}

footer .section ul li a:hover {
    color: #ffbb39
}

footer .section .contact-link {
    color: #9debff;
    margin-top: -4px;
    text-decoration: none;
    opacity: .7;
    transition: all 200ms ease-in-out
}

footer .section .contact-link:hover {
    opacity: 1
}

footer .section .social {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
    grid-gap: 12px
}

footer .section .social a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    border-radius: 100%;
    padding: 4px 0;
    background: #fff;
    width: 45px;
    height: 45px;
    text-align: center;
    color: var(--mainBlueNavFooter);
    text-decoration: none;
    transition: all 200ms ease-in-out
}

footer .section .social a:hover {
    color: #fff;
    background:  var(--darkOrange) ;
}

.copyright {
    clear: both;
    font-size: 14px;
    text-align: center;
    padding: 1.2rem;
    color: var(--seaBlue);
    background: #f6f8f9
}

.map-enabled footer {
    width: 50%;
    padding: 2% 4%
}

.map-enabled .copyright {
    width: 50%;
    padding: 2% 4%
}

.doe-footer {
    background: var(--seaBlue);
    padding-bottom: 30px;
    border: 1px solid #d9d9d9
}

.body-container {
    overflow: hidden;
    background: #fff;
    position: relative;
    width: 100%;
    padding: 0 1rem;
    min-height: 300px;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 1200px) {
    .body-container {
        width: 1200px;
        margin: 0 auto;
        min-height: 600px
    }
}

@media(min-width: 1200px) {
    .default-page .body-container {
        width: calc(100% - 100px);
        margin: 0 50px;
        min-height: 600px
    }
}

@media(min-width: 1200px) {
    .default-page .body-container {
        width: 1200px;
        margin: 0 auto
    }
}

.default-page--content .body-container {
    padding: none
}

@media(min-width: 767px) {
    .default-page--content .body-container {
        padding: 0 180px
    }
}

.body-container .adjustable-container {
    margin: 0
}

.doe-container {
    width: 100%
}

@media(min-width: 1200px) {
    .doe-container {
        margin: 0 auto;
        width: 1200px
    }
}

.content-wrapper {
    position: relative
}

.content-wrapper--home-search {
    position: absolute;
    width: 100%;
    padding: 0 15px;
    z-index: 1
}

@media(min-width: 767px) {
    .content-wrapper--home-search {
        max-width: 740px;
        transform: translateX(-50%);
        bottom: 115px;
        left: 50%
    }
}

.content-wrapper--home-search-backbrop {
    display: none;
    background-color: rgba(1, 76, 95, 0);
    z-index: 10
}

@media(min-width: 767px) {
    .content-wrapper--home-search-backbrop {
        display: none !important
    }
}

.content-wrapper--home-search-backbrop.show {
    display: block
}

.content-wrapper--background {
    background-image: url("../../images/transco/New-Catergory-Image.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.content-wrapper--background:before {
    background: rgba(0, 0, 0, .32)
}

.content-wrapper--background .body-container {
    background-color: rgba(0, 0, 0, 0);
    min-height: auto;
    padding: 0
}

@media(min-width: 767px) {
    .content-wrapper--background .body-container {
        padding: 0 1rem
    }
}

.content-wrapper--background .location-tile-container h3 {
    background-color: rgba(0, 0, 0, 0)
}

.content-wrapper--scroll {
    max-height: 540px;
    overflow-x: visible;
    overflow-y: auto
}

.content-wrapper__title {
    position: relative;
    font-size: 26px;
    color: var(--mainSegments) !important;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .24);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 2.5rem 1% 1.5rem 1%
}

@media(min-width: 900px) {
    .content-wrapper__title {
        letter-spacing: .04rem;
        font-size: 2rem
    }
}

.content-wrapper__title-sub {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: #046479;
    font-weight: 500;
    letter-spacing: .02rem;
    text-transform: uppercase
}

.content-wrapper__title-sub .large {
    font-size: 125%;
    font-weight: 700
}

.tile-click-result .content-wrapper__title {
    font-size: 16px;
    color: #546e7a
}

.content-wrapper__title i {
    font-size: 1.8rem
}

@media(min-width: 900px) {
    .content-wrapper__title i {
        font-size: 2.5rem
    }
}

.content-wrapper__caption {
    font-style: italic;
    color: #78909c;
    font-family: "Lato", sans-serif
}

.content-wrapper-slider {
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    overflow: auto;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 5px
}

@media(min-width: 767px) {
    .content-wrapper-slider {
        margin-left: 50px;
        margin-right: 50px
    }
}

.content-wrapper-slider__item {
    flex: 0 0 100%;
    width: 100%
}

.content-wrapper-slider__control {
    position: absolute;
    bottom: calc(50% - 18px);
    font-size: 36px;
    color: #263238;
    display: block;
    cursor: pointer;
    opacity: .6;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.content-wrapper-slider__control:hover {
    opacity: 1
}

.content-wrapper-slider__control--left {
    left: 8px
}

@media(min-width: 767px) {
    .content-wrapper-slider__control--left {
        left: 12px
    }
}

.content-wrapper-slider__control--right {
    right: 8px
}

@media(min-width: 767px) {
    .content-wrapper-slider__control--right {
        right: 12px
    }
}

.content-wrapper-section {
    margin-bottom: 18px;
    font-size: 1rem;
    line-height: 24px
}

.content-wrapper-section--separator {
    border-bottom: 1px solid #d9d9d9
}

.content-wrapper-section__count {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    display: inline-flex;
    background: var(--seaBlue);
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 4px 10px;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    margin-right: 10px;
    border: 2px solid #d9d9d9
}

.content-wrapper-section__count-label {
    font-size: 18px
}

.content-wrapper-section p {
    text-align: justify;
    font-size: 14px !important
}

.content-wrapper-section p span {
    font-size: 16px !important;
    font-family: "Poppins", sans-serif
}

.content-wrapper-section__title {
    color: #546e7a;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    letter-spacing: .02rem
}

.content-wrapper-section-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9
}

.content-wrapper-section-header__title {
    margin: 6px 0 !important
}

.content-wrapper-section-header__sub-text {
    margin: 4px 0 !important
}

.content-wrapper-highlight {
    border-radius: 2px;
    background-color: #e9f1f5 ;
    padding: 20px 30px
}

@media(min-width: 1200px) {
    .content-wrapper-highlight--stick {
        position: fixed;
        padding: 0 !important;
        left: 0;
        top: 80px;
        width: 120px;
        height: 46px;
        overflow: hidden;
        cursor: pointer;
        transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
        box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
    }

    .content-wrapper-highlight--stick h3 {
        padding: 10px 2px;
        margin-bottom: 0;
        transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
    }

    .content-wrapper-highlight--stick ul {
        overflow: auto;
        height: calc(100% - 65px);
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 20px
    }
}

@media(min-width: 1200px) {
    .content-wrapper-highlight--stick:hover {
        width: 500px;
        height: 515px
    }

    .content-wrapper-highlight--stick:hover h3 {
        padding: 20px 30px
    }
}

.content-wrapper--3-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1rem
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px
}

.grid-one-container {
    display: grid;
    grid-template-columns: auto;
    padding: 10px
}

.grid-item {
    background-color: #fff;
    border: 1px solid #f6f8f9;
    padding: 20px
}

.d-grid {
    display: grid !important
}

.grid-four-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px
}

.grid-four-container--responsive {
    grid-template-columns: 1fr 1fr;
    justify-items: center
}

@media(min-width: 767px) {
    .grid-four-container--responsive {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.doe-pre-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(246, 248, 249, .4)
}

.doe-pre-loader__text {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: var(--seaBlue);
    padding: 8px 30px;
    margin-top: 10px;
    text-shadow: 0 0 3px #00112e
}

.doe-pre-loader .preloader {
    width: 165px
}

.do-preload {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 108;
    opacity: .9;
    /* background: rgba(255, 255, 255, .6) url("../../images/animations/do-preloader.svg") no-repeat 50% 40%; */
    background: rgba(255, 255, 255, .6) url("../../images/excursionsl/transparent.gif") no-repeat 50% 40%;
    background-size: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tile-slider-inner {
    display: flex;
    overflow: auto;
    padding-right: 16px
}

@media(min-width: 900px) {
    .tile-slider-inner {
        display: block;
        overflow: auto;
        padding-right: 0
    }
}

.tile-slider-inner .doe-grid-card {
    min-width: 220px
}

.tile-slider-inner .doe-grid-card--2 {
    min-width: 310px
}

.doe-h-banner {
    position: relative;
    height: 260px
}

@media(min-width: 900px) {
    .doe-h-banner {
        height: calc(60vh - 50px)
    }
}

@media(min-width: 1500px) {
    .doe-h-banner {
        height: calc(52vh - 50px)
    }
}

.doe-h-banner__container {
    position: relative;
    background: rgba(0, 17, 46, .5);
    background: linear-gradient(190deg, rgba(0, 17, 46, 0.68) 0%, rgba(0, 17, 46, 0.12) 10%, rgba(0, 17, 46, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=1)
}

@media(max-width: 767px) {
    .doe-h-banner__container .top-nav__mobile-trigger--search {
        display: block
    }

    .doe-h-banner__container .content-wrapper--home-search {
        display: none;
        background-color: rgba(255, 255, 255, .5);
        padding: .5rem 0;
        margin: 1rem .25rem;
        width: calc(100% - .5rem);
        left: auto;
        top: auto;
        z-index: 15;
        border-radius: 4px;
        box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
    }

    .doe-h-banner__container .content-wrapper--home-search.show {
        display: block
    }
}

.doe-h-banner__logo img {
    width: 130px !important;
    display: block
}

@media(min-width: 900px) {
    .doe-h-banner__logo img {
        width: 230px !important;
    }
}

.doe-h-banner__header {
    display: flex;
    justify-content: space-between;
    z-index: 11;
    width: 100%;
    padding: 8px 16px;
    background-color: var(--mainBlueNavFooter) !important;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

@media(min-width: 1200px) {
    .doe-h-banner__header {
        padding: 2px 50px !important;
    }
}

.doe-h-banner__header-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(min-width: 1200px) {

    .doe-h-banner__header-right .top-nav-links,
    .doe-h-banner__header-right .top-nav-toggle {
        text-shadow: 0px 0px 3px rgba(1, 76, 95, .7);
        letter-spacing: .05rem
    }
}

.doe-h-banner__slider {
    position: absolute !important;
    top: 0
}

.doe-h-banner__img {
    background-position: 100% 50%;
    background-size: cover;
    width: 100vw;
    height: 100%;
    transition: all .8s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-h-banner__img--1 {
    background-image: url("../../images/header-banners/banner1.jpg")
}

@media(min-width: 1200px) {
    .doe-h-banner__img--1 {
        background-image: url("../../images/header-banners/banner1.jpg")
    }
}

.doe-h-banner__img--2 {
    background-image: url("../../images/header-banners/banner2.jpg")
}

@media(min-width: 1200px) {
    .doe-h-banner__img--2 {
        /* -webkit-animation: smooth-bounce-hor 6s infinite linear;
        animation: smooth-bounce-hor 6s infinite linear; */
        width: 115vw;
        /* margin-left: -15px */
    }
}

.doe-h-banner__img--3 {
    background-image: url("../../images/header-banners/banner3.jpg")
}

@media(min-width: 1200px) {
    .doe-h-banner__img--3 {
        -webkit-animation: minor-blur 1.5s 1.5s forwards linear;
        animation: minor-blur 1.5s 1.5s forwards linear
    }
}

.doe-h-banner__img-container {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    overflow: hidden
}

.doe-h-banner__img-container:before {
    background-color: rgba(0, 17, 46, .2)
}

@media(min-width: 1200px) {
    .doe-h-banner__img-container:before {
        background: none
    }
}

.doe-h-banner__caption {
    text-shadow: 0 0 3px #000;
    position: absolute;
    left: 0;
    top: 20%;
    text-align: justify;
    color: #fff;
    padding: 45px;
    font-family: "Poppins", sans-serif;
    opacity: 0;
    transition: all .8s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 767px) {
    .doe-h-banner__caption {
        top: 115px
    }
}

@media(min-width: 900px) {
    .doe-h-banner__caption {
        max-width: 80%;
        top: 30%
    }
}

@media(min-width: 1200px) {
    .doe-h-banner__caption {
        max-width: 65%
    }
}

.doe-h-banner__caption.active {
    opacity: 1
}

.doe-h-banner__caption h1,
.doe-h-banner__caption h2,
.doe-h-banner__caption h3,
.doe-h-banner__caption h4,
.doe-h-banner__caption h5,
.doe-h-banner__caption h6 {
    text-transform: uppercase
}

.doe-h-banner__caption-title {
    line-height: 24px;
    font-size: 24px;
    margin-bottom: 0
}

@media(min-width: 900px) {
    .doe-h-banner__caption-title {
        line-height: 70px;
        font-style: inherit
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__caption-title {
        line-height: 100px;
        font-size: 56px
    }
}

.doe-h-banner__caption-subtitle {
    text-align: left;
    font-size: 14px
}

@media(min-width: 1500px) {
    .doe-h-banner__caption-subtitle {
        font-size: 18px
    }
}

.doe-h-banner__caption-txt {
    font-size: 13px
}

@media(min-width: 1500px) {
    .doe-h-banner__caption-txt {
        font-size: 16px
    }
}

.doe-h-banner__caption-tags {
    display: block;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    text-shadow: none;
    margin-top: 20px;
    font-size: 12px
}

@media(min-width: 900px) {
    .doe-h-banner__caption-tags {
        margin-top: 30px
    }
}

.doe-h-banner__blob {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    display: none
}

@media(min-width: 1200px) {
    .doe-h-banner__blob {
        display: block
    }
}

.doe-h-banner__blob--1 {
    -webkit-animation-name: slideInLeftFull;
    animation-name: slideInLeftFull;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.doe-h-banner__blob--2 {
    -webkit-animation-name: slideInLeftFull;
    animation-name: slideInLeftFull;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.doe-h-banner__blob--3 {
    -webkit-animation-name: slideInLeftFull;
    animation-name: slideInLeftFull;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.doe-h-banner__blob--4 {
    -webkit-animation-name: slideInLeftFull;
    animation-name: slideInLeftFull;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.doe-h-banner__side-content {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    z-index: 1;
    bottom: 50%;
    left: calc(50% - 130px);
    transform: translateY(60%);
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media(min-width: 1200px) {
    .doe-h-banner__side-content {
        left: 0;
        -webkit-animation-duration: 7s;
        animation-duration: 7s;
        max-width: 420px;
        bottom: 60%
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__side-content {
        max-width: 520px
    }
}

.doe-h-banner__colorful-text {
    width: 265px
}

@media(min-width: 1200px) {
    .doe-h-banner__colorful-text {
        width: 60%
    }
}

.doe-h-banner__magical-text {
    width: 260px
}

@media(min-width: 1200px) {
    .doe-h-banner__magical-text {
        width: 60%
    }
}

.doe-h-banner__finest-text {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    color: #fcd303;
    line-height: 2rem;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, .5)
}

@media(min-width: 1200px) {
    .doe-h-banner__finest-text {
        font-size: 1.6rem;
        text-shadow: none
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__finest-text {
        font-size: 2rem
    }
}

.doe-h-banner__experience-text {
    font-weight: 500;
    font-size: .9rem
}

@media(min-width: 1200px) {
    .doe-h-banner__experience-text {
        font-size: 1.01rem
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__experience-text {
        font-size: 1.27rem
    }
}

.doe-h-banner__side-logo {
    position: absolute;
    right: 80px;
    bottom: 100px;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none
}

.doe-h-banner__display-text {
    display: none;
    position: absolute;
    right: 50%;
    top: 5%;
    bottom: 188px;
    transform: translate(50%, 0);
    font-family: "Catamaran", sans-serif;
    font-size: 2.4rem;
    line-height: 2.5rem;
    font-weight: 800;
    text-align: center;
    color: var(--darkOrange);
    text-shadow: 1px 1px 8px rgba(0, 0, 0, .7);
    white-space: nowrap;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@media(min-width: 767px) {
    .doe-h-banner__display-text {
        font-size: 2.2rem;
        line-height: 1.5rem
    }
}

@media(min-width: 900px) {
    .doe-h-banner__display-text {
        display: block;
        font-size: 3rem;
        line-height: 2.25rem
    }
}

.doe-h-banner__display-text--xl {
    right: 50%;
    bottom: 50%;
    font-size: 3.2rem;
    line-height: 2.5rem;
    text-align: center
}

@media(min-width: 767px) {
    .doe-h-banner__display-text--xl {
        font-size: 9rem;
        line-height: 6rem;
        text-align: left
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__display-text--xl {
        font-size: 10rem;
        line-height: 7rem
    }
}

.doe-h-banner__display-text--xl .small--highlight:before {
    bottom: 18px !important
}

.doe-h-banner__display-text .small {
    font-weight: 800;
    font-size: 200%;
    line-height: 120%;
    font-family: 'Philosopher Bold 700';
}

.doe-h-banner__display-text .small--highlight {
    position: relative;
    color: #fff;
}

.doe-h-banner__display-footer {
    line-height: 1;
    text-align: center;
    margin-top: 22px;
    padding: 20px 10px;
    border-top: 1px solid rgba(255, 255, 255, .7);
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    letter-spacing: 1px;
    font-size: 1rem;
    white-space: break-spaces
}

@media(min-width: 900px) {
    .doe-h-banner__display-footer {
        font-size: 1.5rem
    }
}

.doe-h-banner__bottom-text {
    position: absolute;
    bottom: 80px;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px;
    padding: 4px 15px;
    font-family: "Poppins", sans-serif;
    letter-spacing: .12rem;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
    z-index: 3;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

@media(min-width: 767px) {
    .doe-h-banner__bottom-text {
        bottom: 120px;
        padding: 4px 18px 4px 12px
    }
}

.doe-h-banner__object {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 2%;
    width: 95%;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media(min-width: 900px) {
    .doe-h-banner__object {
        z-index: 1;
        width: 40%;
        left: 28%
    }
}

.doe-h-banner__object--wall {
    width: 100%;
    min-width: 550px;
    left: 0;
    bottom: 0
}

@media(min-width: 900px) {
    .doe-h-banner__object--wall {
        bottom: -15%
    }
}

.doe-h-banner__object--bag-girl {
    left: 2%
}

@media(min-width: 900px) {
    .doe-h-banner__object--bag-girl {
        left: 5%
    }
}

.doe-h-banner__objects {
    position: absolute;
    top: 10%;
    right: 100px;
    opacity: .96
}

@media(min-width: 1200px) {
    .doe-h-banner__objects {
        top: 15%
    }
}

.doe-h-banner__objects-1 {
    width: 55vw;
    position: absolute;
    top: 40%;
    right: 30px;
    -webkit-animation: smooth-bounce 5s infinite linear;
    animation: smooth-bounce 5s infinite linear
}

@media(min-width: 900px) {
    .doe-h-banner__objects-1 {
        width: 17vw;
        top: 24%;
        right: 145px
    }
}

.doe-h-banner__objects-2 {
    width: 7vw;
    position: absolute;
    top: 25%;
    right: 140px;
    -webkit-animation: smooth-bounce 7s infinite linear;
    animation: smooth-bounce 7s infinite linear;
    display: none
}

@media(min-width: 900px) {
    .doe-h-banner__objects-2 {
        display: block;
        right: 170px
    }
}

.doe-h-banner__objects-3 {
    width: 50vw;
    position: absolute;
    top: 20%;
    right: 0px;
    -webkit-animation: smooth-bounce 8s infinite linear;
    animation: smooth-bounce 8s infinite linear
}

@media(min-width: 900px) {
    .doe-h-banner__objects-3 {
        width: 15vw;
        top: 25%;
        right: 120px
    }
}

.doe-h-banner__objects-4 {
    width: 7vw;
    -webkit-animation: smooth-bounce 6s infinite linear;
    animation: smooth-bounce 6s infinite linear;
    display: none
}

@media(min-width: 900px) {
    .doe-h-banner__objects-4 {
        display: block
    }
}

.doe-h-banner__balloons {
    display: none;
    z-index: 1
}

@media(min-width: 900px) {
    .doe-h-banner__balloons {
        display: block
    }
}

.doe-h-banner__balloons-1 {
    width: 25vw;
    position: absolute;
    top: 20%;
    left: 10%;
    -webkit-animation: smooth-bounce 8.5s infinite linear;
    animation: smooth-bounce 8.5s infinite linear
}

@media(min-width: 900px) {
    .doe-h-banner__balloons-1 {
        width: 12.5vw;
        top: 28%;
        left: 12%
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__balloons-1 {
        left: 16%
    }
}

.doe-h-banner__balloons-2 {
    width: 15vw;
    position: absolute;
    top: 36%;
    left: 32%;
    -webkit-animation: smooth-bounce 7s infinite linear;
    animation: smooth-bounce 7s infinite linear
}

@media(min-width: 900px) {
    .doe-h-banner__balloons-2 {
        width: 7vw;
        top: 2%;
        left: 28%
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__balloons-2 {
        left: 30%
    }
}

.doe-h-banner__balloons-3 {
    width: 22vw;
    position: absolute;
    top: 25%;
    left: 45%;
    -webkit-animation: smooth-bounce 8s infinite linear;
    animation: smooth-bounce 8s infinite linear
}

@media(min-width: 900px) {
    .doe-h-banner__balloons-3 {
        width: 10vw;
        top: 0%;
        left: 66%
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__balloons-3 {
        top: 8%
    }
}

.doe-h-banner__balloons-4 {
    width: 15vw;
    position: absolute;
    top: 65%;
    left: 75%;
    -webkit-animation: smooth-bounce 6s infinite linear;
    animation: smooth-bounce 6s infinite linear
}

@media(min-width: 900px) {
    .doe-h-banner__balloons-4 {
        width: 4vw;
        top: 65%;
        left: 75%
    }
}

@media(min-width: 1500px) {
    .doe-h-banner__balloons-4 {
        top: 72%;
        left: 75%
    }
}

.doe-h-banner__notif {
    position: absolute;
    bottom: 70px;
    right: 0;
    background-color: gray;
    border-radius: 2px;
    padding: 4px 15px;
    margin: 0 15px;
    font-family: "Poppins", sans-serif;
    letter-spacing: .12rem;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    z-index: 3;
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

@media(min-width: 767px) {
    .doe-h-banner__notif {
        bottom: 120px;
        padding: 4px 18px 4px 12px
    }
}

.doe-h-banner__notif--danger {
    background-color: #d9534f
}

.doe-h-banner__notif--warning {
    background-color: #ff9800
}

.doe-h-banner__notif--success {
    background-color: #28a745
}

.header .bottom {
    z-index: 0;
    position: relative;
    bottom: 0;
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 600px) {
    .header .bottom {
        justify-content: center;
        margin-top: -50px
    }
}

.header .bottom .cat-scroller {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    display: flex;
    max-width: 500px;
    width: 100%;
    padding: 0;
    background-color: rgba(1, 76, 95, .5)
}

@media(min-width: 900px) {
    .header .bottom .cat-scroller {
        max-width: 680px
    }
}

.header .bottom .cat-scroller .link-contents {
    width: 100%;
    white-space: nowrap
}

.header .bottom .cat-scroller button {
    background: none;
    border: 0;
    color: #fff;
    font-size: 18px;
    outline: none;
    padding: 0 15px;
    line-height: 48px;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.header .bottom .cat-scroller button:hover {
    color: #fcd303
}

.header .bottom .cat-scroller a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    opacity: 1;
    padding: 0 15px;
    margin-left: 1px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.header .bottom .cat-scroller a:after {
    border-color: #fff !important
}

.header .bottom .cat-scroller a.scroll-menu-card-selected {
    color: #fcd303
}

.header .bottom .cat-scroller a.scroll-menu-card-selected:after {
    border-color: #fcd303 !important
}

.header .bottom .cat-scroller a.scroll-menu-card.scroll-menu-card-disabled {
    color: #607d8b;
    pointer-events: none
}

.header .bottom .cat-scroller .link-contents.right-rotated a {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.header .bottom .cat-scroller .link-contents.left-rotated a {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.header .bottom .tile-sort {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 1;
    width: 42px;
    height: 50px;
    min-height: 50px;
    position: relative;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 0 1px 1px 0;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    color: #fff;
    background-color: rgba(1, 76, 95, .7);
    text-align: center;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 600px) {
    .header .bottom .tile-sort {
        font-size: 24px;
        flex: none;
        width: auto;
        min-height: none;
        margin-bottom: 0;
        border-radius: 2px 2px 0 0;
        box-shadow: none
    }
}

@media(min-width: 900px) {
    .header .bottom .tile-sort {
        font-size: 18px
    }
}

.header .bottom .tile-sort:hover {
    background-color: rgba(255, 255, 255, .8)
}

.header .bottom .tile-sort:hover span,
.header .bottom .tile-sort:hover i {
    color: var(--seaBlue)
}

.header .bottom .tile-sort span {
    display: inline-flex;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(min-width: 600px) {
    .header .bottom .tile-sort span {
        display: none
    }
}

@media(min-width: 900px) {
    .header .bottom .tile-sort span {
        display: inline-flex
    }
}

.header .bottom .tile-sort i {
    margin-right: 0
}

@media(min-width: 900px) {
    .header .bottom .tile-sort i {
        margin-right: 10px
    }
}

.header .bottom .layer-change-btn {
    flex: 0 0 100%;
    order: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    position: fixed;
    left: 0;
    top: 120px;
    z-index: 10;
    flex-direction: column
}

@media(min-width: 600px) {
    .header .bottom .layer-change-btn {
        position: relative;
        left: auto;
        top: auto;
        flex: none;
        order: 0;
        flex-direction: row
    }
}

.header .bottom .active.tile-sort {
    background-color: #fff;
    color: var(--seaBlue) !important;
    width: 42px
}

@media(min-width: 600px) {
    .header .bottom .active.tile-sort {
        width: auto;
        background-color: #fff
    }
}

@media(min-width: 900px) {
    .header .bottom .active.tile-sort {
        border-radius: 2px 2px 0 0
    }
}

@media(min-width: 767px) {
    .header .bottom .active.tile-sort:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: calc(50% - 8px);
        border-left: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px solid rgba(0, 0, 0, 0);
        border-bottom: 12px solid #fff
    }
}

.header .menu-selected-info {
    cursor: default;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #fff
}

@media(min-width: 767px) {
    .header .menu-selected-info {
        height: 60px
    }
}

.header .menu-selected-info__items {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%
}

@media(min-width: 767px) {
    .header .menu-selected-info__items {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

@media(min-width: 1500px) {
    .header .menu-selected-info__items {
        max-width: 80%
    }
}

.header .menu-selected-info__items-list {
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: right
}

@media(min-width: 767px) {
    .header .menu-selected-info__items-list {
        max-width: 600px;
        overflow: auto;
        white-space: nowrap;
        margin-right: 10px;
        padding-bottom: 5px;
        margin-top: 0;
        margin-bottom: -8px
    }
}

.header .menu-selected-info__items-list::-webkit-scrollbar {
    height: 2px
}

.header .menu-selected-info .results-visibility {
    font-family: "Poppins", sans-serif;
    white-space: nowrap
}

.search-results-filter .doe-dropdown__toggle,
.search-results-header__toggle {
    color: #263238;
    opacity: .7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.search-results-filter .doe-dropdown__toggle:hover,
.search-results-header__toggle:hover {
    opacity: 1;
    color: var(--seaBlue)
}

.search-page .wrapper {
    margin-top: 130px
}

@media(min-width: 900px) {
    .search-page .wrapper {
        margin-top: 120px
    }
}

.search-page .body-container {
    padding-top: 1rem;
    min-height: 400px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 767px) {
    .search-page .body-container {
        width: calc(100% - 100px)
    }
}

@media(min-width: 1200px) {
    .search-page .body-container {
        width: 1200px
    }
}

.search-page .header {
    position: fixed;
    width: 100%;
    z-index: 100;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
    left: 0;
    top: 0
}

.search-page .header-content {
    height: 68px;
    clear: both;
    background: var(--seaBlue);
    padding: 7px 0px
}

.search-page .header-content .main-search-wrapper .loc-country {
    font-size: 18px
}

.promo-banner {
    background-size: cover;
    background-position: bottom;
    height: 420px;
    width: 100%
}

@media(min-width: 767px) {
    .promo-banner {
        height: 248px
    }
}

@media(min-width: 900px) {
    .promo-banner {
        height: 480px
    }
}

.promo-banner-container {
    position: relative
}

.promo-banner-link {
    position: absolute;
    bottom: 16px;
    right: calc(50% - 88px);
    color: #fff;
    font-size: .9rem;
    opacity: .8;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.promo-banner-link:hover {
    color: #fff;
    opacity: 1
}

@media(min-width: 767px) {
    .promo-banner-link {
        right: 12px;
        bottom: 2px;
        font-size: .65rem
    }
}

@media(min-width: 900px) {
    .promo-banner-link {
        right: 100px;
        font-size: .9rem
    }
}

@media(min-width: 1500px) {
    .promo-banner-link {
        right: 202px;
        bottom: 6px
    }
}

.promo-sm-banner {
    background-size: cover;
    background-position: bottom;
    height: 440px;
    width: 100%
}

.search-results-header {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap
}

@media(min-width: 767px) {
    .search-results-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

@media(max-width: 767px) {
    .search-results-header>* {
        width: 100%
    }
}

.search-results-header__wrapper {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

.search-results-header__container {
    margin: 0 auto;
    padding: 0 1rem
}

@media(min-width: 1200px) {
    .search-results-header__container {
        width: 1200px
    }
}

.search-results-header__left {
    display: flex;
    justify-content: flex-end;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(min-width: 767px) {
    .search-results-header__left {
        display: flex;
        justify-content: flex-start;
        align-items: normal;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.search-results-header__right {
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    flex-direction: row;
    flex-wrap: nowrap
}

.search-results-header__title {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    top: 62px;
    left: 4px;
    color: #263238
}

@media(min-width: 767px) {
    .search-results-header__title {
        font-size: 0.75rem;
        position: relative;
        top: 0;
        left: 0
    }
}

.search-results-header__title .highlight {
    color:  var(--mainBlueNavFooter);
    font-weight: 600
}

.search-results-header__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative
}

.search-results-header__actions:after {
    content: "|";
    font-size: 30px;
    font-weight: 100;
    line-height: 40px;
    margin-top: 0;
    color: #d9d9d9
}

.search-results-header__actions:last-of-type:after {
    display: none
}

.search-results-header__actions--dropdown .search-results-header__toggle .doe-icon {
    font-size: 16px;
    margin-right: 0
}

@media(min-width: 767px) {
    .search-results-header__actions--dropdown .search-results-header__toggle .doe-icon {
        margin-right: 8px
    }
}

.search-results-header__actions--dropdown .search-results-header__toggle .doe-icon.down-arrow {
    font-size: 12px;
    margin-left: 12px
}

.search-results-header__actions--sort .search-results-header__toggle .doe-icon {
    font-size: 18px;
    margin-left: 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.search-results-header__toggle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right: 1px;
    padding: 16px 12px;
    height: 48px;
    cursor: pointer;
    color: #546e7a
}

@media(min-width: 767px) {
    .search-results-header__toggle {
        padding: 12px
    }
}

.search-results-header__toggle:last-child {
    margin: 0
}

.search-results-header__toggle--alt {
    padding: 6px 8px;
    flex-direction: column
}

.search-results-header__toggle--alt i,
.search-results-header__toggle--alt .doe-icon {
    font-size: 18px !important;
    margin-bottom: 1px
}

.search-results-header__toggle--map {
    background-image: url(../../images/general/map_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1 !important
}

.search-results-header__toggle--map:hover {
    color: var(--seaBlue);
    background-color: rgba(1, 76, 95, .1)
}

.search-results-header__toggle.active {
    background-color: var(--seaBlue);
    color: #fff
}

.search-results-header__toggle .doe-icon {
    font-size: 18px
}

@media(min-width: 767px) {
    .search-results-header__toggle .doe-icon {
        font-size: 24px
    }
}

.list-view-enabled .search-results {
    margin-top: .67rem
}

.list-view-enabled .search-results .doe-grid-card {
    display: block;
    width: 98%;
    min-width: 220px;
    margin-bottom: 1.5%;
    border-radius: 2px;
    cursor: default
}

.list-view-enabled .search-results .doe-grid-card:before {
    display: none
}

.list-view-enabled .search-results .doe-grid-card:hover {
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

@media(max-width: 900px) {
    .list-view-enabled .search-results .doe-grid-card.active {
        box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
    }

    .list-view-enabled .search-results .doe-grid-card.active .doe-grid-card__details {
        box-shadow: inset 0 0 4px rgba(1, 76, 95, .8), inset 0 0 10px rgba(1, 76, 95, .2)
    }
}

.list-view-enabled .search-results .doe-grid-card__inner {
    cursor: default
}

.list-view-enabled .search-results .doe-grid-card__img {
    display: inline-block;
    height: auto;
    min-height: 200px;
    width: 220px;
    flex: 0 0 220px;
    border-radius: 2px
}

.list-view-enabled .search-results .doe-grid-card__force-action {
    display: none
}

.list-view-enabled .search-results .doe-grid-card__place .doe-grid-card__title {
    font-size: 14px
}

.list-view-enabled .search-results .doe-grid-card__details {
    display: none;
    position: relative;
    width: auto;
    color: #263238
}

.list-view-enabled .search-results .doe-grid-card__details--hidden {
    display: inline-block
}

.list-view-enabled .search-results .doe-grid-card__desc {
    overflow: hidden;
    position: relative;
    line-height: 18px;
    max-height: 72px;
    padding-bottom: 1em
}

.list-view-enabled .search-results .doe-grid-card__desc:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 18px;
    background: #fff
}

.list-view-enabled .search-results .doe-grid-card__desc:after {
    content: "...";
    position: absolute;
    left: 0;
    bottom: 1px;
    font-size: 24px
}

.list-view-enabled .search-results .doe-grid-card__rating {
    text-align: right;
    color: #fcd303
}

.list-view-enabled .search-results .doe-grid-card__price {
    font-weight: 500px;
    font-size: 1.2rem;
    display: block;
    text-align: right;
    max-width: 140px;
    margin-left: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-view-enabled .search-results .doe-grid-card__price-desc {
    display: block;
    text-align: right;
    font-size: 12px
}

.list-view-enabled .search-results .doe-grid-card__duration {
    display: none
}

.search-results-filter {
    display: table;
    position: relative;
    width: 280px
}

.search-results-filter:after {
    content: "";
    position: absolute;
    width: 280px;
    border-bottom: 1px solid #d9d9d9
}

.search-results-filter:last-child:after {
    display: none
}

.search-results-filter__container {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff
}

.search-results-filter__container.search-results-filter-mobile {
    position: fixed;
    z-index: 99;
    top: 130px;
    left: 0;
    width: 100%;
    height: calc(100vh - 128px);
    overflow: auto;
    max-height: 0;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media(min-width: 767px) {
    .search-results-filter__container.search-results-filter-mobile {
        top: 116px;
        height: calc(100vh - 116px)
    }
}

@media(min-width: 1200px) {
    .search-results-filter__container.search-results-filter-mobile {
        height: auto
    }
}

.search-results-filter__container.search-results-filter-mobile--show {
    max-height: calc(100vh - 128px)
}

@media(min-width: 767px) {
    .search-results-filter__container.search-results-filter-mobile--show {
        max-height: calc(100vh - 116px)
    }
}

@media(min-width: 1200px) {
    .search-results-filter__container.search-results-filter-mobile--show {
        max-height: none
    }
}

.search-results-filter__container.search-results-filter-mobile .search-results-filter {
    width: 100%
}

.search-results-filter__container.search-results-filter-mobile .search-results-filter:after {
    width: 100%
}

.search-results-filter__title {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #546e7a;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 30px 15px;
    margin: 0
}

.search-results-filter__title:after {
    content: "";
    position: absolute;
    width: 70%;
    bottom: 24px;
    left: 16px;
    border-bottom: 4px solid #fcd303
}

.search-results-filter__title-sub {
    margin-bottom: 0;
    padding: 12px 15px;
    background-color:#f2f6f8;
    font-size: 18px !important;
    font-weight: 600;
    color: #546e7a;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif
}

.search-results-filter__title:after {
    content: "";
    position: absolute;
    width: 70%;
    bottom: 24px;
    left: 16px;
    border-bottom: 4px solid #fcd303
}

.search-results-filter .doe-dropdown__toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 15px 15px 5px 15px;
    margin: 0;
    font-size: 16px
}

.search-results-filter .doe-dropdown__menu {
    position: relative;
    top: auto;
    width: auto;
    margin-bottom: 5px;
    box-shadow: none;
    overflow-y: auto
}

.search-results-filter .doe-dropdown__menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: default;
    opacity: 0
}

.search-results-filter.doe-dropdown--open .doe-dropdown__toggle {
    opacity: 1;
    color: var(--seaBlue);
    padding: 15px
}

.search-results-filter.doe-dropdown--open .doe-dropdown__menu {
    max-height: 350px;
    padding: 0 15px
}

.search-results-filter.doe-dropdown--open .doe-dropdown__menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: default;
    opacity: 1
}

.search-results-filter__item-count {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    background: var(--darkOrange);
    color: #fff;
    margin-right: -5px;
    margin-bottom: 8px;
    font-size: 12px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-result-count {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 80%;
    height: 34px;
    margin: 12px auto;
    background: var(--seaBlue);
    border-radius: 4px;
    letter-spacing: .5px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff
}

.search-result-count__container {
    position: relative;
    height: 58px
}

.search-result-count__fixed-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    border-bottom: 1px solid #d9d9d9
}

.search-result-count__fixed-wrapper.show {
    display: block
}

.search-result-count .highlight {
    color: var(--seaBlue);
    font-weight: 600
}

.search-results-map {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23)
}

@media(min-width: 900px) {
    .search-results-map {
        position: absolute;
        right: auto;
        height: calc(100vh - 150px);
        width: 100%
    }
}

.search-results-map__container {
    position: fixed;
    left: 0;
    top: 130px;
    width: 100%;
    height: calc(100% - 130px);
    z-index: 10
}

@media(min-width: 767px) {
    .search-results-map__container {
        top: 120px;
        height: calc(100% - 120px)
    }
}

@media(min-width: 900px) {
    .search-results-map__container {
        position: relative;
        flex: 0 0 35%;
        top: auto;
        height: auto
    }
}

@media(min-width: 1200px) {
    .search-results-map__container {
        flex: 0 0 calc(52% - 280px)
    }
}

@media(min-width: 900px) {
    .search-results-map--bottom {
        height: calc(100vh - 520px)
    }
}

.search-results-map__overlay {
    background-color: rgba(255, 255, 255, .95);
    z-index: 1;
    opacity: 0;
    display: none;
    font-family: "Poppins", sans-serif;
    padding-top: 12vh
}

@media(min-width: 900px) {
    .search-results-map__overlay {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-top: 0
    }
}

.search-results-map__overlay.open {
    opacity: 1;
    display: block
}

@media(min-width: 900px) {
    .search-results-map__overlay.open {
        display: flex
    }
}

.search-results-map .gm-style-iw {
    min-width: 260px
}

.search-results-map .gm-style-iw .gm-style-iw-d {
    min-width: 250px;
    max-width: none !important
}

.search-results-map .gm-style * {
    border: 0 !important
}

.search-results-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 1080px
}

.map-enabled .body-container {
    width: auto;
    padding-top: 1rem;
    padding-right: .5rem;
    padding-left: .5rem
}

@media(min-width: 900px) {
    .map-enabled .adjustable-container-panel-left {
        margin-right: 0;
        flex: 0 0 64%
    }
}

@media(min-width: 1200px) {
    .map-enabled .adjustable-container-panel-left {
        flex: 0 0 48%
    }
}

@media(max-width: 900px) {
    .map-enabled .search-results {
        position: fixed;
        left: 0;
        bottom: 2px;
        display: flex;
        overflow: auto;
        z-index: 97
    }

    .map-enabled .search-results .doe-grid-card__force-action {
        display: block
    }

    .map-enabled .search-results .doe-grid-card__force-action:hover {
        background: rgba(0, 0, 0, 0)
    }

    .map-enabled .search-results .doe-grid-card__details {
        display: flex;
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 65px;
        padding: 5px 10px
    }

    .map-enabled .search-results .doe-grid-card__details--hidden,
    .map-enabled .search-results .doe-grid-card__force-action-content {
        display: none
    }

    .map-enabled .search-results .doe-grid-card__inner {
        height: 155px
    }

    .map-enabled .search-results .doe-grid-card__img {
        width: 100%;
        height: 75px;
        min-height: auto
    }

    .map-enabled .search-results .doe-grid-card__title {
        font-size: 12px
    }

    .map-enabled .search-results .doe-grid-card__rating i {
        font-size: 14px
    }

    .map-enabled .search-results .doe-grid-card__price {
        display: flex;
        max-width: 100%;
        margin-left: 0;
        padding-top: 4px
    }
}

.map-enabled .search-results .doe-grid-card__desc {
    text-align: left
}

@media(min-width: 1500px) {
    .map-enabled .search-results .doe-grid-card__desc {
        text-align: justify
    }
}

.detail-top .pre-loader,
.detail-top .selected-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    transition: .5s all linear
}

.header-title-details {
    margin-bottom: 14px;
    text-align: center
}

.header-title-details .header-title-details__title {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 24px auto
}

@media(min-width: 767px) {
    .header-title-details .header-title-details__title {
        font-size: 34px;
        margin: 50px auto
    }
}

.detail-top {
    position: relative;
    height: 40rem
}

@media(min-width: 900px) {
    .detail-top {
        height: 100%
    }
}

.detail-top .selected-img {
    background-size: cover
}

.detail-top .pre-loader {
    background: rgba(246, 248, 249, .8) url("../../images/excursionsl/transparent.gif") no-repeat 50% 40%;
    background-size: 280px
}

@media(min-width: 900px) {
    .detail-top .pre-loader {
        background-size: 300px
    }
}

.detail-top-nav .owl-stage {
    padding: .5rem 0
}

.detail-top-nav .owl-item {
    width: 100px;
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.detail-top-nav .owl-item:hover {
    box-shadow: 0 10px 20px rgba(66, 66, 66, .19), 0 6px 6px rgba(66, 66, 66, .23)
}

.detail-top-nav .owl-item .item {
    overflow: hidden;
    cursor: pointer
}

.detail-top-nav .owl-nav {
    display: none
}

.detail-top-nav .owl-dots {
    padding: 0
}

.detail-top-nav .owl-dots span {
    width: 16px;
    height: 16px;
    margin: 8px
}

@media(min-width: 900px) {
    .detail-top-nav .owl-dots span {
        width: 8px;
        height: 8px;
        margin: 4px
    }
}

.location-map-frame.active {
    height: 300px
}

.location-map-frame {
    height: 80px
}

.booking-details .date-changer.from {
    margin-right: 10px
}

.doe-admin .app-container {
    font-family: "Poppins", sans-serif
}

.doe-admin .app-sidebar .app-sidebar-content {
    background-color: #00112e
}

.doe-admin .app-sidebar .app-header__logo,
.doe-admin .app-sidebar .app-footer__inner,
.doe-admin .app-sidebar .app-header {
    background-color: #000d24;
    padding: 0 15px
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-header {
    color: #78909c;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-title {
    color: #78909c;
    opacity: .8;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-admin .app-sidebar .v-sidebar-menu .card-header .vsm-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.doe-admin .app-sidebar .v-sidebar-menu .card-header .vsm-link {
    margin: 10px 0
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-link {
    margin-bottom: 8px;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-link:hover .vsm-title,
.doe-admin .app-sidebar .v-sidebar-menu .vsm-link:hover .vsm-icon,
.doe-admin .app-sidebar .v-sidebar-menu .vsm-link:focus .vsm-title,
.doe-admin .app-sidebar .v-sidebar-menu .vsm-link:focus .vsm-icon,
.doe-admin .app-sidebar .v-sidebar-menu .vsm-link.active-item .vsm-title,
.doe-admin .app-sidebar .v-sidebar-menu .vsm-link.active-item .vsm-icon {
    opacity: 1;
    text-shadow: 0 0 1px rgba(245, 245, 245, .4)
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-link.active-item .vsm-title {
    font-weight: 400 !important
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-icon {
    color: #78909c;
    text-align: center;
    width: auto;
    height: auto;
    line-height: initial;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -16px;
    font-size: 30px;
    opacity: .8;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-dropdown {
    padding: 0 0 8px 30px
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-dropdown::before {
    content: none
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-dropdown .vsm-list {
    padding: 0
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-arrow {
    right: -12px;
    color: #d9d9d9
}

.doe-admin .app-sidebar .v-sidebar-menu .vsm-link:hover,
.doe-admin .app-sidebar .v-sidebar-menu .vsm-link.active-item,
.doe-admin .app-sidebar .app-sidebar.text-lighter .v-sidebar-menu .vsm-item.active-item>.vsm-link,
.doe-admin .app-sidebar .app-sidebar.text-darker .v-sidebar-menu .vsm-item.active-item>.vsm-link {
    background-color: rgba(0, 0, 0, 0);
    color: inherit
}

.doe-admin .closed-sidebar .app-sidebar .logo-src {
    width: 46px
}

.doe-admin .closed-sidebar-open.closed-sidebar .app-sidebar .logo-src {
    width: 190px;
    margin: 0
}

.doe-admin .hamburger-box {
    width: 24px;
    height: 20px
}

.doe-admin .hamburger-inner,
.doe-admin .hamburger-inner::before,
.doe-admin .hamburger-inner::after {
    width: 24px;
    height: 3px;
    background-color: #546e7a;
    border-radius: 0
}

.doe-admin .hamburger.is-active .hamburger-inner,
.doe-admin .hamburger.is-active .hamburger-inner::before,
.doe-admin .hamburger.is-active .hamburger-inner::after {
    background-color: #546e7a
}

.doe-admin .hamburger.is-active .hamburger-inner::after {
    top: 12px
}

.doe-admin .hamburger--elastic .hamburger-inner::before {
    top: 8px
}

.doe-admin .hamburger--elastic .hamburger-inner::after {
    top: 16px
}

.doe-admin .logo-src {
    background-image: url("../../images/do-excursion-logo.png");
    background-size: 190px 38px;
    background-repeat: no-repeat;
    width: 190px;
    height: 38px
}

.doe-admin .app-header {
    background-color: #000d24
}

.doe-admin .app-container {
    background: #f6f8f9
}

.header-content .main-search-wrapper .loc-name-wrap {
    float: left;
    position: relative
}

.header-content .main-search-wrapper .loc-name-wrap .loc-name {
    border: 0;
    color: #000;
    text-align: center;
    font-weight: 500;
    outline: none;
    float: left;
    width: 258px;
    border-radius: 4px 0 0 4px;
    background: #fff;
    padding: 9px 0 10px;
    font-family: "Poppins", sans-serif;
    width: 345px
}

.header-content .main-search-wrapper .loc-name-wrap .loc-name-listings {
    position: absolute;
    width: 100%;
    background: #fff;
    border-radius: 0 0 4px 4px;
    top: 44px;
    left: 0;
    z-index: 100;
    height: 0;
    overflow: hidden
}

.header-content .main-search-wrapper .loc-name-wrap .loc-name-listings li {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px;
    text-align: left;
    cursor: pointer
}

.header-content .main-search-wrapper .loc-name-wrap .loc-name-listings li:hover {
    background: #f6f8f9
}

.header-content .main-search-wrapper .loc-name-wrap.suggession-list-enabled .loc-name {
    border-radius: 4px 4px 0 0
}

.header-content .main-search-wrapper .loc-name-wrap.suggession-list-enabled .loc-name-listings {
    height: 200px;
    overflow: auto
}

.home-page .header-content {
    height: 365px;
    position: relative;
    clear: both
}

.top-area-wrap {
    background: var(--mainBlueNavFooter);
    box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23)
}

.top-area-wrap .top-search-functions {
    box-shadow: none !important
}

@media(min-width: 767px) {
    .top-area-wrap .top-search-functions {
        border: 1px solid #fff
    }
}

.top-area-wrap .doe-main-search__input {
    height: 45px;
    width: auto;
}

.header nav.top {
    min-height: 46px;
    width: 100%;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(min-width: 900px) {
    .header nav.top {
        min-height: 60px
    }
}

@media(min-width: 1200px) {
    .header nav.top {
        padding: 0 50px
    }
}

.header nav.top .logo {
    float: left
}

.header nav.top .logo img {
    height: 24px;
    margin-top: 1px
}

@media(min-width: 767px) {
    .header nav.top .logo img {
        height: 60px !important;
    }
}

.header nav.top .nav-menu .fas {
    display: none
}

.header nav.top .nav-menu .fas.fa-shopping-cart {
    display: inline;
    color: #fcd303;
    margin-right: 3px
}

.header nav.top .nav-menu li {
    display: inline-block
}

.header nav.top .nav-menu li a {
    color: #fff;
    display: block;
    padding: 10px
}

.header nav.top .nav-menu li a span {
    position: absolute;
    background: #00112e;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 0 0 0;
    border-radius: 100%;
    width: 18px;
    height: 17px;
    text-align: center;
    left: -1px;
    top: 10px
}

.header nav.top .nav-menu li.shopping-cart {
    position: relative
}

.header nav.top .mobile-menu {
    display: none;
    float: right;
    color: #fff;
    font-size: 26px;
    margin: 8px 0 0 0;
    cursor: pointer
}

.header nav.top .mobile-menu:hover {
    color: #fcd303
}

.header .sticky {
    position: fixed;
    top: 0;
    background-color: var(--seaBlue);
    box-shadow: 0 1px 3px rgba(66, 66, 66, .16), 0 1px 3px rgba(66, 66, 66, .23);
    -webkit-animation-name: slideInDown;
    -webkit-animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation-name: slideInDown;
    -moz-animation-duration: 300ms;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -o-animation-name: slideInDown;
    -o-animation-duration: 300ms;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    animation-name: slideInDown;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 0s
}

.header .sticky.doe-h-banner__header {
    padding-top: 2px;
    padding-bottom: 2px;
    align-items: center
}

@media(min-width: 767px) {
    .header .sticky .content-wrapper--home-search {
        position: relative;
        transform: none;
        top: 0;
        left: 0
    }
}

.header .sticky .content-wrapper--home-search .top-search-functions {
    box-shadow: none !important
}

@media(min-width: 767px) {
    .header .sticky .content-wrapper--home-search .top-search-functions {
        border: 1px solid #fff
    }
}

.header .sticky .doe-h-banner__logo {
    width: auto;
    padding: 4px 0
}

.header .sticky .doe-h-banner__logo img {
    width: 80px !important;
}

@media(min-width: 767px) {
    .header .sticky .doe-h-banner__logo img {
        width: 110px !important;
    }
}

.header .sticky+.header-content-wrapper {
    margin-top: 42px
}

@media(min-width: 900px) {
    .header .sticky+.header-content-wrapper {
        margin-top: 70px
    }
}

.header-content img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 100%
}

.header-content .main-search-wrapper .loc-name {
    border: 0;
    color: #000;
    font-weight: 600;
    outline: none;
    float: left;
    border-radius: 2px 0 0 2px;
    background: #fff;
    padding: 0 0 0 20px;
    font-size: 16px;
    height: 44px;
    width: 345px
}

.header-content .main-search-wrapper .loc-name.tt-hint {
    color: #b7b7b7
}

.header-content .main-search-wrapper .loc-country {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 30px;
    text-shadow: 1px 0 20px #263238
}

.header-content .main-search-wrapper .twitter-typeahead .searching-loader {
    position: absolute;
    right: 20px;
    top: 17px
}

.header-content .main-search-wrapper.active .loc-name {
    box-shadow: inset 0px 0px 6px #2196f3
}

.excursion-head-title {
    float: left
}

.top-nav-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right: 0
}

.top-nav-logo img {
    width: 230px
}

@media(min-width: 900px) {
    .top-nav-logo img {
        width: 230px
    }
}

@media(max-width: 899px) and (min-width: 301px) {
    .top-nav-logo img {
        width: 150px
    }
}

.top-nav-section {
    padding: 4px 0;
    display: flex;
    align-items: center
}

.top-nav-section--center {
    justify-content: center
}

.top-nav-section--left {
    justify-content: flex-start
}

.top-nav-section--right {
    justify-content: flex-end
}

@media(max-width: 767px) {
    .top-nav-section .doe-main-search {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        position: absolute;
        width: calc(100% - 50px);
        margin: 0 10px;
        background-color: rgba(255, 255, 255, .96);
        padding: 1rem;
        left: 15px;
        top: 65px;
        z-index: 12;
        border-radius: 4px;
        box-shadow: 0 3px 6px rgba(66, 66, 66, .16), 0 3px 6px rgba(66, 66, 66, .23);
        -webkit-animation-name: zoomInOut;
        -webkit-animation-duration: 400ms;
        -webkit-animation-fill-mode: none;
        -webkit-animation-delay: 0s;
        -moz-animation-name: zoomInOut;
        -moz-animation-duration: 400ms;
        -moz-animation-fill-mode: none;
        -moz-animation-delay: 0s;
        -o-animation-name: zoomInOut;
        -o-animation-duration: 400ms;
        -o-animation-fill-mode: none;
        -o-animation-delay: 0s;
        animation-name: zoomInOut;
        animation-duration: 400ms;
        animation-fill-mode: none;
        animation-delay: 0s
    }
}

.top-nav-section .top-nav-menu {
    margin: 0;
    right: 12px;
    width: calc(100% - 30px)
}

@media(min-width: 767px) {
    .top-nav-section .top-nav-menu {
        width: 350px
    }
}

.top-nav-menu {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 50px);
    flex-direction: column;
    position: absolute;
    margin: 0 10px;
    background: rgba(255, 255, 255, .96);
    left: 15px;
    top: 65px;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    -webkit-animation: zoomInOut 500ms both;
    animation: zoomInOut 500ms both;
    z-index: 105;
    max-height: 540px;
    overflow: auto
}

@media(min-width: 767px) {
    .top-nav-menu {
        overflow: inherit;
        left: auto;
        width: 240px;
        top: 40px;
        right: 0;
        margin: 0
    }
}

.top-nav-menu .top-nav-links a {
    display: block;
    color: #0a71b5;
    text-shadow: none
}

.top-nav-menu .top-nav-links a:hover {
    text-shadow: 0px 0px 1px rgba(1, 76, 95, .7)
}

.top-nav-menu.inactive {
    display: none
}

.top-nav-menu-backdrop {
    display: none;
    background-color: rgba(1, 76, 95, .006);
    height: 100vh;
    z-index: 1
}

.top-nav-menu-backdrop.show {
    display: block
}

.top-nav-dropdown {
    display: flex
}

@media(min-width: 767px) {
    .top-nav-dropdown {
        position: relative
    }
}

.top-nav-links {
    position: relative;
    font-size: 18px;
    transition: all .06s ease-in-out;
    white-space: nowrap
}

.top-nav-links:hover {
    opacity: 1
}

.top-nav-links--pop {
    opacity: 1;
    text-shadow: 0 2px 2px gray
}

@media(min-width: 1200px) {
    .top-nav-links--pop:hover {
        transform: scale(1.1)
    }
}

.top-nav-links--bottom-separator::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2.5%;
    width: 95%;
    border-bottom: 1px solid rgba(217, 217, 217, .4)
}

.top-nav-links i {
    display: inline-flex;
    padding: 10px
}

.top-nav-links a {
    color: #fff;
    text-decoration: none !important;
    outline: none;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.top-nav-links-separator {
    height: 30px;
    margin-right: .5rem;
    margin-left: .5rem
}

@media(min-width: 767px) {
    .top-nav-links-separator {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
}

.top-nav-toggle {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #fff;
    text-decoration: none !important;
    outline: none;
    opacity: .8;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.top-nav-toggle:hover {
    color: #fff;
    opacity: 1;
    text-shadow: 0 0 3px var(--seaBlue), 0 0 6px rgba(1, 76, 95, .3)
}

.top-nav-toggle i {
    font-size: 20px;
    display: inline-flex
}

@media(min-width: 767px) {
    .top-nav-toggle i {
        font-size: 24px
    }
}

.top-nav-toggle i.locked:after {
    content: "";
    font-family: "si-feather" !important;
    padding: 2px;
    font-size: 13px;
    position: absolute;
    right: -5px;
    bottom: 1px;
    border-radius: 50%;
    background: var(--seaBlue)
}

.top-nav-toggle--cart i {
    font-size: 22px
}

@media(min-width: 900px) {
    .top-nav-toggle--cart i {
        font-size: 26px
    }
}

.top-nav-toggle--cart .badge {
    position: absolute;
    right: -8px;
    top: -6px;
    font-size: 10px;
    padding: .2rem .3rem;
    min-width: 16px
}

.top-nav-toggle--text {
    font-size: 1.128rem
}