html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-size:18.25px;
}

body {
    font-size: 15px;
    line-height: 1.42857143;
    color: #444;
    background-color: #fff;
    overflow-x: hidden;
    font-family: "Open Sans",sans-serif;
    margin: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.border-gray {
    border: 1px solid #ccc
}

.bg-gray {
    background: #f7f7f7;
}

.bg-gray-dark{
    background: #ccc; 
}

.bg-black {
    background: #000;
}

.bg-white {
    background: #fff;
}

.bg-banner-blue {
    background: #273948;
}

.bg-green {
    background: #1b7f78;
}

.bg-banner-purple {
    background:#421c52;
}

ul {
    margin: 0;
    padding: 0;
    list-style: outside none none;
}
p {
    margin:0;
    padding:10px 0;
    line-height: 25px;
}
input::-webkit-search-cancel-button, input[type=search]::-ms-clear {
    display: none;
}

fieldset, legend {
    padding: 0;
    border: 0;
    margin:0;
}

.btn, .primary-cta {
    background: #ef4d3e;
    color: #fff;
    padding: 0 20px;
    border: 0;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    text-align: center;
    overflow: hidden;
    border-radius: 22px
}
    @media only screen and (min-width:1024px) {
        .btn, .primary-cta {
            padding: 0 30px
        }
    }

.btn:focus, .btn:hover, .primary-cta:hover {
    color: #fff;
    background: #e95a56;
    transition: all .3s ease-in-out;
    text-decoration: none;
    outline: 0
}

.btn.disabled, .btn.disabled:hover, .btn:disabled, .btn:disabled:hover {
    background: rgba(239,77, 62,0.35);
}
.btn.btn-link, .btn.btn-link:focus, .btn.btn-link:hover {
    border: 0;
    background: none;
    color: #444;
}
    .btn-ghost {
    color: #000;
    border: 1px solid #000;
    transition: all .3s ease-in-out;
    background: none;
}

        .btn-ghost:focus,
        .btn-ghost:hover {
            background: #000;
            outline: 0;
        }
.btn-outline-green {
    color: #01a799;
    background:none;
    border: 1px solid #01a799;
    margin-bottom: 1.5em;
}
    .btn-outline-green:focus,
    .btn-outline-green:hover {
        background: #01a799;
        color: #fff
    }
    .btn-green {
        background: #01a799;
        color: #fff;
        margin-bottom: 1.5em;
    }
        .btn-green:focus,
        .btn-green:hover {
            color: #01a799;
        background:none;
        border: 1px solid #01a799;
            
        }

        .btn-orange {
            background: #df6511;
            color: #fff;
         
        }
            .btn-green:focus,
            .btn-green:hover {
            color: #df6511;
            background:none;
            border: 1px solid #df6511;
                
            }
    .loading::before{
        width: 20px;
        height: 20px;
        top: 10px;
        left: 5px;
        border-radius: 50%;
        animation: rotation infinite linear 0.5s;
        transition: none;
        border-left: 2px solid #fff;
        z-index: 0;
        position: absolute;
        content:"";
}
@keyframes rotation {
	0% {
	transform:rotateZ(0deg);
}
100% {
	transform:rotateZ(360deg);
}
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.error, .red {
    color: red;
}

.purple {
    color: #ff0099;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    color: #ddd;
}

a {
    color:#01a799;
   }
   a:focus,
   a:hover {
    color:#1d807a;
    text-decoration:none;
   }

.code {
    background-color: rgba(255,255,255,.3);
    padding: 3px 8px;
    margin-bottom: 5px;
}

small {
    font-size: 80%
}


details, menu {
    display: block
}

summary {
    display: list-item
}


[hidden], template {
    display: none
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 400;
    margin: 0 0 20px;
}
.h0{
    font-size: 1pc;
}
h1,.h1 {
    font-size: 3pc;
}
.h1.fancy,
h1.fancy {
 font-weight:400;
 font-size:60px;
 font-family:"Sun Valley",Open Sans,sans-serif;
 font-display:swap;
}
@media only screen and (min-width:768px) {
 .h1.fancy,
 h1.fancy {
  font-size:7pc;
  font-family:"Sun Valley",Open Sans,sans-serif;
  font-display:swap;
 }
}
h2,.h2 {
    font-size: 2pc;
line-height: 42px;
}

h3,.h3 {
    font-size: 22px;
line-height: 2pc;
}

h4, .h4 {
    font-size: 20px;
    line-height: 30px;
}

h5,.h5 {
    font-size: 18px
}

h6,.h6 {
    font-size: .75rem
}


.text-decoration-none {
    text-decoration: none
}

.bold {
    font-weight: 700
}
.bold600 {
    font-weight: 600
}

.regular {
    font-weight: 400
}

.italic {
    font-style: italic
}

.caps {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.left-align {
    text-align: left
}

.center {
    text-align: center
}

.right-align {
    text-align: right
}

.justify {
    text-align: justify
}

.nowrap {
    white-space: nowrap
}

.break-word {
    word-wrap: break-word
}

.line-height-1 {
    line-height: 1rem
}

.line-height-2 {
    line-height: 1.125rem
}

.line-height-3 {
    line-height: 1.5rem
}

.line-height-4 {
    line-height: 2rem
}

.list-style-none {
    list-style: none
}

.underline {
    text-decoration: underline
}

.truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-reset {
    list-style: none;
    padding-left: 0
}

.inline {
    display: inline
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.table {
    display: table;
}

.table-cell {
    display: table-cell
}


.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow: auto
}

.overflow-auto {
    overflow: auto
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.fit {
    max-width: 100%
}

.max-width-1 {
    max-width: 24rem
}

.max-width-2 {
    max-width: 32rem
}

.max-width-3 {
    max-width: 48rem
}

.max-width-4 {
    max-width: 64rem
}

.full-width {
    width: 100%;
}

.border-box {
    box-sizing: border-box
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.m0 {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0, .mx0 {
    margin-left: 0
}

.mx0 {
    margin-right: 0
}

.my0 {
    margin-top: 0;
    margin-bottom: 0
}

.m05 {
    margin: 5px
}

.mt05 {
    margin-top: 5px
}

.mr05 {
    margin-right: 5px
}

.mb05 {
    margin-bottom: 5px
}

.ml05, .mx05 {
    margin-left: 5px
}

.mx05 {
    margin-right: 5px
}

.my05 {
    margin-top: 5px;
    margin-bottom: 5px
}

.m1 {
    margin: 10px
}

.mt1 {
    margin-top: 10px
}

.mr1 {
    margin-right: 10px
}

.mb1 {
    margin-bottom: 10px
}

.ml1, .mx1 {
    margin-left: 10px
}

.mx1 {
    margin-right: 10px
}

.my1 {
    margin-top: 10px;
    margin-bottom: 10px
}

.m2 {
    margin: 20px
}

.mt2 {
    margin-top: 20px
}

.mr2 {
    margin-right: 20px
}

.mb2 {
    margin-bottom: 20px
}

.ml2, .mx2 {
    margin-left: 20px
}

.mx2 {
    margin-right: 20px
}

.my2 {
    margin-top: 20px;
    margin-bottom: 20px
}

.m3 {
    margin: 30px
}

.mt3 {
    margin-top: 30px
}

.mr3 {
    margin-right: 30px
}

.mb3 {
    margin-bottom: 30px
}

.ml3, .mx3 {
    margin-left: 30px
}

.mx3 {
    margin-right: 30px
}

.my3 {
    margin-top: 30px;
    margin-bottom: 30px
}

.m4 {
    margin: 40px
}

.mt4 {
    margin-top: 40px
}

.mr4 {
    margin-right: 40px
}

.mb4 {
    margin-bottom: 40px
}

.ml4, .mx4 {
    margin-left: 40px
}

.mx4 {
    margin-right: 40px
}

.my4 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mxn1 {
    margin-left: -10px;
    margin-right: -10px
}

.mxn2 {
    margin-left: -20px;
    margin-right: -20px
}

.mxn3 {
    margin-left: -30px;
    margin-right: -30px
}

.mxn4 {
    margin-left: -40px;
    margin-right: -40px
}

.ml-auto {
    margin-left: auto
}

.mr-auto, .mx-auto {
    margin-right: auto
}

.mx-auto {
    margin-left: auto
}

.p0 {
    padding: 0
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0, .px0 {
    padding-left: 0
}

.px0 {
    padding-right: 0
}

.py0 {
    padding-top: 0;
    padding-bottom: 0
}

.p05 {
    padding: 5px
}

.pt05 {
    padding-top: 5px
}

.pr05 {
    padding-right: 5px
}

.pb05 {
    padding-bottom: 5px
}

.pl05 {
    padding-left: 5px
}

.py05 {
    padding-top: 5px;
    padding-bottom: 5px
}

.px05 {
    padding-left: 5px;
    padding-right: 5px
}


.p1 {
    padding: 10px
}

.pt1 {
    padding-top: 10px
}

.pr1 {
    padding-right: 10px
}

.pb1 {
    padding-bottom: 10px
}

.pl1 {
    padding-left: 10px
}

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

.px1 {
    padding-left: 10px;
    padding-right: 10px
}

.p2 {
    padding: 20px
}

.pt2 {
    padding-top: 20px
}

.pr2 {
    padding-right: 20px
}

.pb2 {
    padding-bottom: 20px
}

.pl2 {
    padding-left: 20px
}

.py2 {
    padding-top: 20px;
    padding-bottom: 20px
}

.px2 {
    padding-left: 20px;
    padding-right: 20px
}

.p3 {
    padding: 30px
}

.pt3 {
    padding-top: 30px
}

.pr3 {
    padding-right: 30px
}

.pb3 {
    padding-bottom: 30px
}

.pl3 {
    padding-left: 30px
}

.py3 {
    padding-top: 30px;
    padding-bottom: 30px
}

.px3 {
    padding-left: 30px;
    padding-right: 30px
}

.p4 {
    padding: 40px
}

.pt4 {
    padding-top: 40px
}

.pr4 {
    padding-right: 40px
}

.pb4 {
    padding-bottom: 40px
}

.pl4 {
    padding-left: 40px
}

.py4 {
    padding-top: 40px;
    padding-bottom: 40px
}

.px4 {
    padding-left: 40px;
    padding-right: 40px
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 32rem;
    max-width: 100%;
}

@media (min-width: 40.06rem) {
    .container {
        width: 40rem;
        max-width: 100%;
    }
}

@media (min-width: 52.06rem) {
    .container {
        width: 52rem;
        max-width: 100%;
    }
}

@media (min-width:64.06rem) {
    .container {
        width: 64rem;
    }
}


.breadcrumb {
    padding: 10px 20px;
    list-style: none;
    border-radius: 4px;
    z-index: 20;
    position: relative;
}

    .breadcrumb > li {
        display: inline-block;
        color: #01a799;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col, .col-right {
    box-sizing: border-box
}

.col-right {
    float: right
}

.col-1 {
    width: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333%
}

.col-11 {
    width: 91.66667%
}

.col-12 {
    width: 100%
}

@media (min-width:40.06rem) {
    .sm-col {
        float: left;
        box-sizing: border-box
    }

    .sm-col-right {
        float: right;
        box-sizing: border-box
    }

    .sm-col-1 {
        width: 8.33333%
    }

    .sm-col-2 {
        width: 16.66667%
    }

    .sm-col-3 {
        width: 25%
    }

    .sm-col-4 {
        width: 33.33333%
    }

    .sm-col-5 {
        width: 41.66667%
    }

    .sm-col-6 {
        width: 50%
    }

    .sm-col-7 {
        width: 58.33333%
    }

    .sm-col-8 {
        width: 66.66667%
    }

    .sm-col-9 {
        width: 75%
    }

    .sm-col-10 {
        width: 83.33333%
    }

    .sm-col-11 {
        width: 91.66667%
    }

    .sm-col-12 {
        width: 100%
    }
}

@media (min-width:52.06rem) {
    .md-col {
        float: left;
        box-sizing: border-box;
        flex: 1 0 0;
    }

    .md-col-right {
        float: right;
        box-sizing: border-box
    }
    .md-col-20 {
        width: 20%
    }
        .md-col-1 {
        width: 8.33333%
    }

    .md-col-2 {
        width: 16.66667%
    }

    .md-col-3 {
        width: 25%
    }

    .md-col-4 {
        width: 33.33333%
    }

    .md-col-5 {
        width: 41.66667%
    }

    .md-col-6 {
        width: 50%
    }

    .md-col-7 {
        width: 58.33333%
    }

    .md-col-8 {
        width: 66.66667%
    }

    .md-col-9 {
        width: 75%
    }

    .md-col-10 {
        width: 83.33333%
    }

    .md-col-11 {
        width: 91.66667%
    }

    .md-col-12 {
        width: 100%
    }
    .md-col-18 {
        width: 17%
    }
    .md-col-28 {
        width: 29%
    }
}

@media (min-width:64.06rem) {
    .lg-col {
        float: left;
        box-sizing: border-box
    }

    .lg-col-right {
        float: right;
        box-sizing: border-box
    }

    .lg-col-1 {
        width: 8.33333%
    }

    .lg-col-2 {
        width: 16.66667%
    }

    .lg-col-3 {
        width: 25%
    }

    .lg-col-4 {
        width: 33.33333%
    }

    .lg-col-5 {
        width: 41.66667%
    }

    .lg-col-6 {
        width: 50%
    }

    .lg-col-7 {
        width: 58.33333%
    }

    .lg-col-8 {
        width: 66.66667%
    }

    .lg-col-9 {
        width: 75%
    }

    .lg-col-10 {
        width: 83.33333%
    }

    .lg-col-11 {
        width: 91.66667%
    }

    .lg-col-12 {
        width: 100%
    }
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:40.06rem) {
    .sm-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:52.06rem) {
    .md-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:64.06rem) {
    .lg-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}
.flex-center{
    align-items: center;
    justify-content: center;
}
.flex-around {
    justify-content: space-around;
}
    .flex-right{
    align-items:right;
    justify-content: right;
}

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

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

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}


.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z4 {
    z-index: 4
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}
  
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
  
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
  
.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.border {
    border-style: solid;
    border-width: 1px
}

.border-top {
    border-top-style: solid;
    border-top-width: 1px
}

.border-right {
    border-right-style: solid;
    border-right-width: 1px
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.border-left {
    border-left-style: solid;
    border-left-width: 1px
}

.border-none {
    border: 0
}

.border, .border-left, .border-bottom, .border-right, .border-top {
    border-color: #ccc;
}

.rounded {
    border-radius: 22px
}

.circle {
    border-radius: 50%
}

.rounded-top {
    border-radius: 22px 22px 0 0
}

.rounded-right {
    border-radius: 0 22px 22px 0
}

.rounded-bottom {
    border-radius: 0 0 22px 22px
}

.rounded-left {
    border-radius: 22px 0 0 22px
}

.not-rounded {
    border-radius: 0
}

.hide {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

@media (max-width:40rem) {
    .xs-hide {
        display: none
    }
}

@media (min-width:40.06rem) and (max-width:52rem) {
    .sm-hide {
        display: none
    }
}

@media (min-width:52.06rem) and (max-width:64rem) {
    .md-hide {
        display: none
    }
}

@media (min-width:64.06rem) {
    .lg-hide {
        display: none
    }
}

.display-none {
    display: none
}

button {
    border:0;
    background:none;
    cursor:pointer;
}
select {
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    background: url(/resource/assets/images/open-expanded.png) no-repeat;
    background-position: right 10px center;
}
img {
    border-style: none;
    vertical-align: middle;
    border-style: none;
}
/* img[src=""],img:not([src]){   
    opacity:0;
} */
.img-fluid {
    max-width: 100%;
    width:100%;
    height: auto;
}
.w100{
    width:100%;
}
.fit-cover {
    object-fit:cover;
}
.form-control,
output {
 display:block;
 font-size:14px;
 line-height:1.42857143;
 color:#555
}
.form-control {
 width:100%;
 height:34px;
 padding:6px 9pt;
 background-color:#fff;
 border:1px solid #ccc;
 border-radius:0
}
.form-control:focus {
 outline:0
}
.form-control::-moz-placeholder {
 color:#999;
 opacity:1
}
.form-control:-ms-input-placeholder {
 color:#999
}
.form-control::-webkit-input-placeholder {
 color:#999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
 background-color:#eee;
 opacity:1
}
.form-control[disabled],
fieldset[disabled] .form-control {
 cursor:not-allowed
}
textarea.form-control {
 height:auto
}
.fa-star {
    font-family: "Font Awesome 5 Free";
    font-size: 1.1em;
    color: #59993f;
    font-weight: 900;
}
    .fa-star.yellow {
        color: #EBC302;
        font-size: 14px;
    }
    .fa-star3:after {
        content: "\f005\f005\f005";
    }
.fa-star4:after {
    content: "\f005\f005\f005\f005";
}
.fa-star5:after {
    content: "\f005\f005\f005\f005\f005";
}
.icon-bg,.icon-bg-before::before, .icon-bg-after::after,.brochure-takeover .h2:after {
    background: url(/resource/assets/images/ui-sprite.svg) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.icon-user {
    width: 20px;
    height: 26px;
    background-position: -223px -98px;
}
.icon-site-selector {
    background-position: -191px -99px;
    width: 21px;
    height: 26px;
}

.hero {
    position: relative;
    min-height: 700px;
    overflow: hidden;
    max-height: 700px;
    justify-content:center;
    display:flex;
    flex-direction:column;
}
    .hero picture, .hero .hero-video-container {
        /* display: flex;
        justify-content: center;
        align-items: center; */
        position: absolute;
        width: 100%;
    }
        .hero picture::after, .hero .hero-video-container::after {
            content:"";
            background: rgba(0,0,0,0.15);
            width: 100%;
            display: flex;
            height:100%;
            position: absolute;
            top: 0;
            left: 0;
        }
    .hero img {
        min-width: 1400px;
        max-width: 100%;
        width:100%;
        object-fit: cover;
    }
    .hero video {
        min-width: 1840px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .hero-text-box {
        color: #fff;
    }

    .slant-image { 
        display: flex;
        width: 100%;
        gap:1px;
      }
      .slant-image > img {
        flex: 1;
        min-width: 0;
        object-fit: cover;
        cursor: pointer;
        transition: .5s;
      }
      .slant-image > img:first-child {
        display:none;
      }

    @media (min-width: 52.06rem) {

      .slant-image > img:first-child {
        margin-right: calc(-.5*430px);
        clip-path: polygon(0 0,100% 0,calc(100% - 430px) 100%,0 100%);
        min-width:0!important;
        display:block;
      }
      .slant-image > img:last-child {
        margin-left: calc(-.5*430px);
        clip-path: polygon(430px 0,100% 0,100% 100%,0 100%);
        min-width:0!important
      }
    }


@media (max-width:52rem) {
    .hero img {
        min-width: 860px;
    }
    .hero h1 {
        font-size:38px;
    }
    .h1.fancy, h1.fancy {
        font-size:60px;
        line-height: 60px;
    }
    .fancy-sub-h4 {
        font-size:16px;
        margin: 0;
        padding: 0;
    }
}
@media (min-width:52.06rem) {
.hero .fancy-sub{
    font-size: 24px;
    line-height: 34px;
}}
.travel-safe {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 131px;
    height: 131px;
    background: url(/resource/assets/images/globes-winner.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 68px;
    left: 50%;
    /* transform: rotate(-10deg); */
    z-index: 1;
    margin: 0 0 0 -65px
}

@media only screen and (min-width:52.06rem) {
    .travel-safe {
        width: 170px;
        height: 170px;
        top: 75pt;
        left: 75pt;
        margin: 0;
        z-index:100

    }
}
    /**Hearder Brochure**/
    .brochure-takeover {
        color: #fff;
    }

    .brochure-takeover a {
        color: #fff;
        text-decoration: none;
    }
        .brochure-takeover a:hover {
            text-decoration: underline;
        }
    .brochure-takeover p{
        font-size: 15px;
    }

    .brochure-takeover .text-line-1 {
        padding-top: 0.5em;
        display: block;
    }

.brochure-takeover .h2 {
    max-width:420px;
    font-size: 18px;
    line-height: 24px;
}

.brochure-takeover .h2:before {
    content: '';
    height: 94px;
    width: 85px;
    background: url(/resource/assets/images/brochure-covers-2020.png);
    background-size: cover;
    display: block;
    float: left;
    margin: 0 20px 0 0;
}

    /* .brochure-takeover .h2:after {
        content: '';
        height: 20px;
        width: 51px;
        background-position: -60px -475px;
        position: absolute;
        top: 0;
        right: 0;
    } */


@media (max-width: 40rem) {
    .brochure-takeover p a  {
        text-decoration: underline;
        font-size: 14px;
    }
.brochure-takeover p{
	padding-top:0;
    font-size:13px;
}
    .brochure-takeover .h2 {
        font-size:14px;
    }

    

}


@media (max-width: 40.06rem) {
    .hero {
        min-height: 500px!important;
        max-height: 500px!important;
        /* justify-content: flex-end;
        -webkit-justify-content: flex-end;
        align-items: flex-end;
        -webkit-align-items: flex-end;       */

    }
    .hero img {
        height: 500px;
        width: 100%;
        min-width: auto!important;
        max-height: none!important;
        min-height: auto!important;
    }

    .travel-safe {
        /* width: 180px; */
        /* height: 83px; */
        /* height: 180px; */
        /* left: 43%; */
        top:103px;

    }

    .hero-text-box {
        /* margin-top:200px */
        position:absolute;
        bottom:0;
    }
    .header-mask {
        position:relative!important;
    }

    .hero + offer-block {
        margin-top:0;
    }
}

@media (max-width:25rem) {
.brochure-takeover .h2:after {
    display: none;
}
}

/**Hearder Brochure**/
.site-popover-mask {
    background-color:rgba(0,0,0,.8);
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:99998
   }
   body.mob-nav-open .site-popover-mask{
    display: block;
}
.site-popover-mask.active {
    display:block
   }

/**Pre-nav**/
.pre-nav{
    /* line-height: 26px; */
}
.pre-nav button {
    font-size: 9pt;
    color: #000;
    cursor: pointer;
}
.pre-nav a {
    color: #000;
    text-decoration: none;
}
.pre-nav .user a {
    display: block;
}


.pre-nav div.active ul {
    display: block
}
.login-block{display: none;
    position: absolute;
    top: 30px;
    background: #f7f7f7;
    width: 220px;
    padding: 15px 0;
    right: -20px;
    z-index: 9999;
    border-radius:10px;
}
.login-block li{padding:5px 15px;}
.login-block li:hover a{
    font-weight: 600;
}
.pre-nav .toggleplus{font-size: 15px;}
.toggleplus.active+div{display: block;}
.toggleplus.active::after{content:"";display: block;position: absolute; width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    z-index: 10000;
    left: 48%;
}
.primary-head .pre-nav .site-selector-container{
   
    justify-content: center;
    /* align-content: center;
    justify-items: center; */
    padding-top: 5px;
}
@media only screen and (min-width: 600px){
    .primary-head .pre-nav .site-selector-container{
        justify-content: flex-end;
    }
}

@media (max-width:40rem) {
.primary-head .masthead{
    text-align: center;
    font-size:9pt;
}
/* .primary-head .pre-nav .site-selector-container{
    float:none;justify-content: center;
    align-content: center;
    justify-items: center;
    padding-top: 5px;
} */
}

.site-selector ul {
    display: none;
    position: absolute;
    background: #f7f7f7;
    padding: 10px;
    margin: 20px 0 0;
    /*width: 100%;*/
    min-width: 115px;
    z-index:100;
}

    .site-selector ul:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-bottom-color: #f7f7f7;
        border-width: 10px;
        margin-left: -10px
    }

    .site-selector li {
        border: none;
        font-size: 9pt;
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
        margin: 0
    }

        .site-selector li:last-child {
            padding: 0
        }
        .primary-head nav li .dropdown{
            height:0;
            left:0;
            z-index: 9999;
            background-color: #fff;
            transition: all .4s ease-in;
            overflow: hidden;
            -webkit-transform: perspective(400) rotate3d(1,0,0,-90deg);
            -webkit-transform-origin: 50% 0;
            transition: all .3s ease-in-out;
        }

.primary-head nav li.active .dropdown{
    border: 1px solid #ccc;
    -webkit-transform: perspective(400) rotate3d(0,0,0,0);
    transition: all .3s ease-in-out;
    height:auto;
}
.primary-head nav li.active>a::after {
    content: '';
    height: 4px;
    width: 0;
    background: #ef4d3e;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
transition: all .3s ease-in-out;
}

.primary-head nav ul li.active a::after {
    width: 100%;
    transition: all .3s ease-in-out;

}
.primary-head nav .close{
    display: block;
background-position: -190px -122px;
text-indent:-1000px;
width: 24px;
height: 24px;
overflow: hidden;
transform: scale(1.3);
border-radius: 100%;
transition: all .3s ease-in-out;
margin-top:10px; 
margin-right: 20px;
cursor: pointer;
}
.primary-head nav .nav-list-wrapper .h3,.primary-head nav .nav-list-wrapper a {
    font-weight: 300;
    font-size: 1pc;
    padding: 3px 0;
}
.primary-head nav .nav-list-wrapper .h3,.primary-head nav .nav-list-wrapper .h3 a{
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}
.primary-head nav .nav-list-wrapper .h3.mt2{
    margin-top:20px;
}
.primary-head nav > ul {
    overflow: visible;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width:830px;
    margin:0 auto;
}

.primary-head nav ul li a {
    /* display: inline-block; */
    font-weight: 400;
    position: relative;
    color: #000;
    font-size: 1pc;
    text-decoration: none;
    padding:0 10px;
}
.primary-head nav>ul>li>a {
    padding:20px 10px;
    display: block;
}
    .primary-head nav ul li a:hover {
        text-decoration: none;
        color: #01a799
    }
    .nav-fixed.fixed{
        width: 100%;
        z-index: 99999;
        background: #f7f7f7;
        top: 0;
        border-bottom: 2px solid #ef4d3e;
        
    }
    .primary-head nav ul li a.text {
        font-size: .9em;
        font-weight: 600;
    }
    .primary-head nav ul li a.rust {
        color:#9c2706;
    }
body.mob-nav-open, body.modal-open {
    overflow: hidden;
}

    @media (max-width:52rem) {
        .primary-head nav{
            position: fixed;
     left: 100%; 
    top: 48px;
    height: 100%;
    width: 100%;
    background: #f7f7f7;
    z-index: 9999;
    overflow-y:scroll ;
    overflow-x:hidden ;
    transition: all .3s ease-in-out;
    padding-right:80px;
        }
        .mob-nav-open .primary-head nav{
            left:80px;
            transition: all .3s ease-in-out;
        }
        .mob-nav-open .navbar-toggle::before{
            content:"✕";
        } 
        .mob-nav-open nav li,.mob-nav-open nav div{
            padding:0;margin:0;
        }
        .mob-nav-open nav div h3{
            margin-top:20px;
        }
        .primary-head .nav-container{
            padding:0;
        }
        .primary-head nav > ul {
            display: block;
        }
        .primary-head nav>ul>li>a{
            font-size: 22px;
            border-bottom:1px solid #ddd;
            padding:10px 15px;
            display: block;
            position: relative;
        }
        .primary-head nav>ul>li>a::after,.primary-head nav .nav-item.active>a::after{
            background: url(/resource/assets/images/ui-sprite.svg) transparent no-repeat;
            background-position: -190px -59px;
            display: inline-block;
            vertical-align: middle;
            content: "";
            position: absolute;
            height: 10px;
            width: 15px;
            left:auto;
            bottom:auto;
            right: 15px;
            top: 25px;
        }
        .primary-head nav>ul>li:not(.nav-item)>a::after{
            /* transform: rotate(-90deg);
            width: 16px; */
            background: none;
        }
        .primary-head nav .nav-item.active>a::after{
            transform: rotate(180deg);
        }
        .primary-head nav>ul>li.active>a{
            border:0;
        }
        .primary-head nav > ul li .dropdown {
            position: static;
            display: none;
            padding:20px 0 20px 20px;
            background-color: #f7f7f7;
            margin:0;
        }
        .primary-head nav>ul>li.active .dropdown{
            display: block;
            border-width: 1px 0;
        }
        .primary-head nav .nav-list-wrapper{
            border:0;
            padding:0;
            margin-bottom: 20px;
        }
        .primary-head nav .border-right,.primary-head nav .border-left,.primary-head nav .border
        {
            border:0;
        }
        .primary-head nav ul .close{
            display: none;
        }

        .legend-text  {
           
            padding-bottom:1em!important;
        }
    }
@media (max-width:64rem) {
    .primary-head .order-3 {
        order:2;
    }
    .primary-head .order-2 {
        order: 3;
        padding-top: 0;
    }
}


.primary-head .main-tel {
    cursor:pointer;
    font-size:18px;
   }

   .primary-head .main-tel a {
    color:#535353;
    text-decoration:none
   }
   .primary-head .main-tel a.opening-hours {
    font-size: 14px;
}
.navbar-toggle{
    margin-right: -20px;
    margin-left:5px;
    padding:0;
}
.navbar-toggle::before{
    font-size:25px;
    color: #fff;
    content: "☰";
    padding:5px 15px 7px;
    background-color: #ef4d3e;
    cursor: pointer;
    height: 46px;
    width: 55px;
    display: block;
}
@media (max-width:64rem) {
    .primary-head .main-tel {padding-top: 10px;}
    .primary-head .main-tel a.opening-hours {
        display:inline;
    }
}
@media (max-width:52rem) {
    .primary-head .logo-box{padding:10px;position: relative;}
    .primary-head .main-tel {padding-top: 0;}
    .primary-head .main-tel .py1{padding:5px 0;}
    .primary-head .main-tel a.opening-hours {display:none;}

}
@media (max-width:30rem) {
    .primary-head .logo{
        display: block;
        position:absolute;
        left:10px;
        top:12px;
        width: 25px;
        height:25px;
        overflow: hidden;
    }
}

.search-form {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.66);
    left:0;
    top:0;
    z-index: 99;
}
@media (min-width:52.06rem) {
.search-form.fixed{
    position:fixed;
    background: rgba(0,0,0);
}

    .legend-text  {
        border-bottom:1px solid #ccc;
    }

}
.search-form .form-control {
    border-right: none;
}
.search-form select,.search-form  input{
    font-size: 14px;
    height: 46px;
}

.search-form input{
    border-radius: 23px 0 0 23px ;
}

.search-form .btn{
    border-radius: 0 23px 23px 0;
    font-size: 18px;
    height:46px;
    width:100%;
}
@media (max-width:40rem) {
    .search-form #search-mobile input,.search-form .btn,.search-form input,.search-form select{
        border-radius: 30px;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
        padding:0 0 0 20px;
        margin-bottom: 15px;
    }
 .search-form{padding:10px 20px;}
 .form-mobile .search-form-box{display: block;}
 .form-mobile #search-mobile{display: none;}
 .search-form #search-mobile input{margin:0;}
    .mobile-search-toggle {
        text-align: right;
        color: #fff;
        font-size: 1pc;
        line-height: 24px;
    }
    .search-form .mobile-search-toggle::before {
        content: '';
        background-position: -190px -122px;
        width: 24px;
        height: 24px;
        float: right;
        margin: 0 0 0 6px;
        border-radius: 100%;
        background-color: #fff;
    }
}
.ui-helper-hidden-accessible {
    display:none;
}
.ui-autocomplete-category {
    color: #a0a0a0;
    font-size: 1pc;
    margin: 15px 0 5px;
    cursor: default;
    text-transform: capitalize;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1em;
    cursor: default;
    z-index: 99;
    background: #fff;
    border: 1px solid #e7e8e9;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.search-form input.isopen {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-autocomplete li {
    padding: 5px 20px;
    cursor: pointer;
}
        .ui-autocomplete li:not(.ui-autocomplete-category ):hover {
            background:#ddd;
        }
/**/

/*Tour Start*/
.click-block, .static-block {
    text-align: center;
    height: 100%;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    box-shadow: 2px 3px 8px 0 rgba(0,0,0,.14);
    background-color: #fff;
    overflow: hidden;
    font-size:14px;
}
.click-block {
    display: flex;
    flex-direction: column;
}
.click-block.lazy{
    background: url(/resource/assets/images/throbber.svg) no-repeat center 30px;
}
    .click-block h3 {
        margin: 20px 0 10px;
        font-weight: 700;
    }
.click-block h3 a{
    color: #535353;
    text-decoration: none;
}
.click-block:hover {
    transition:all .3s ease-in-out;
    box-shadow:0 0 45px -3px hsla(0,0%,55%,.75);
    transform:scale(1.04)
   }
.click-block>img {
    width: 100%;
    height:auto;
    display: block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: url(/resource/assets/images/throbber.svg) #f1f1f1 no-repeat center center;
    aspect-ratio: 49 /33;
    object-fit: cover;
}
    .click-block a::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: rgba(0,0,0,0);
    }
/*End Start*/

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}





/*Footer Start*/
.site-footer {
    padding:0 0 60px
   }
.footer-wrapper h3, .footer-wrapper .h3, .site-footer .h3 {
    font-size: 26px;
    line-height: 36px;
}
    .site-footer a {
        color: #535353;
        text-decoration: none;
    }
        .site-footer a.text-underline {
            text-decoration: underline;
        }
        .site-footer .brochure-cta-pane {
            text-align: right;
            border-left: 1px solid #dedede;
        }

.footer-nav nav{
    max-width:65pc;
}
.site-footer nav li {
    font-size: 15px;
    line-height: 25px;
}
.site-footer .footer-nav{
    border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
.site-footer .icon-bg{
width: 26px;
height: 26px;
border-radius: 100%;
text-indent: -9999px;
overflow: hidden;
}
.site-footer .icon-bg.facebook {
    background-position:-45px -71px
   }
   .site-footer .icon-bg.twitter {
    background-position:-6px -102px
   }
   .site-footer .icon-bg.youtube {
    background-position:-46px -75pt
   }
   .site-footer .icon-bg.pinterest {
    background-position:-219px -68px
   }
   .site-footer .icon-bg.instagram {
    background-position:-189px -68px
   }
   .site-footer .icon-tel{
    width: 29px;
    height: 29px;
    background-position: -4px -68px;
    margin-right:5px;
}
.site-footer .footer-tel{
    font-weight: 200;
    font-size: 20px;
    cursor: pointer;
}
@media (max-width:40rem) {
    ul.footer-open-hour{
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    ul.footer-open-hour li{
        margin:5px 0;
    }
    .site-footer .footer-nav{
        border:0;
    }
    .footer-nav nav{
        padding-top:0;
        border:0;
    }
    .site-footer nav .dropdown{display: none;padding:10px;}
    .site-footer nav .nav-col{border-bottom: 1px solid #ccc;padding:5px 10px;}
    .site-footer nav .active .dropdown{display: block;}
    .site-footer nav .mobile-accordian a{display:block;}
    .site-footer nav .mobile-accordian a::after {
        content: '+';
        display: block;
        float: right;
        transition: all .3s ease-in-out;
    }
    .site-footer nav .active .mobile-accordian a::after {
        transform: rotate(45deg);
        transition: all .3s ease-in-out;
    }
}
@media (max-width:52rem) {
    .footer-nav-contact{
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding-bottom:10px;
        margin-bottom: 5px;
    }
    .site-footer .footer-tel{
        border-bottom: 1px solid #ccc;
        text-align: center;
    }
    .site-footer .icon-tel{
        display: block;
        
        margin: 0 auto 20px;
    }
    .site-footer .footer-logo{
        text-align: center;
    }
}
.site-footer .newsletter-signup{
    font-size:15px;
    line-height: 25px;
}
.site-footer .newsletter-signup fieldset {
    max-width: 600px;
}
.site-footer .newsletter-signup fieldset input[type="email"] {
    height:44px;
    border:0;
}
.site-footer .brochure-cta-pane a.btn{
    color: #fff;
}
.site-footer .privacy-message a.toggle-privacy::before {
    content: '+';
    border-radius: 100%;
    width: 21px;
    height: 21px;
    background: #000;
    color: #fff;
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}
.site-footer .privacy-message.active p {
    display: block;
    font-weight: 200;
}
.site-footer .privacy-message.active a.toggle-privacy::before {
    content: '-';
}
.about-panel li {
    font-size:14px;
}
.about-panel .icon-bg-before::before {
    content: '';
    width: 19px;
    height: 14px;
    background-position: -188px -6px;
    display: inline-block;
    margin-right: 10px;
}
@media (max-width:52rem) {
    .site-footer .newsletter-signup,.site-footer .brochure-cta-pane{
        text-align: center;
    }
    .site-footer .brochure-cta-pane{
        margin-top:40px;
    }
    .site-footer .brochure-cta-pane img{
        display: inline-block;
        float: none;
    }
}
@media (max-width:40rem) {
    .site-footer .newsletter-signup input,.site-footer .newsletter-signup button{
        border-radius: 22px;
    }
}
.footer-wrapper {
    border-top: 2px solid #f7f7f7;
    padding-top: 80px;
    margin-top: 80px;
}

.usp-footer-wrapper .usp-item {
    padding: 13px 6px;
    border-radius: 100px;
    border: 1px solid #ddd;
    box-shadow: 0 0 8px 3px rgb(0 0 0 / 6%);
    cursor: pointer;
}

.usp-footer-wrapper .usp-title {
    font-size: 14px;
    font-weight: 600;
}

.usp-footer-wrapper li {
    font-size: 13px;
    color: #717171;
    width: 20em;
}

.usp-footer-wrapper .usp-item+ul {
    display: none;
    position: absolute;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #ddd;
    top: 100px;
    left: 10px;
    background: #fff;
    z-index: 9;
    width: 94%;
}

.usp-footer-wrapper .usp-item.active+ul {
    display: block;
}

.usp-title::after {
    content: "";
    background: url(/resource/assets/images/ui-sprite.svg) transparent no-repeat;
    background-position: -190px -59px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    height: 10px;
    width: 15px;
    margin-top: 6px;
    transform-origin: 40% 30%;
    transition: all .2s ease-in;
}

.usp-item.active .usp-title::after {
    transform: rotate(180deg);
}

.usp-award {
    border: 1px dashed #01a79980;
    margin-top: -55px;
    border-radius: 10px;
    overflow: auto;
    text-align:center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.usp-award-title {
    max-width: 450px;
}
.cookie-message {
    background:rgba(0,0,0,0.9);
    color:#fff;
    position:fixed;
    bottom:0px;
    width:100%;
    padding:10px 0;
    transition:all .3s ease-in-out;
    z-index:8;
    border-top:1px solid #ef4d3e;
   }

   .cookie-message.active {
    bottom:0;
    transition:all .3s ease-in-out 2s
   }
   .cookie-message p {
    font-size:1em;
    /* line-height:1pc; */
    text-align:center;
    /* padding-right:55px; */
    color:#fff;
    margin:0;
    padding:10px;
   }
   .cookie-message  p a {
    color:#fff;
    text-decoration: underline;
   }
   
   .cookie-message button{height:30px;line-height: 30px;margin:5px 15px;}

   .close-button {
    background-position: -190px -122px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    transform: scale(1.3);
    border-radius: 100%;
    transition: all .3s ease-in-out;
    background-color: #fff;
    cursor: pointer;
}
.cookie-message button {
    margin-bottom: 0;
}
@media print {
    .btn, .primary-cta, .site-footer,
    .cookie-message, .hero, .primary-head,
    .brochure-takeover, .submenu-link,
    .left-sidebar, .usp-wrapper,
    .review-footer-banner, .footer-wrapper {
        display: none
    }
}

@media (max-width:40rem) {
    .cookie-message .cookie-content{
        flex-direction:column
    }
    .cookie-message {
        z-index: 9999;
    }
}

.good-to-go:after {
    line-height: .5em;
    content: "\2713";
    padding-left: 5px;
    color: #01a799;
}

.site-footer .brochure-cta-pane.flex {
    flex-direction:column;
}

.footer-brochure-images {
    display: flex;
    margin-top: 40px;
}

.footer-brochure-images img {
    position: relative;
    width: 170px;
    left: 45%;
    z-index: 2;
    transform: rotate(17deg);
    box-shadow: 2px 3px 8px 0 rgb(0 0 0 / 14%);
}
.footer-brochure-images img:nth-child(2) {
    left: -45%;
    z-index: 1;
    transform: rotate(-15deg);
}

@media (min-width:768px) {
    .site-footer .brochure-cta-pane.flex {
        flex-direction:initial;
    }
}
@media (min-width:1024px) {
    .footer-brochure-images img {
        left: 0;
    }
    .footer-brochure-images img:nth-child(2) {
        left:-179px;
    }

}

@media (min-width:64.06rem) {
    .footer-brochure-images img {
        left: 70px;
    }
    .footer-brochure-images img:nth-child(2) {
        left: -165px;
    }
}



.offer-headline-strip{
    position: relative;
    color: #994A4F;
    background-color: #FFECEB;
    font-size: 15px;
    height: auto;
    text-align: left;
    padding: 20px;
    cursor: default;
    overflow: hidden;
    box-shadow: 2px 3px 8px 0 rgba(0,0,0,.14);
}

.offer-container .offer-headline {
    position: absolute;
    top: 10px;
    left: -55px;
    padding: 5px;
    background: #ef4d3e;
    color: #fff;
    font-size: 12px;
    transform: rotate(-45deg);
    width: 150px;
    font-weight: bold;
}
.offer-container .offer-date, .offer-container a{
    font-weight: 600;
}

.offer-container .offer-date{
    display:block;
}

.offer-container  .offer-content {
    padding: 5px 20px;
}

.offer-container .offer-content img{
    height: 100%;
}

@media only screen and (min-width:1024px) {
    .offer-container .offer-date{
        margin: 0 13px;
        display:inline;
    }
}
.xmas-opening-hours{
    padding: 2em;
    margin: 1em auto;
    width: 60%;
    background: #f9f7f1;
    color: #6d030d;
    border: 2px dashed #fbcfb4;
    border-radius: 6px;
}

.as-ssen-on {
    margin:5em 0;
    overflow: auto;
    padding-bottom: 2em;
}

.as-ssen-on .logo-list{
    display: flex;
    align-items: flex-end;
    filter: grayscale(1);
    
}
.as-ssen-on .logo-list li{
    padding:0;
    width: 230px;
}
.as-ssen-on .logo-list li img {
    width:100%;
}
.as-ssen-on .logo-list li:first-child{
    /* margin-bottom:-5px; */
}
@media only screen and (min-width:1175px) {

    .as-ssen-on {

        overflow:initial

    }
    .as-ssen-on .logo-list{
        justify-content: center;
    }
}