@-ms-viewport {
    width: device-width
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
::after,
::before {
    box-sizing: inherit
}
.fullscreen-bg {
								position: fixed;
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								overflow: hidden;
								z-index: -100;
								}
								
								.fullscreen-bg__video {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

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

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.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-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media(min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

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

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

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

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

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

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media(min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: #000;
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1440px
    }
}

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

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

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

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

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.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
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media(min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

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

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

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

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

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

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

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

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

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media(min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

@font-face {
    font-family: fontello_platform;
    src: url(../fonts/fontello_platform.eot?69539360);
    src: url(../fonts/fontello_platform.eot?69539360#iefix) format("embedded-opentype"), 
	url(../fonts/fontello_platform.woff2?69539360) format("woff2"), 
	url(../fonts/fontello_platform.woff?69539360) format("woff"), 
	url(../fonts/fontello_platform.ttf?69539360) format("truetype"), 
	url(../fonts/fontello_platform.svg?69539360#platform_icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]::before,
[class^=icon-]::before {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block
}

.icon-x::before {
    content: "\e800"
}

.icon-plus::before {
    content: "\e801"
}

.icon-minus::before {
    content: "\e802"
}

.icon-arrow-left::before {
    content: "\e805"
}

.icon-arrow-right::before {
    content: "\e806"
}

.icon-down::before {
    content: "\e807"
}

.icon-left::before {
    content: "\e808"
}

.icon-right::before {
    content: "\e809"
}

.icon-up::before {
    content: "\e80a"
}

.icon-facebook::before {
    content: "\e80b"
}

.icon-twitter::before {
    content: "\e80c"
}

.icon-youtube::before {
    content: "\e80d"
}

.icon-phone::before {
    content: "\e80e"
}

.icon-play::before {
    content: "\e80f"
}

.icon-instagram::before {
    content: "\e810"
}

.icon-bag::before {
    content: "\e811"
}

.icon-location::before {
    content: "\e812"
}

.icon-search::before {
    content: "\e813"
}

.icon-help::before {
    content: "\e814"
}

.icon-comms::before {
    content: "\e815"
}

.icon-address-book::before {
    content: "\e816"
}

.icon-account::before {
    content: "\e817"
}

.icon-card::before {
    content: "\e818"
}

.icon-close-filter::before {
    content: "\e819"
}

.icon-product::before {
    content: "\e81a"
}

.icon-close::before {
    content: "\e81b"
}

.icon-edit::before {
    content: "\e81c"
}

.icon-package::before {
    content: "\e81d"
}

.icon-filter::before {
    content: "\e81e"
}

.icon-home::before {
    content: "\e822"
}

.icon-attention::before {
    content: "\e823"
}

.icon-house-outline::before {
    content: "\e824"
}

.icon-information::before {
    content: "\e82a"
}

.icon-shield::before {
    content: "\e82b"
}

.icon-delivery-truck::before {
    content: "\e82c"
}

.icon-question::before {
    content: "\e82d"
}

.icon-exclamation::before {
    content: "\e82e"
}

.icon-tick-alt::before {
    content: "\e82f"
}

.icon-tick::before {
    content: "\e830"
}

.icon-google::before {
    content: "\f1a0"
}

.icon-wechat::before {
    content: "\f1d7"
}

.icon-user::before {
    content: "\f2c0"
}

.icon-play-button::before {
    content: "\e803"
}

.icon-mail::before {
    content: "\e804"
}

.icon-triangle-left::before {
    content: "\e820"
}

.icon-triangle-right::before {
    content: "\e821 "
}

.animate.fade-down,
.animate.fade-in,
.animate.fade-left,
.animate.fade-right,
.animate.fade-up,
.animate.fade-zoom,
.animate__animated {
    -webkit-transition: all 1.5s ease-in;
    transition: all 1.5s ease-in
}

@media print,
(prefers-reduced-motion:reduce) {
    .animate.fade-down,
    .animate.fade-in,
    .animate.fade-left,
    .animate.fade-right,
    .animate.fade-up,
    .animate.fade-zoom,
    .animate__animated {
        -webkit-transition: all 0s ease-in;
        transition: all 0s ease-in
    }
    .animate.fade-down[class*=Out],
    .animate.fade-in[class*=Out],
    .animate.fade-left[class*=Out],
    .animate.fade-right[class*=Out],
    .animate.fade-up[class*=Out],
    .animate.fade-zoom[class*=Out],
    .animate__animated[class*=Out] {
        opacity: 0
    }
}

.animate {
    opacity: 0
}

.animate.fade-in {
    opacity: 0
}

.animate.fade-in.inview {
    opacity: 1
}

.animate.fade-left {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0)
}

.animate.fade-left.inview {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.animate.fade-right {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0)
}

.animate.fade-right.inview {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.animate.fade-up {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.animate.fade-up.inview {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.animate.fade-down {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0)
}

.animate.fade-down.inview {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.animate.fade-zoom {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
}

.animate.fade-zoom.inview {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.bg--light {
    background-color: #f4f3f3
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.clear-aligned-images {
    clear: both
}

.sg-colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important
}

.sg-colors li {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: .3em;
    margin: 0 .5em .5em 0;
    min-width: 5em;
    max-width: 14em;
    border: 1px solid #ddd
}

.sg-swatch {
    display: block;
    height: 4em;
    margin-bottom: .3em
}

.sg-label {
    font-size: 90%;
    line-height: 1
}

.grad {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.grad.top {
    display: none
}

@media(min-width:768px) {
    .grad.top {
        display: block;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, .8)));
        background: linear-gradient(to top, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .8) 95%)
    }
}

.grad.right {
    display: none
}

@media(min-width:768px) {
    .grad.right {
        display: block;
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, .8) 100%)
    }
}

.grad.bottom {
    display: none
}

@media(min-width:768px) {
    .grad.bottom {
        display: block;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, .8)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .8) 95%)
    }
}

.grad.left {
    display: none
}

@media(min-width:768px) {
    .grad.left {
        display: block;
        background: -webkit-gradient(linear, right top, left top, color-stop(90%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to left, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, .8) 100%)
    }
}

.grad.full {
    display: none
}

@media(min-width:768px) {
    .grad.full {
        display: block;
        background: rgba(0, 0, 0, .3)
    }
}

.grad.centre {
    display: none
}

@media(min-width:768px) {
    .grad.centre {
        display: block;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(40%, rgba(0, 0, 0, .3)), color-stop(60%, rgba(0, 0, 0, .3)), to(transparent));
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .3) 60%, transparent 100%)
    }
}

.grid {
    padding: 0;
    list-style: none
}

.grid__item {
    margin-bottom: 30px
}

.blockquote,
blockquote {
    margin: 1rem 0 1rem 1rem
}

blockquote.element__blockquote {
    position: relative;
    padding: 2rem 3.75rem 0;
    display: inline-block;
    text-align: left;
    width: 70%;
    quotes: "“" "”" "‘" "’"
}

blockquote.element__blockquote p {
    font-size: 1.75rem;
    margin-bottom: 0
}

@media(min-width:576px) {
    blockquote.element__blockquote {
        width: 50%
    }
}

@media(max-width:767.98px) {
    blockquote.element__blockquote {
        padding: 0;
        font-size: 1rem
    }
    blockquote.element__blockquote p.quote__content::before {
        font-size: 4.6875rem
    }
    blockquote.element__blockquote p.quote__content::after {
        font-size: 4.6875rem
    }
    blockquote.element__blockquote .author {
        font-size: .875rem;
        padding-left: 1rem
    }
    blockquote.element__blockquote .author__role {
        font-size: .9rem;
        padding-left: 4.25rem;
        display: block
    }
}

blockquote.element__blockquote p.quote__content::before {
    content: open-quote;
    font-size: 9.375rem;
    position: absolute;
    z-index: 1;
    color: #dee2e6;
    margin: 3rem -4.75rem
}

blockquote.element__blockquote p.quote__content::after {
    right: 0;
    content: close-quote;
    font-size: 9.375rem;
    position: absolute;
    z-index: 1;
    color: #dee2e6;
    margin: 4rem 1.25rem
}

blockquote.element__blockquote.element__blockquote--author::after {
    margin: -1.875rem -2.5rem
}

@media(min-width:576px) {
    blockquote.element__blockquote.element__blockquote--author::after {
        margin: -1.875rem 1.25rem
    }
}

blockquote.element__blockquote .author,
blockquote.element__blockquote .author__role {
    font-size: 1.25rem;
    width: 100%;
    padding-left: 1.625rem;
    display: block;
    margin-top: 1rem
}

blockquote.element__blockquote .author::before {
    content: "\2014";
    padding-right: 1.25rem
}

blockquote.element__blockquote .author__role {
    margin-top: 0;
    padding-left: 2.825rem
}

hr {
    clear: both;
    margin-top: 0;
    margin-bottom: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.6;
    margin-top: 1.2rem;
    margin-bottom: 1.5rem;
    width: auto
}

.heading--1,
h1 {
    font-size: 2.98598rem
}

.heading--2,
h2 {
    font-size: 2.48832rem
}

.heading--3,
h3 {
    font-size: 2.0736rem
}

.heading--4,
h4 {
    font-size: 1.44rem
}

.heading--5,
.heading--6,
h5,
h6 {
    font-size: 1rem
}

.btn,
.button {
    display: inline-block;
    padding: 1rem 1.2rem;
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #666;
    border: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    cursor: pointer
}

.btn:focus,
.btn:hover,
.button:focus,
.button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #333
}

.btn.disabled,
.btn:disabled,
.button.disabled,
.button:disabled {
    opacity: .2;
    border-color: #444
}

.button--hide {
    display: none
}

.button--primary {
    background: #7d7d7d;
    color: #000
}

.button--primary:focus,
.button--primary:hover {
    background: #8a8a8a
}

.button--secondary {
    background: #979797;
    color: #000
}

.button--secondary:focus,
.button--secondary:hover {
    background: #a3a3a3
}

.button--tertiary {
    background: 0 0;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .3)
}

.button--tertiary:focus,
.button--tertiary:hover {
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .7)
}

.pager__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 30rem;
    margin: 0 auto;
    padding: 0;
    list-style-type: none
}

.pager__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    text-align: center
}

.pager__item--first,
.pager__item--last {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem
}

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

.media-embed {
    clear: both;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.media-embed:first-child {
    margin-top: 0
}

.media-embed:last-child {
    margin-bottom: 1rem
}

.media-embed.media-embed--with-caption {
    margin-bottom: 1rem
}

.media-embed+.media-embed {
    margin-top: 0
}

.media-embed.align-left {
    margin-top: 0;
    margin-right: 1rem;
    max-width: calc(50% - 1rem);
    clear: none
}

.media-embed.align-right {
    margin-top: 0;
    margin-left: 1rem;
    max-width: calc(50% - 1rem);
    clear: none
}

.media-embed .media-embed {
    margin-top: 0;
    margin-bottom: 0
}

.media-embed figcaption.caption {
    font-style: italic;
    display: block;
    margin-top: .75rem;
    padding: 0 1rem;
    text-align: center
}

.cke_editable .media-embed figcaption.caption {
    border: 1px dashed #bbb;
    background: #fefefe
}

.media-library-item__edit {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10
}

.responsive-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0
}

.responsive-bg.paragraph--image--position-top {
    background-position: center top
}

.responsive-bg.paragraph--image--position-right {
    background-position: right center
}

.responsive-bg.paragraph--image--position-bottom {
    background-position: center bottom
}

.responsive-bg.paragraph--image--position-left {
    background-position: left center
}

.two-col-section form .row {
    margin-bottom: 0
}

.two-col-section form .form-item {
    text-align: center
}

@media(min-width:992px) {
    .two-col-section form .form-item {
        text-align: left
    }
}

form .row {
    margin-bottom: 0
}

form .row label {
    width: 100%
}

form .half-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

form .half-row .col {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media(min-width:1200px) {
    form .half-row .col {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

form .half-row label {
    display: block
}

.form-item {
    position: relative
}

.form-item__description {
    font-size: .75rem
}

.option {
    width: 100%;
    padding-left: 2.1875rem;
    display: inline-block;
    text-align: left
}

form .form-item__error {
    margin-top: .5rem;
    color: red
}

form .form-item__description {
    margin-top: .5rem;
    padding-bottom: .25rem
}

form label.js-form-required::after {
    content: " *"
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
input[type=username],
textarea {
    width: 100%;
    height: 2.75rem;
    padding: .75rem 1.25rem;
    font-size: 16px
}

input[type=date]::-ms-expand,
input[type=email]::-ms-expand,
input[type=number]::-ms-expand,
input[type=password]::-ms-expand,
input[type=tel]::-ms-expand,
input[type=text]::-ms-expand,
input[type=url]::-ms-expand,
input[type=username]::-ms-expand,
textarea::-ms-expand {
    display: none
}

textarea {
    height: 11.5625rem
}

select {
    height: auto;
    min-height: 2.75rem;
    padding: .5rem 1.25rem;
    font-size: 16px
}

select::-ms-expand {
    display: none
}

.form-item__dropdown select,
.select--stretch {
    width: 100%
}

.form-item--checkbox__item {
    position: relative;
    list-style: none
}

input[type=checkbox] {
    margin-right: .5rem;
    content: "";
    top: .375rem;
    left: 0;
    position: absolute;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

input[type=checkbox]:disabled {
    cursor: not-allowed
}

input[type=checkbox]:disabled~.option::before {
    cursor: not-allowed
}

.form-item--radio__item {
    position: relative;
    list-style: none
}

input[type=radio] {
    margin-right: .5rem
}

.icons__wrapper .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0
}

.icon {
    text-decoration: none
}

.icon:hover {
    text-decoration: none
}

.icon span {
    display: none
}

.table,
.text-long table {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    border-spacing: 0;
    background-color: #f8f8f8;
    width: 100%
}

.table__heading-cell,
.text-long th {
    border: none;
    border-left: 1px solid #e5e5e5;
    color: #000;
    font-weight: 700;
    padding: 1.2em;
    text-align: left
}

.table__heading-cell:first-child,
.text-long th:first-child {
    border: none
}

.table__row:nth-child(odd),
.text-long tbody tr:nth-child(odd) {
    background-color: #fff
}

.table__row:last-child td:first-child,
.text-long tbody tr:last-child td:first-child {
    border-radius: 0 0 0 5px
}

.table__row:last-child td:last-child,
.text-long tbody tr:last-child td:last-child {
    border-radius: 0 0 5px
}

.table__cell,
.text-long td {
    border: 1px solid #e5e5e5;
    border-left: none;
    border-bottom: none;
    padding: 1em
}

.table__cell:last-child,
.text-long td:last-child {
    border-right: none
}

.table__footer-cell,
.table__footer-cell:first-child,
.text-long tfoot th,
.text-long tfoot th:first-child {
    border-left: none;
    border-top: 1px solid #e5e5e5
}

.accessible-modal {
    z-index: 99
}

.accessible-modal__content {
    display: none
}

.modaal-wrapper .modaal-container,
.modaal-wrapper .modaal-content-container {
    background: #000
}

@media(min-width:992px) {
    .modaal-wrapper .modaal-container .modaal-close {
        position: absolute;
        right: -50px;
        top: -50px;
        border: 2px solid #fff;
        border-radius: 50%
    }
    .modaal-wrapper .modaal-container .modaal-close:focus::after,
    .modaal-wrapper .modaal-container .modaal-close:focus::before,
    .modaal-wrapper .modaal-container .modaal-close:hover::after,
    .modaal-wrapper .modaal-container .modaal-close:hover::before {
        background: #000
    }
    .modaal-wrapper .modaal-container .modaal-close::after,
    .modaal-wrapper .modaal-container .modaal-close::before {
        top: 12px;
        left: 21px
    }
}

.modaal-fullscreen .modaal-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modaal-fullscreen .modaal-container .modaal-close {
    background: 0 0;
    top: 0;
    right: 0
}

.modaal-fullscreen .modaal-container .modaal-close:focus,
.modaal-fullscreen .modaal-container .modaal-close:hover {
    background: 0 0
}

.modaal-fullscreen .modaal-container .modaal-close:focus::after,
.modaal-fullscreen .modaal-container .modaal-close:focus::before,
.modaal-fullscreen .modaal-container .modaal-close:hover::after,
.modaal-fullscreen .modaal-container .modaal-close:hover::before {
    background: #fff
}

.modaal-fullscreen .modaal-outer-wrapper .modaal-inner-wrapper {
    vertical-align: middle
}

.modaal-fullscreen .wistia_responsive_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.alert-bar {
    background: #000;
    color: #fff;
    max-height: 300px;
    visibility: visible
}

.alert-bar.is-dismissed {
    -webkit-transition: max-height .5s, visibility .5s;
    transition: max-height .5s, visibility .5s;
    max-height: 0;
    min-height: 0 !important;
    overflow: hidden;
    visibility: hidden
}

.alert-bar.alert-bar--shopping .alert-bar__icon::before {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e811"
}

.header .alert-bar {
    position: relative;
    z-index: 1
}

.alert-bar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px
}

@media(min-width:992px) {
    .alert-bar .container {
        min-height: 60px
    }
}

.alert-bar__icon {
    font-size: 1.5rem;
    line-height: 1
}

@media(min-width:992px) {
    .alert-bar__icon {
        font-size: 1.75rem
    }
}

.alert-bar__icon::before {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e82a"
}

.alert-bar__dismiss {
    font-size: 1.5rem;
    line-height: 1;
    text-decoration: none
}

@media(min-width:992px) {
    .alert-bar__dismiss {
        font-size: 1.75rem
    }
}

.alert-bar p {
    margin: 0 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media(min-width:768px) {
    .alert-bar p {
        margin: 0 1.25rem
    }
}

.alert-bar a {
    color: #fff;
    text-decoration: underline
}

.alert-bar a:hover {
    color: #fff
}

.alert-bar a.button,
.alert-bar button.button {
    margin: 0 .5rem
}

.hero-item {
    position: relative;
    margin-bottom: 2rem;
    padding: 4rem 2rem
}

.hero-item.paragraph--height--medium {
    min-height: 21rem
}

@media(min-width:992px) {
    .hero-item.paragraph--height--medium {
        min-height: 37.5rem
    }
}

.hero-item.paragraph--height--full {
    height: 100vh;
    min-height: 37.5rem
}

@media(min-width:992px) {
    .hero-item.paragraph--width--full {
        margin-left: 3.75rem;
        margin-right: 3.75rem
    }
}

.hero-item.paragraph--width--edge-to-edge {
    width: 100%
}

.hero-item.justify-content-center {
    text-align: center
}

.hero-item.overlay-dark::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30%;
    z-index: 5;
    content: '';
    background: #1a1a1a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .9)), to(transparent));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 0, transparent 100%);
    -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e6000000', endColorstr='#00000000', GradientType=0);
    pointer-events: none
}

.hero-item.gradient-bottom::before,
.hero-item.gradient-centre::before,
.hero-item.gradient-full::before,
.hero-item.gradient-left::before,
.hero-item.gradient-none::before,
.hero-item.gradient-right::before,
.hero-item.gradient-top::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 4;
    content: '';
    background: rgba(0, 0, 0, .3)
}

@media(min-width:768px) {
    .hero-item.gradient-centre::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(40%, rgba(0, 0, 0, .5)), color-stop(60%, rgba(0, 0, 0, .5)), to(transparent));
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .5) 40%, rgba(0, 0, 0, .5) 60%, transparent 100%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-top::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, .8)), color-stop(15%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 6%, rgba(0, 0, 0, 0) 15%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-bottom::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, .8) 100%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-left::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .8)), color-stop(70%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to right, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 70%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-right::before {
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .8) 100%)
    }
}

.hero-item.gradient-none::before {
    background: transparent
}

.hero-item.zoom-in-out-on-scroll span {
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out
}

@media(min-width:768px) {
    .hero-item.video-clip.gradient-top .hero-item__content {
        top: 0;
        padding-top: 3rem;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(70%, rgba(0, 0, 0, .75)), color-stop(85%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .75) 70%, rgba(0, 0, 0, .5) 85%, rgba(0, 0, 0, 0) 100%)
    }
}

@media(min-width:768px) and (min-width:768px) {
    .hero-item.video-clip.gradient-bottom .hero-item__content {
        top: auto;
        bottom: 0;
        padding-bottom: 3rem;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        background: #000;
        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(70%, rgba(0, 0, 0, .75)), color-stop(85%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .75) 70%, rgba(0, 0, 0, .5) 85%, rgba(0, 0, 0, 0) 100%)
    }
}

@media(min-width:768px) and (min-width:576px) {
    .hero-item.video-clip .hero-item__content--wrap {
        max-width: 60rem;
        text-align: center
    }
}

.hero-item__content {
    position: relative;
    max-width: 90rem;
    width: 100%;
    color: #fff;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    z-index: 10
}

.hero-item__content--wrap {
    max-width: 31.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-bottom: 2rem
}

@media(min-width:576px) {
    .hero-item__content--wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.hero-item__content--wrap.text-left .hero-item__outline::after,
.hero-item__content--wrap.text-left .hero-item__outline::before,
.hero-item__content--wrap.text-right .hero-item__outline::after,
.hero-item__content--wrap.text-right .hero-item__outline::before {
    border-top: none
}

.hero-item__video {
    padding: 0;
    width: 100% !important;
    height: 100% !important
}

.hero-item__video .responsive-bg {
    z-index: 5;
    pointer-events: none
}

.hero-item__video .hero-item__content {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none
}

.hero-item__video {
    padding: 0;
    width: 100% !important;
    height: 100% !important
}

.hero-item__video.gradient-none::before {
    background: rgba(0, 0, 0, .3)
}

.hero-item__video.video-playing.gradient-none::before {
    background: transparent;
    height: 0
}

.hero-item__video .responsive-bg {
    z-index: 1
}

.hero-item__video .hero-item__content {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    max-width: none;
    padding: 4rem 0 6rem;
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(33%, rgba(0, 0, 0, .9)), color-stop(66%, rgba(0, 0, 0, .7)), color-stop(82%, rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .9) 33%, rgba(0, 0, 0, .7) 66%, rgba(0, 0, 0, .4) 82%, rgba(0, 0, 0, 0) 100%)
}

.hero-item__video .hero-item__content--wrap {
    position: relative;
    max-width: 75%;
    margin: 0;
    text-align: center
}

.hero-item__video .hero-item__actions {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center
}

@media(max-width:991.98px) {
    .hero-item__video .hero-item__actions {
        bottom: 2rem
    }
}

@media(max-width:767.98px) {
    .hero-item__video .hero-item__actions {
        bottom: 2.5rem
    }
}

.hero-item__video .wistia_full_video {
    z-index: 20
}

.hero-item__video-cover {
    width: 100vw !important;
    padding: 0;
    height: 100% !important;
    min-height: 520px
}

.hero-item__video-cover.gradient-none::before {
    background: rgba(0, 0, 0, .3)
}

.hero-item__video-cover.video-playing.gradient-none::before {
    background: transparent;
    height: 0
}

.hero-item__video-cover .responsive-bg {
    z-index: 1
}

.hero-item__video-cover .hero-item__content {
    position: absolute;
    z-index: 10;
    top: 0;
    max-width: none;
    padding: 4rem 0 6rem;
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(33%, rgba(0, 0, 0, .9)), color-stop(66%, rgba(0, 0, 0, .7)), color-stop(82%, rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .9) 33%, rgba(0, 0, 0, .7) 66%, rgba(0, 0, 0, .4) 82%, rgba(0, 0, 0, 0) 100%)
}

.hero-item__video-cover .hero-item__content--wrap {
    max-width: 75%;
    margin: 0 auto;
    text-align: center
}

.hero-item__video-cover .hero-item__actions {
    position: absolute;
    z-index: 10;
    width: 100%;
    text-align: center
}

@media(max-width:991.98px) {
    .hero-item__video-cover .hero-item__actions {
        bottom: 2rem
    }
}

@media(max-width:767.98px) {
    .hero-item__video-cover .hero-item__actions {
        bottom: 2.5rem
    }
}

.hero-item__video-cover .wistia_full_video {
    z-index: 20
}

.hero-item__actions .play-button {
    cursor: pointer;
    width: 60px;
    height: 60px
}

.hero-item__links-menu {
    z-index: 5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .5);
    padding: 0;
    margin-bottom: 0
}

.hero-item__links-menu .hero-item__links-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(min-width:576px) {
    .hero-item__links-menu .hero-item__links-menu-wrapper {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media(min-width:1200px) {
    .hero-item__links-menu .hero-item__links-menu-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.hero-item__links-menu ul {
    margin: 0;
    padding: 0;
    text-align: left;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hero-item__links-menu ul::-webkit-scrollbar {
    display: none;
    width: 0 !important
}

.hero-item__links-menu li {
    display: block;
    margin-bottom: 0
}

.hero-item__links-menu li a.button {
    border: none;
    border-bottom: 3px solid transparent;
    padding: 1rem 0;
    margin: 0 1rem;
    min-width: auto
}

@media(min-width:992px) {
    .hero-item__links-menu li a.button {
        padding: 2rem 0;
        margin: 0 1.4rem
    }
}

.hero-item__links-menu li a.button:focus,
.hero-item__links-menu li a.button:hover {
    border-bottom: 3px solid rgba(255, 255, 255, .5)
}

.wistia_responsive {
    z-index: 0
}

.wistia_responsive_padding {
    padding: 56.25% 0 0;
    width: 100%
}

.wistia_responsive_wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.image-section {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.ed_agegate_modal .overlay_wrapper {
    padding: 1.875rem 5.625rem
}

.ed_agegate_modal .overlay-countries-form {
    width: 100%;
    margin: 1.25rem 0;
    text-align: left
}

.ed_agegate_modal .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.ed_agegate_modal .form-row>.col,
.ed_agegate_modal .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.ed_agegate_modal .form-control {
    display: block;
    width: 100%;
    min-height: 2.75rem;
    padding: .375rem 1.5625rem .375rem .75rem;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-clip: padding-box;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.ed_agegate_modal .agegate__btn {
    min-width: 150px;
    margin: .3125rem 0 1.5625rem
}

.inline-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:768px) {
    .inline-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width:768px) {
    .inline-menu__item {
        display: inline-block;
        padding: 0 .5rem;
        border-right: 1px solid #999;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.inline-menu__item:last-child {
    margin-right: 0;
    border: 0
}

.inline-menu__item,
.inline-menu__link,
.inline-menu__link:focus,
.inline-menu__link:link,
.inline-menu__link:visited {
    color: #999;
    text-decoration: none;
    font-size: .75rem
}

.stacked-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.stacked-menu--sidebar .stacked-menu__item {
    display: none
}

@media(min-width:992px) {
    .stacked-menu--sidebar .stacked-menu__item {
        margin: .5rem 0;
        display: block
    }
}

.stacked-menu--sidebar .stacked-menu__item--active {
    display: block
}

.stacked-menu--sidebar .stacked-menu__link {
    font-size: 1.1rem;
    color: #999;
    text-decoration: none
}

.stacked-menu--sidebar .stacked-menu__link:focus,
.stacked-menu--sidebar .stacked-menu__link:hover {
    text-decoration: none
}

@media(min-width:992px) {
    .stacked-menu--sidebar .stacked-menu__link {
        font-size: 1.25rem
    }
}

.stacked-menu--sidebar .stacked-menu--sub {
    display: none;
    margin-left: 1.25rem
}

@media(min-width:992px) {
    .stacked-menu--sidebar .stacked-menu--sub {
        display: block
    }
}

.stacked-menu--sidebar.is-expanded .stacked-menu__item {
    display: block
}

.stacked-menu--sidebar .submenu {
    position: static;
    opacity: 1;
    visibility: visible;
    background: 0 0
}

.stacked-menu--sidebar .expand-sub {
    display: none
}

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

.sidebar-menu__title {
    display: none
}

@media(min-width:992px) {
    .sidebar-menu__title {
        display: block;
        margin: 0 0 2rem;
        padding-bottom: .5rem
    }
}

.sidebar-menu__title--mobile {
    display: block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: auto 1rem auto 0
}

@media(min-width:992px) {
    .sidebar-menu__title--mobile {
        display: none
    }
}

@media(min-width:992px) {
    .sidebar-menu {
        display: block
    }
}

.main-nav {
    display: none
}

@media(min-width:1200px) {
    .main-nav {
        display: block
    }
}

.main-nav--open {
    display: block
}

.main-nav>.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 10
}

@media(min-width:1200px) {
    .main-nav>.main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.main-menu--sub {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: none;
    width: 100%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    max-height: 0
}

@media(min-width:1200px) {
    .main-menu--sub {
        -webkit-transition: all .1s ease-out;
        transition: all .1s ease-out
    }
}

.main-menu__item--with-sub.open .main-menu--sub {
    max-height: 500px
}

.submenu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    overflow: hidden
}

@media(min-width:1200px) {
    .submenu {
        position: absolute;
        background: #000;
        opacity: 0;
        visibility: hidden;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        z-index: 15
    }
    .sg-pattern-example .submenu {
        position: absolute
    }
    .submenu .main-menu--sub {
        -webkit-columns: 3;
        columns: 3;
        max-height: 0
    }
}

.submenu.with-promo .submenu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.submenu__container {
    max-width: 78rem;
    margin: 0 auto
}

@media(min-width:1200px) {
    .submenu__container {
        padding: 0 1rem
    }
}

.submenu .menu-promo {
    display: none
}

@media(min-width:1200px) {
    .submenu .menu-promo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 30%;
        margin-left: 2.5rem;
        padding: 1.5rem 0 1.5rem 2.5rem;
        border-left: 1px solid #eaeaea;
        text-align: center
    }
}

.submenu .menu-promo .menu-promo__headline {
    margin: 0
}

.submenu .menu-promo .menu-promo__image+.menu-promo__headline {
    margin: 1.5rem 0 0
}

.main-menu__item--with-sub--open .submenu {
    opacity: 1
}

.main-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: .0625rem solid #999;
    font-size: .875rem
}

@media(max-width:1199.98px) {
    .main-menu__item {
        position: relative
    }
    .main-menu__item--with-sub {
        padding-right: 5em !important
    }
}

@media(min-width:1200px) {
    .main-menu__item {
        border: none
    }
    .main-menu__item--with-sub>a {
        border-bottom: 2px solid transparent
    }
    .main-menu__item--with-sub:hover>a {
        border-bottom-color: #000;
        color: #000
    }
    .main-menu__item--with-sub:hover .main-menu__link {
        color: #000
    }
    .main-menu__item--with-sub:hover .submenu {
        display: block;
        opacity: 1;
        max-height: 500px;
        visibility: visible
    }
    .main-menu__item--with-sub:hover .submenu .main-menu--sub {
        max-height: 500px
    }
}

.expand-sub {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5em;
    cursor: pointer;
    color: #333
}

.expand-sub::after {
    top: 2.25em;
    right: 2.25em;
    position: absolute;
    width: 0;
    height: 0;
    border-width: .25rem;
    border-bottom-width: 0;
    border-style: solid;
    border-color: currentColor transparent;
    content: ""
}

.expand-sub--open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media(min-width:1200px) {
    .expand-sub {
        display: none
    }
}

.main-menu__item--sub {
    border-bottom: none;
    background-color: transparent
}

@media(min-width:1200px) {
    .main-menu__item--sub {
        display: inline-block;
        width: 100%
    }
    .main-menu__item--sub:hover>a {
        border-bottom: none
    }
}

.main-menu__link {
    display: block;
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .6px;
    padding: 1.5rem 0;
    z-index: 20
}

.main-menu__link:hover {
    text-decoration: none
}

@media(max-width:1199.98px) {
    .main-menu__link--with-sub {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }
}

@media(min-width:1200px) {
    .main-menu__link {
        padding: 1.875rem 0
    }
}

.main-menu__link--sub {
    font-size: .75rem;
    color: #333;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    padding: 0 0 1.5rem
}

.main-menu__link--sub:active,
.main-menu__link--sub:focus,
.main-menu__link--sub:hover {
    color: inherit;
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

@media(min-width:1200px) {
    .main-menu__link--sub {
        padding: 1.5rem 0
    }
}

.toggle-expand .menu-icon {
    width: 25px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 22px;
    left: 5vw;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 20
}

.toggle-expand .menu-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #4c4c4c;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.toggle-expand .menu-icon span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.toggle-expand .menu-icon span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.toggle-expand .menu-icon span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@media(min-width:1200px) {
    .toggle-expand {
        display: none
    }
}

.toggle-expand--open .menu-icon span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -1px;
    right: 4px
}

.toggle-expand--open .menu-icon span:nth-child(2) {
    width: 0;
    opacity: 0
}

.toggle-expand--open .menu-icon span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 17px;
    right: 4px
}

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumb__item,
.breadcrumb__link,
.breadcrumb__link:focus,
.breadcrumb__link:link,
.breadcrumb__link:visited {
    color: #999;
    text-decoration: none
}

.breadcrumb__link:hover {
    color: #666
}

.breadcrumb__item {
    display: inline-block;
    font-size: .75rem
}

.breadcrumb__item::after {
    content: ">"
}

.breadcrumb__item:last-child {
    color: #4c4c4c
}

.breadcrumb__item:last-child::after {
    content: ""
}

.breadcrumb_link:active {
    color: #4c4c4c
}

.tabs__nav {
    background: #1a1a1a;
    margin-bottom: 0
}

.tabs__tab {
    display: none
}

.tabs__tab.is-active {
    display: block
}

.tabs__content {
    padding: 1.5rem
}

.tabs.no-js .tabs__tab.is-active {
    display: block
}

.tabs__nav--local-tasks {
    padding: 1rem 3rem
}

.tabs__nav--local-tasks li {
    display: inline-block;
    padding: 0 .75rem 0 .55rem;
    border-right: 1px solid #fff;
    margin-right: .25em
}

.tabs__nav--local-tasks li a {
    color: #fff
}

.tabs__nav--local-tasks li:first-child {
    padding-left: 0;
    margin-right: 0
}

.tabs__nav--local-tasks li:last-child {
    border: none
}

.tabs__link--local-tasks {
    padding: .3rem 1.5rem
}

.product-details__wrapper {
    padding: 2rem 0
}

.product-details__wrapper .product-details__vol {
    margin-bottom: .5rem
}

.product-details__wrapper.product-details__wrapper--simple {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    min-height: 600px;
    padding: 1.5rem 1rem
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple {
        padding: 5rem 0 1.5rem
    }
}

@media(min-width:1200px) {
    .product-details__wrapper.product-details__wrapper--simple {
        padding: 3rem 0;
        min-height: 700px
    }
}

.product-details__wrapper.product-details__wrapper--simple .product-details__details {
    z-index: 2
}

.product-details__wrapper .product-details__image {
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    max-width: unset;
    right: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-transform: none;
    transform: none;
    width: 100%
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
        width: 32%
    }
}

.product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary {
    height: auto;
    padding: 0;
    margin: 0
}

.product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary img {
    max-height: 600px;
    height: auto;
    margin: 0
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary img {
        max-width: 180px;
        width: 100%;
        height: auto;
        max-height: none
    }
}

.product-details__wrapper .product-details__details {
    padding: 0;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    max-width: unset;
    right: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transform: none;
    transform: none
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__details {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 32%
    }
}

.product-details__wrapper .product-details__outline {
    padding: 1.5rem 1rem 2rem;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    max-width: unset;
    right: auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-transform: none;
    transform: none
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__outline {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 32%
    }
}

.product-details__wrapper .product-details__outline p,
.product-details__wrapper .product-details__outline>h3 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

.product-details__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--complex,
    .product-details__wrapper.product-details__wrapper--simple {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 500px;
        height: 100vh
    }
}

.product-details__wrapper .product-details__details .price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 .625rem
}

.product-details__wrapper .product-details__details .price-box .price {
    font-size: 2rem;
    line-height: 1.15
}

.product-details__wrapper .product-details__details .price-box .vat {
    margin-left: 2rem;
    display: inline-block
}

.product-details__wrapper .product-details__details .shipping {
    margin: 1.25rem 0 0;
    display: block
}

.product-details__wrapper .product-details__details .product-enquiry {
    display: none
}

.product-details__wrapper.product-details__wrapper--non_whisky,
.product-details__wrapper.product-details__wrapper--two_col {
    padding-top: 7.5rem
}

.product-details__wrapper.product-details__wrapper--non_whisky h1,
.product-details__wrapper.product-details__wrapper--two_col h1 {
    margin-top: 0
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--non_whisky,
    .product-details__wrapper.product-details__wrapper--two_col {
        min-height: 100vh;
        padding-top: 10rem;
        margin-bottom: 2.1875rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.375rem;
        flex: 0 0 29.375rem;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.product-details__wrapper.product-details__wrapper--non_whisky .product-details__details,
.product-details__wrapper.product-details__wrapper--two_col .product-details__details {
    padding: 0 15px;
    margin: 0 auto 2rem
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--non_whisky .product-details__details,
    .product-details__wrapper.product-details__wrapper--two_col .product-details__details {
        max-width: 37.5rem
    }
}

@media(min-width:1200px) {
    .product-details__wrapper.product-details__wrapper--non_whisky .product-details__details,
    .product-details__wrapper.product-details__wrapper--two_col .product-details__details {
        margin: 0;
        max-width: 31rem
    }
}

.product-details__wrapper.product-details__wrapper--non_whisky .product-details__product-copy p,
.product-details__wrapper.product-details__wrapper--two_col .product-details__product-copy p {
    margin: 1.25rem 0
}

.product-details__wrapper.product-details__wrapper--non_whisky .owl-prev,
.product-details__wrapper.product-details__wrapper--two_col .owl-prev {
    left: -4rem
}

.product-details__wrapper.product-details__wrapper--non_whisky .owl-next,
.product-details__wrapper.product-details__wrapper--two_col .owl-next {
    right: -4rem
}

.product-details__wrapper .product-details__info,
.product-details__wrapper .product-details__vol {
    margin: 1rem 0
}

.product-details__wrapper.product-details__wrapper--non_whisky .product-details__details,
.product-details__wrapper.product-details__wrapper--two_col .product-details__details {
    text-align: center
}

@media(min-width:1200px) {
    .product-details__wrapper.product-details__wrapper--non_whisky .product-details__details,
    .product-details__wrapper.product-details__wrapper--two_col .product-details__details {
        text-align: left
    }
}

.product-details__wrapper.product-details__wrapper--non_whisky .product-details__details .price-box,
.product-details__wrapper.product-details__wrapper--two_col .product-details__details .price-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:1200px) {
    .product-details__wrapper.product-details__wrapper--non_whisky .product-details__details .price-box,
    .product-details__wrapper.product-details__wrapper--two_col .product-details__details .price-box {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.product-details__wrapper.product-details__wrapper--two_col .product-details__mobile {
    text-align: center
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--two_col .product-details__mobile {
        display: none
    }
}

.product-details__wrapper.product-details__wrapper--two_col .product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple img {
    width: 80%
}

@media(min-width:1200px) {
    .product-details__wrapper.product-details__wrapper--two_col .product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple img {
        width: 100%
    }
}

.product-details__wrapper.product-details__wrapper--two_col .product-details__details h1 {
    display: none
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--two_col .product-details__details h1 {
        display: block
    }
}

.product-details__wrapper.product-details__wrapper--two_col .product-details__details .price,
.product-details__wrapper.product-details__wrapper--two_col .product-details__details .vat {
    display: none
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--two_col .product-details__details .price,
    .product-details__wrapper.product-details__wrapper--two_col .product-details__details .vat {
        display: block
    }
}

.product-details__carousel {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 1.25em
}

@media(min-width:992px) {
    .product-details__carousel {
        margin: 0 7em 0 3em;
        max-width: 37.5rem
    }
}

@media(min-width:1200px) {
    .product-details__carousel {
        margin: 0 10em 0 3em;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.625rem;
        flex: 0 0 45.625rem;
        max-width: 34rem
    }
}

.product-details__carousel .owl-carousel .owl-item {
    padding: 0
}

.product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple {
    height: 100%;
    max-width: 41.25rem;
    max-height: 41.25rem;
    margin: 0 auto
}

.product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple img {
    width: 50vh
}

@media(min-width:768px) {
    .product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple img {
        width: 100%
    }
}

.product-details__carousel .product-image__image-primary img {
    width: 80%
}

.product-details__wrapper--simple .scroll_cta {
    display: none
}

@media(min-width:768px) {
    .product-details__wrapper--complex .product-details__image {
        -webkit-transform: none;
        transform: none;
        left: 40%
    }
}

.personalised-product .product-details__wrapper.product-details__wrapper--non_whisky,
.personalised-product .product-details__wrapper.product-details__wrapper--two_col {
    padding: 5rem 0
}

@media(min-width:768px) {
    .personalised-product .product-details__wrapper.product-details__wrapper--non_whisky .product-details__details,
    .personalised-product .product-details__wrapper.product-details__wrapper--two_col .product-details__details {
        width: 80%
    }
}

@media(min-width:1200px) {
    .personalised-product .product-details__wrapper.product-details__wrapper--non_whisky .product-details__carousel,
    .personalised-product .product-details__wrapper.product-details__wrapper--two_col .product-details__carousel {
        margin: 8rem 10em 0 3em
    }
}

.personalised-product .product-details__wrapper.product-details__wrapper--non_whisky .product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple img,
.personalised-product .product-details__wrapper.product-details__wrapper--two_col .product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple img {
    max-height: 100%
}

.drift-bounding-box {
    z-index: 2
}

.product-details__wrapper .drift-zoom-pane {
    background: #fff;
    -webkit-box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .3);
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .3);
    margin: 0 .5rem .5rem;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    min-height: 350px;
    max-height: 650px
}

@media(min-width:992px) {
    .product-details__wrapper .drift-zoom-pane {
        min-height: 450px
    }
}

.drift-zoom-pane.drift-inline {
    z-index: 1
}

.drift-zoom-processed {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.product-image__wrapper {
    position: relative
}

.product-image__content,
.product-image__image-background,
.product-image__image-primary {
    text-align: center
}

.product-image__image-hover {
    position: absolute
}

.product-image__image-background {
    position: relative
}

.product-image__image-hover {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    width: 100%;
    max-width: 21rem
}

.product-image__image-hover img {
    max-width: 100%
}

.product-image__image-foreground {
    opacity: 0;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.product-image__image-hover {
    opacity: 0
}

.product-image-style__background-hover {
    display: inline-block;
    max-width: 21.25rem
}

.product-image-style__background-hover .product-image__image-foreground,
.product-image-style__background-hover .product-image__image-primary {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-image-style__background-hover .product-image__image-primary {
    z-index: 3
}

.product-image-style__background-hover .product-image__image-primary img {
    height: 100%
}

.product-image-style__background-hover .product-image__image-background {
    position: relative;
    z-index: 1
}

.product-image-style__background-hover .product-image__image-background img {
    width: 100%
}

.product-image-style__background-hover .product-image__image-foreground {
    z-index: 2
}

.product-image-style__background-hover .product-image__image-foreground img {
    width: 100%
}

@media(min-width:1200px) {
    .product-image-style__background-hover:hover .product-image__image-foreground {
        opacity: 1
    }
}

@media(min-width:1200px) {
    .product-image__wrapper:hover .product-image__image-background,
    .product-image__wrapper:hover .product-image__image-hover {
        opacity: 1
    }
}

.product-image-style__featured {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    padding-bottom: 0 !important
}

.product-listing {
    text-align: center
}

.product-listing--with-quick-buy {
    position: relative
}

.product-listing .product-listing__price {
    font-size: 1.1rem
}

.product-listing__wrapper {
    position: relative;
    display: block
}

.product-listing__wrapper .product-image__image-background img,
.product-listing__wrapper .product-image__image-hover img,
.product-listing__wrapper .product-image__image-primary img {
    max-height: 21.25rem;
    margin: 0 auto
}

@media(min-width:1200px) {
    .product-listing__wrapper:hover .product-image-style__hover .product-image__image-primary {
        opacity: 0
    }
    .product-listing__wrapper:hover .product-image-style__hover .product-image__image-background,
    .product-listing__wrapper:hover .product-image-style__hover .product-image__image-hover {
        opacity: 1
    }
}

.quick-buy__open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0;
    border: none;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s
}

.quick-buy-enabled .quick-buy__open {
    opacity: 1;
    visibility: visible
}

@media(min-width:992px) {
    .quick-buy__open:hover span {
        opacity: 1
    }
}

.quick-buy__open:active,
.quick-buy__open:focus {
    outline: 0
}

.quick-buy__open span {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.quick-buy__close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: 0 0;
    outline: 0;
    cursor: pointer
}

.quick-buy__close:active,
.quick-buy__close:focus {
    outline: 0
}

.quick-buy__inner {
    text-align: left
}

@media(min-width:768px) {
    .quick-buy__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.quick-buy__image {
    text-align: center;
    margin-top: 1.5rem
}

@media(min-width:768px) {
    .quick-buy__image {
        width: 45%;
        padding-right: 2rem;
        margin-top: 0
    }
}

@media(min-width:992px) {
    .quick-buy__image {
        width: 50%;
        padding-right: 3rem
    }
}

.quick-buy__image img {
    max-height: 250px
}

@media(min-width:768px) {
    .quick-buy__image img {
        max-height: 350px
    }
}

@media(min-width:1200px) {
    .quick-buy__image img {
        max-height: 450px
    }
}

.quick-buy__description {
    text-align: center;
    margin-top: 1.5rem;
    overflow-y: auto;
    -ms-overflow-style: none
}

@media(min-width:768px) {
    .quick-buy__description {
        width: 55%;
        text-align: left;
        margin-top: 0
    }
}

@media(min-width:992px) {
    .quick-buy__description {
        width: 50%
    }
}

.quick-buy__description::-webkit-scrollbar {
    display: none
}

.quick-buy__description .button {
    display: block;
    width: 100%
}

@media(min-width:768px) {
    .quick-buy__description .button {
        display: inline-block;
        width: auto
    }
}

.featured-first .product-listing.featured {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.featured-first .product-listing.featured .product-image__image-featured {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.featured-first .product-listing.featured .product-image__image-featured::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, .2)), color-stop(90%, rgba(0, 0, 0, .7)), color-stop(95%, rgba(0, 0, 0, .9)), to(#000));
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .7) 90%, rgba(0, 0, 0, .9) 95%, #000 100%)
}

.featured-first .product-listing.featured .product-image__image-featured img {
    width: 100%
}

.featured-first .product-listing.featured:focus .product-image__image-featured,
.featured-first .product-listing.featured:hover .product-image__image-featured {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.featured-first .product-listing.featured:focus .product-listing__wrapper,
.featured-first .product-listing.featured:hover .product-listing__wrapper {
    color: #fff
}

.featured-first .product-listing.featured .product-listing__wrapper {
    position: relative;
    z-index: 2
}

.featured-first .product-listing.featured .product-listing__action-label,
.featured-first .product-listing.featured .product-listing__heading,
.featured-first .product-listing.featured .product-listing__outline,
.featured-first .product-listing.featured .product-listing__price,
.featured-first .product-listing.featured .product-listing__wrapper {
    color: #fff
}

.featured-first .product-listing.featured .quick-buy__open .icon-plus {
    color: #fff;
    border-color: #fff
}

.range-listing {
    text-align: center
}

.range-listing__wrapper {
    position: relative;
    display: block;
    color: #00334d
}

.range-listing__wrapper .product-image__image-primary {
    margin: 0 auto
}

.range-listing__wrapper:hover {
    color: #00334d;
    text-decoration: none
}

@media(min-width:1200px) {
    .range-listing__wrapper:hover .product-image__image-foreground {
        opacity: 1
    }
}

.featured-first .range-listing.featured {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.featured-first .range-listing.featured .product-image__image-featured {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.featured-first .range-listing.featured .product-image__image-featured::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, .2)), color-stop(90%, rgba(0, 0, 0, .7)), color-stop(95%, rgba(0, 0, 0, .9)), to(#000));
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .7) 90%, rgba(0, 0, 0, .9) 95%, #000 100%)
}

.featured-first .range-listing.featured .product-image__image-featured img {
    width: 100%
}

.featured-first .range-listing.featured:focus .product-image__image-featured,
.featured-first .range-listing.featured:hover .product-image__image-featured {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.featured-first .range-listing.featured .range-listing__wrapper {
    position: relative;
    z-index: 2
}

.featured-first .range-listing.featured .range-listing__outline::after,
.featured-first .range-listing.featured .range-listing__outline::before {
    border-top: 1px solid #fff
}

.featured-first .range-listing.featured .product-listing__price,
.featured-first .range-listing.featured .range-listing__action-label,
.featured-first .range-listing.featured .range-listing__heading,
.featured-first .range-listing.featured .range-listing__outline {
    color: #fff
}

.basket-teaser {
    max-width: 450px
}

.basket-teaser__quantity {
    width: 50px
}

.shop-listing {
    margin-bottom: 5.625rem;
    text-align: center
}

.shop-listing .shop-listing__wrapper {
    position: relative;
    display: block
}

.shop-listing .product-image__image-primary img {
    max-height: 21.25rem;
    max-width: 100%;
    margin: 0 auto
}

.serve {
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out;
    padding: 0 4rem
}

@media(min-width:992px) {
    .serve {
        padding: 0
    }
}

@media(min-width:992px) {
    .serve .serve__content {
        display: block
    }
    .serve .serve__button {
        display: none
    }
    .serve.is-inactive {
        opacity: 0;
        z-index: -1;
        -webkit-transition: .3s opacity ease-out;
        transition: .3s opacity ease-out
    }
    .serve.is-active .serve__content {
        position: absolute;
        text-align: left;
        opacity: 1;
        z-index: 2;
        -webkit-transition: .3s opacity ease-out;
        transition: .3s opacity ease-out
    }
    .serve.is-active .serve__copy {
        position: static;
        opacity: 1;
        -webkit-transition: .3s opacity ease-out;
        transition: .3s opacity ease-out
    }
    .serve.is-active .serve__name {
        opacity: 1;
        position: static
    }
    .serve.is-active .serve__button {
        display: block
    }
}

.serve .serve__button {
    max-width: 12em;
    padding: 1.25em;
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out;
    cursor: pointer;
    margin: 0 auto;
    line-height: 1.2
}

@media(min-width:992px) {
    .two-col__item-serve-details:first-child .serve.is-active .serve__content {
        -webkit-transform: translateX(90%);
        transform: translateX(90%)
    }
    .two-col__item-serve-details:last-child .serve.is-active .serve__content {
        -webkit-transform: translateX(-90%);
        transform: translateX(-90%)
    }
}

@media(min-width:992px) {
    .one-col__item-serve-details .serve {
        width: 50%
    }
}

@media(min-width:992px) {
    .one-col__item-serve-details .serve.is-active .serve__content {
        display: block;
        -webkit-transform: translateX(90%);
        transform: translateX(90%);
        width: 50%
    }
}

@media(min-width:992px) {
    .one-col__item-serve-details .serve.is-active .serve__button {
        display: none
    }
}

.serve__image__wrapper {
    position: relative;
    display: block
}

@media(min-width:768px) {
    .serve__image__wrapper {
        padding: 0 2rem
    }
}

.serve__image__wrapper .product-image-style__background-hover {
    max-width: 26.5rem;
    margin: 0 auto;
    display: block
}

.serve__image__wrapper .product-image__image-primary {
    max-width: 35rem;
    max-height: 35rem;
    margin: 0 auto
}

.serve__image__wrapper .product-image__image-primary img {
    max-width: 35rem;
    max-height: 35rem
}

.serve__name {
    margin: 1.875rem 0;
    width: 100%;
    text-align: center
}

.serve__outline {
    margin-bottom: 1em
}

.serve__short-content {
    text-align: center
}

.serve__content {
    text-align: center;
    display: none
}

.serve__content .serve__name {
    display: none
}

@media(min-width:992px) {
    .serve__content .serve__name {
        display: block;
        opacity: 0;
        position: absolute
    }
}

.serve__copy {
    padding: 0
}

@media(min-width:992px) {
    .serve__copy {
        position: absolute;
        opacity: 0
    }
}

.serve__copy ul {
    margin-left: 1.25rem;
    list-style-type: none;
    padding: 0
}

@media(min-width:992px) {
    .serve__copy ul {
        list-style-type: disc
    }
}

.boilerplate .two-col-section .serve,
.patternlab .two-col-section .serve {
    width: 100%
}

@media(min-width:992px) {
    .boilerplate .two-col-section .serve.is-active .serve__content,
    .patternlab .two-col-section .serve.is-active .serve__content {
        display: block;
        -webkit-transform: translateX(90%);
        transform: translateX(90%);
        width: 100%
    }
}

@media(min-width:992px) {
    .boilerplate .two-col-section .serve.is-active .serve__button,
    .patternlab .two-col-section .serve.is-active .serve__button {
        display: block
    }
}

@media(min-width:992px) {
    .boilerplate .two-col-section .two-col__item-serve-details:first-child .serve.is-active .serve__content,
    .patternlab .two-col-section .two-col__item-serve-details:first-child .serve.is-active .serve__content {
        -webkit-transform: translateX(90%);
        transform: translateX(90%)
    }
    .boilerplate .two-col-section .two-col__item-serve-details:last-child .serve.is-active .serve__content,
    .patternlab .two-col-section .two-col__item-serve-details:last-child .serve.is-active .serve__content {
        -webkit-transform: translateX(-90%);
        transform: translateX(-90%)
    }
}

@media(min-width:992px) {
    .boilerplate .serve,
    .patternlab .serve {
        width: 50%
    }
}

@media(min-width:992px) {
    .boilerplate .serve.is-active .serve__content,
    .patternlab .serve.is-active .serve__content {
        display: block;
        -webkit-transform: translateX(90%);
        transform: translateX(90%);
        width: 50%
    }
}

@media(min-width:992px) {
    .boilerplate .serve.is-active .serve__button,
    .patternlab .serve.is-active .serve__button {
        display: none
    }
}

.signpost {
    position: relative;
    padding: 3rem;
    min-height: 26rem;
    width: 100%;
    z-index: 0;
    cursor: pointer
}

.signpost.align-items-center {
    text-align: center
}

.signpost .button--tertiary {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3)
}

.signpost .button--tertiary:hover {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .7)
}

.signpost.gradient-bottom::before,
.signpost.gradient-centre::before,
.signpost.gradient-full::before,
.signpost.gradient-left::before,
.signpost.gradient-right::before,
.signpost.gradient-top::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    content: '';
    background: rgba(0, 0, 0, .3)
}

@media(min-width:768px) {
    .signpost.gradient-centre::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(40%, rgba(0, 0, 0, .3)), color-stop(60%, rgba(0, 0, 0, .3)), to(transparent));
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .3) 60%, transparent 100%)
    }
}

@media(min-width:768px) {
    .signpost.gradient-top::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, .8)), color-stop(15%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 6%, rgba(0, 0, 0, 0) 15%)
    }
}

@media(min-width:768px) {
    .signpost.gradient-bottom::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, .8) 100%)
    }
}

@media(min-width:768px) {
    .signpost.gradient-left::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .8)), color-stop(70%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to right, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 70%)
    }
}

@media(min-width:768px) {
    .signpost.gradient-right::before {
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .8) 100%)
    }
}

.signpost__content {
    position: relative;
    z-index: 15;
    max-width: 35rem;
    color: #fff;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.signpost__content.signpost__content--hidden {
    opacity: 0;
    visibility: hidden
}

.signpost__bg-image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.signpost__bg-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.signpost__actions .play-button {
    cursor: pointer;
    width: 100px;
    height: 100px
}

.social-links__wrapper .social-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    padding-top: 1rem
}

@media(min-width:992px) {
    .social-links__wrapper .social-links {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.social-links__wrapper .social-links a {
    color: #00334d
}

.social-links__wrapper .social-links a:hover {
    color: #00334d;
    text-decoration: none
}

.social-links__wrapper .social-links a span {
    display: none
}

.status--warning {
    background-color: #ccc;
    border-left: 1rem solid #f8cb04;
    display: block;
    margin-bottom: 0;
    padding: 1rem 2rem;
    font-size: 1.25rem
}

.status--warning a {
    color: #f8cb04;
    text-decoration: underline
}

.status--warning a:focus,
.status--warning a:hover {
    color: #f8cb04
}

.status--warning .placeholder {
    font-style: normal;
    font-weight: 800
}

.status--error {
    background-color: #ccc;
    border-left: 1rem solid #f94a23;
    display: block;
    margin-bottom: 0;
    padding: 1rem 2rem;
    font-size: 1.25rem
}

.status--error a {
    color: #f94a23;
    text-decoration: underline
}

.status--error a:focus,
.status--error a:hover {
    color: #f94a23
}

.status--error .placeholder {
    font-style: normal;
    font-weight: 800
}

.status--status {
    background-color: #ccc;
    border-left: 1rem solid #7cb81e;
    display: block;
    margin-bottom: 0;
    padding: 1rem 2rem;
    font-size: 1.25rem
}

.status--status a {
    color: #7cb81e;
    text-decoration: underline
}

.status--status a:focus,
.status--status a:hover {
    color: #7cb81e
}

.status--status .placeholder {
    font-style: normal;
    font-weight: 800
}

.tasting-notes__wrapper {
    position: relative;
    min-height: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-top: 5rem
}

@media(min-width:992px) {
    .tasting-notes__wrapper {
        padding-top: 0
    }
}

.tasting-notes__wrapper.component .tasting-notes__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tasting-notes__wrapper.component .tasting-notes__image img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: unset;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width:768px) {
    .tasting-notes__wrapper.component .tasting-notes__image img {
        width: 100%;
        height: 100%
    }
}

.tasting-notes__wrapper .tasting-notes__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.text-section--centered {
    text-align: center
}

.text-section--left-aligned {
    text-align: left
}

.text-section--right-aligned {
    text-align: right
}

.text-section .text-section__wrapper {
    width: 100%;
    padding: 2.5rem
}

.text-section .text-section__wrapper div,
.text-section .text-section__wrapper h1,
.text-section .text-section__wrapper h2,
.text-section .text-section__wrapper h3,
.text-section .text-section__wrapper h4,
.text-section .text-section__wrapper p,
.text-section .text-section__wrapper table,
.text-section .text-section__wrapper ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 51.25rem
}

.text-section .text-section__wrapper .text-section__image {
    margin-bottom: 2.5rem
}

.text-section .text-section__wrapper .text-section__image img {
    width: unset;
    max-width: 100%
}

.text-section .button {
    margin-top: 1rem
}

.text-section a.text-section__link {
    color: inherit
}

.text-section a.text-section__link:focus,
.text-section a.text-section__link:hover {
    text-decoration: none
}

.text-section a.text-section__link:focus .button,
.text-section a.text-section__link:hover .button {
    color: #999
}

.text-section__caption {
    width: 100%
}

.text-section__link {
    display: block
}

.text-section--help-page .text-section__wrapper {
    padding-top: 0
}

.text-section--show-border {
    padding: 1.875rem;
    border: 1px solid #ccc
}

@media(min-width:768px) {
    .asymmetric .text-section__wrapper h3 {
        max-width: 100%;
        padding-right: 2rem
    }
    .asymmetric .text-section__heading {
        width: 32%;
        display: inline-block;
        float: left;
        margin-top: 2px !important
    }
    .asymmetric .text-section__caption {
        width: 66%;
        display: inline-block;
        max-width: 66% !important;
        float: right
    }
    .asymmetric .text-section__caption p {
        max-width: 100%
    }
    .asymmetric .text-section .button {
        min-width: 0;
        float: right;
        width: 66%
    }
    .asymmetric .text-section--left-aligned .text-section__wrapper h3 {
        padding-right: 2rem
    }
    .asymmetric .text-section--left-aligned .button {
        text-align: left
    }
    .asymmetric .text-section--right-aligned .text-section__wrapper h3 {
        padding-right: 2rem
    }
    .asymmetric .text-section--right-aligned .button {
        text-align: right
    }
    .asymmetric .text-section--center-aligned .text-section__wrapper h3 {
        padding: 0 2rem
    }
    .asymmetric .text-section .text-section__wrapper {
        padding: 2.5rem 0
    }
}

.warning-bar__wrapper {
    z-index: 9991;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
    color: #fff;
    text-align: center;
    position: fixed;
    width: 100vw;
    height: 8vh;
    left: calc(-50vw + 50%);
    margin-top: 1rem;
    bottom: 0;
    padding: 5px
}

.sg-pattern-example .warning-bar__wrapper {
    position: static
}

.warning-bar__wrapper .warning-bar__image {
    display: none;
    width: 100%;
    height: 100%
}

@media(min-width:768px) {
    .warning-bar__wrapper .warning-bar__image {
        display: block
    }
}

.warning-bar__wrapper .warning-bar__image--mobile {
    display: block;
    width: 100%;
    height: 100%
}

@media(min-width:768px) {
    .warning-bar__wrapper .warning-bar__image--mobile {
        display: none
    }
}

.warning-bar__wrapper .warning-bar__text {
    max-width: 720px;
    padding: 1rem 0
}

.warning-bar__wrapper img {
    max-width: 100%;
    height: 100%;
    display: block;
    margin: auto
}

body.active-alert-bar {
    padding-bottom: calc(8vh - 1px)
}

html[lang=zh-hant-tw] body.active-alert-bar {
    padding-bottom: calc(10vh - 1px)
}

html[lang=zh-hant-tw] .warning-bar__wrapper {
    min-height: 10vh
}

.header__logo a.navbar-brand {
    color: #000;
    font-size: 2rem
}

.biography {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media(min-width:768px) {
    .one-col-section .biography {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 25%
    }
}

@media(min-width:768px) {
    .two-col-section .biography {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        margin-left: 16.66667%
    }
}

.biography .row:first-child {
    padding: 1.25rem 0;
    margin-bottom: 1.25rem
}

.biography__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    width: 100%;
    padding: 1.25rem 0
}

@media(min-width:768px) {
    .biography__image {
        width: 85%;
        padding: 1.25rem
    }
}

@media(min-width:1200px) {
    .biography__image {
        width: 40%
    }
}

.biography__image img {
    width: 100%
}

.biography__heading {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    width: 100%
}

@media(min-width:992px) {
    .biography__heading {
        padding-left: 1.5rem
    }
}

@media(min-width:1200px) {
    .biography__heading {
        width: 55%;
        padding-left: 0
    }
}

.stats {
    padding: 0 2.5rem
}

@media(min-width:768px) {
    .stats {
        padding: 0 10rem
    }
}

@media(min-width:1200px) {
    .stats {
        padding: 5rem 15rem 0
    }
}

@media(min-width:768px) {
    .stats .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.stats__heading {
    padding-bottom: 3rem;
    text-align: center
}

.stats__item {
    max-width: 70%;
    padding: 0 1em;
    border-bottom: solid 1px #f8f9fa
}

@media(min-width:768px) {
    .stats__item {
        border-right: solid 1px #f8f9fa;
        border-bottom: none
    }
}

.stats__item:last-child {
    border: none
}

.stats__number {
    text-align: center;
    font-size: 2.25rem
}

.stats__content {
    text-align: center
}

.content-teaser {
    height: 100%;
    text-align: left
}

.content-teaser__wrapper {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.content-teaser__wrapper .content-teaser__image-primary {
    overflow: hidden
}

.content-teaser__wrapper .content-teaser__image-primary img {
    max-height: 21.25rem;
    margin: 0 auto;
    width: 100%
}

.content-teaser__wrapper .content-teaser__image-primary:hover img {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.content-teaser__wrapper .content-teaser__description {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-top: 2rem
}

.video-item {
    position: relative;
    max-width: 80rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 4rem 2rem
}

.video-item.paragraph--height--medium {
    min-height: 21rem
}

@media(min-width:992px) {
    .video-item.paragraph--height--medium {
        min-height: 37.5rem
    }
}

.video-item.paragraph--height--full {
    height: 100vh;
    min-height: 37.5rem
}

@media(min-width:992px) {
    .video-item.paragraph--width--full {
        margin-left: 3.75rem;
        margin-right: 3.75rem
    }
}

.video-item.paragraph--width--edge-to-edge {
    width: 100%
}

.video-item.justify-content-center {
    text-align: center
}

.video-item.overlay-dark::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30%;
    z-index: 5;
    content: '';
    background: #1a1a1a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .9)), to(transparent));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 0, transparent 100%);
    -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e6000000', endColorstr='#00000000', GradientType=0);
    pointer-events: none
}

.video-item.gradient-bottom::before,
.video-item.gradient-centre::before,
.video-item.gradient-full::before,
.video-item.gradient-left::before,
.video-item.gradient-right::before,
.video-item.gradient-top::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 4;
    content: ''
}

.video-item.gradient-full::before {
    display: block;
    background: rgba(0, 0, 0, .3)
}

.video-item.gradient-centre::before {
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(40%, rgba(0, 0, 0, .3)), color-stop(60%, rgba(0, 0, 0, .3)), to(transparent));
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .3) 60%, transparent 100%)
}

.video-item.gradient-top::before {
    display: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, .8)), color-stop(15%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 6%, rgba(0, 0, 0, 0) 15%)
}

@media(min-width:768px) {
    .video-item.gradient-top::before {
        display: block;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, .8)), color-stop(15%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 6%, rgba(0, 0, 0, 0) 15%)
    }
}

.video-item.gradient-bottom::before {
    display: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .8) 100%)
}

@media(min-width:768px) {
    .video-item.gradient-bottom::before {
        display: block;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, .8) 100%)
    }
}

.video-item.gradient-left::before {
    display: none
}

@media(min-width:768px) {
    .video-item.gradient-left::before {
        display: block;
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .8)), color-stop(70%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to right, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 70%)
    }
}

.video-item.gradient-right::before {
    display: none
}

@media(min-width:768px) {
    .video-item.gradient-right::before {
        display: block;
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .8) 100%)
    }
}

.video-item.zoom-in-out-on-scroll span {
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out
}

.video-item__content {
    position: relative;
    max-width: 90rem;
    width: 100%;
    color: #fff;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    z-index: 10
}

.video-item__content--wrap {
    max-width: 31.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media(min-width:576px) {
    .video-item__content--wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.video-item__video {
    padding: 0;
    width: 100% !important;
    height: 100% !important
}

.video-item__video .responsive-bg {
    z-index: 5;
    pointer-events: none
}

.video-item__video .video-item__content {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-item__video .video-item__content .video-item__heading {
    display: none
}

@media(min-width:768px) {
    .video-item__video .video-item__content .video-item__heading {
        display: block
    }
}

.video-item__actions .play-button {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/play-button.svg);
    background-size: contain;
    cursor: pointer;
    margin: 0 auto
}

.wistia_responsive {
    z-index: 0
}

.wistia_responsive_padding {
    padding: 56.25% 0 0;
    width: 100%
}

.wistia_responsive_wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

div[class^=video-embed-field] {
    clear: both;
    margin-top: 2rem;
    margin-bottom: 2rem
}

div[class^=video-embed-field]:first-child {
    margin-top: 0
}

div[class^=video-embed-field]:last-child {
    margin-bottom: 1rem
}

.video-cookie-placeholder {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0
}

.video-cookie-placeholder__inner {
    text-align: center;
    background: #efefef;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 200px;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:576px) {
    .video-cookie-placeholder__inner {
        padding: 1.5rem
    }
}

@media(min-width:768px) {
    .video-cookie-placeholder__inner {
        padding: 2rem
    }
}

.video-cookie-placeholder i {
    margin-right: .5rem
}

@media(min-width:576px) {
    .video-cookie-placeholder i {
        display: block;
        font-size: 2em;
        margin-bottom: 1rem;
        margin-right: 0
    }
}

.video-cookie-placeholder p {
    margin: 0 auto
}

@media(min-width:992px) {
    .video-cookie-placeholder p {
        max-width: 750px
    }
}

.video-cookie-placeholder a,
.video-cookie-placeholder a:not([href]):not([tabindex]) {
    text-decoration: underline;
    cursor: pointer
}

.social-links__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 51.25rem;
    margin: 0 auto
}

.social-links__heading {
    display: inline-block;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
    padding-right: .75rem
}

.social-links__list {
    display: inline-block;
    padding: 0;
    text-decoration: none;
    margin: 0
}

.social-links__item {
    display: inline-block;
    padding: 0 .75rem
}

.social-links-blockstyle__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 51.25rem;
    margin: 0 auto
}

.social-links-blockstyle__list {
    display: inline-block;
    padding: 0;
    text-decoration: none;
    margin: 0
}

.social-links-blockstyle__item {
    display: inline-block;
    padding: 0
}

#copylink:hover {
    cursor: pointer;
    color: #fff
}

.one-col-section__how-it-works {
    text-align: center
}

.how-it-works__steps {
    list-style: none;
    counter-reset: how-it-works-counter;
    margin-top: 2em;
    padding: 0
}

@media(min-width:768px) {
    .how-it-works__steps {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left
    }
}

.how-it-works__step {
    counter-increment: how-it-works-counter;
    line-height: 28px
}

@media(min-width:768px) {
    .how-it-works__step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 auto;
        flex: 0 auto;
        width: 30%
    }
}

.how-it-works__step+.how-it-works__step {
    margin-top: 1.5em
}

@media(min-width:768px) {
    .how-it-works__step+.how-it-works__step {
        margin: 0
    }
}

.how-it-works__step::before {
    display: block;
    content: counter(how-it-works-counter);
    font-size: 2.5em;
    font-weight: 700;
    line-height: 50px
}

@media(min-width:768px) {
    .how-it-works__step::before {
        display: inline-block;
        margin-right: .25em
    }
}

.how-it-works__actions {
    margin-top: 3em
}

.how-it-works__actions .button+.button {
    margin-left: 2em
}

.countdown {
    max-width: 12.5rem;
    text-align: center;
    margin: 0 auto
}

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

.countdown__block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .624rem
}

.countdown__block+.countdown__block {
    margin-left: .624rem
}

.countdown__block--inner {
    border: 1px solid #333;
    background: #fff;
    color: #000;
    position: relative
}

.countdown__block--inner::after {
    content: '';
    display: block;
    padding-top: 100%
}

.countdown__digit {
    font-size: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.countdown__label {
    display: block;
    color: #fff;
    margin-top: .625rem;
    font-size: 1.25rem
}

.countdown__text {
    color: #fff;
    margin: .5rem 0 1.5rem
}

.countdown__button-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.25rem;
    text-align: center;
    background-color: #f2f2f2;
    z-index: 999
}

.countdown__button-container .button {
    margin-bottom: 0
}

.countdown__image img {
    width: 100%
}

.countdown__replacement {
    display: none
}

.serve-details__details {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%
}

@media(min-width:768px) {
    .serve-details__details {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.serve-details__image {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
}

@media(min-width:768px) {
    .serve-details__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

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

.serve-details__ingredients {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%
}

@media(min-width:768px) {
    .serve-details__ingredients {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(min-width:768px) {
    .serve-details__ingredients::before {
        content: '';
        width: 100%
    }
}

.serve-details__method {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 100%
}

@media(min-width:768px) {
    .serve-details__method {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.article-details__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 51.25rem
}

.article-details__category p,
.article-details__date p {
    margin-bottom: 0;
    padding: 0 .5rem
}

.article-teaser {
    margin-bottom: 3rem;
    padding: 0 4rem
}

@media(min-width:768px) {
    .article-teaser {
        padding: 0 1rem
    }
}

.article-teaser__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 100%
}

.article-teaser__image {
    width: 100%
}

.article-teaser__image img {
    width: 100%
}

.article-teaser__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.article-teaser__summary {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.article-teaser .button {
    margin: 0 1rem 0 0
}

.article-teaser__category p,
.article-teaser__date p {
    margin-bottom: 0;
    padding: 0 .5rem
}

.giftguide {
    position: relative;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    min-height: 100vh
}

@media(min-width:768px) {
    .giftguide {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media(min-width:992px) {
    .giftguide {
        min-height: 44rem
    }
}

@media(min-width:1200px) {
    .giftguide {
        min-height: 48rem
    }
}

.giftguide::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 20
}

.giftguide.gg-slide-transition-leave-active::after {
    -webkit-animation: screenwipe 1s;
    animation: screenwipe 1s
}

.giftguide.gg-slide-transition-leave .giftguide__wrapper {
    opacity: 1
}

.giftguide.gg-slide-transition-leave-to .giftguide__wrapper {
    opacity: 0
}

@-webkit-keyframes screenwipe {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 100%
    }
    100% {
        width: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes screenwipe {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 100%
    }
    100% {
        width: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.giftguide[data-question-number="1"]::after {
    display: none
}

.giftguide__wrapper {
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.giftguide__question-title span {
    display: block;
    font-size: .7em;
    font-weight: 400
}

.giftguide__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 1em 0 -2rem
}

@media(min-width:768px) {
    .giftguide__options {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media(min-width:992px) {
    .giftguide__options {
        margin-left: -25px;
        margin-right: -25px
    }
}

@media(min-width:1200px) {
    .giftguide__options {
        margin-left: -30px;
        margin-right: -30px
    }
}

@media(min-width:992px) {
    .giftguide__options[data-number-options='4'] {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media(min-width:1200px) {
    .giftguide__options[data-number-options='4'] {
        margin-left: -30px;
        margin-right: -30px
    }
}

@media(min-width:768px) {
    .giftguide__options[data-number-options='4'] img {
        width: 210px;
        height: 210px
    }
}

@media(min-width:1200px) {
    .giftguide__options[data-number-options='4'] img {
        width: 265px;
        height: 265px
    }
}

@media(min-width:768px) {
    .giftguide__options[data-number-options='4'] .giftguide__option {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 35%
    }
}

@media(min-width:992px) {
    .giftguide__options[data-number-options='4'] .giftguide__option {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 24.5%
    }
}

@media(min-width:1200px) {
    .giftguide__options[data-number-options='4'] .giftguide__option {
        padding-left: 30px;
        padding-right: 30px
    }
}

.giftguide__option {
    list-style-type: none;
    padding: 0;
    margin: 0 0 4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 210px
}

@media(min-width:768px) {
    .giftguide__option {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 33%;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 0 2rem
    }
}

@media(min-width:992px) {
    .giftguide__option {
        padding-left: 25px;
        padding-right: 25px;
        max-width: 315px
    }
}

@media(min-width:1200px) {
    .giftguide__option {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 325px
    }
}

.giftguide__option-link {
    display: inline-block
}

.giftguide__option-image {
    position: relative;
    display: inline-block;
    margin: 0 auto
}

.giftguide__option-image img {
    border-radius: 50%;
    display: inline-block;
    max-width: 100%;
    width: 220px;
    height: 220px;
    background: #efefef
}

@media(min-width:992px) {
    .giftguide__option-image img {
        width: 265px;
        height: 265px
    }
}

.giftguide__option-image img.giftguide__image-grayscale {
    display: none
}

@media(min-width:1200px) {
    .giftguide__option-image img.giftguide__image-grayscale {
        display: inline-block;
        -webkit-transition: opacity .7s ease;
        transition: opacity .7s ease;
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media(min-width:1200px) {
    .giftguide__option-link:focus .giftguide__option-image img.giftguide__image-grayscale,
    .giftguide__option-link:hover .giftguide__option-image img.giftguide__image-grayscale {
        opacity: 0
    }
}

.giftguide__option-label {
    margin: 1.5rem 0 0
}

@media(min-width:768px) {
    .giftguide__results-panel {
        max-width: 900px;
        margin: 0 auto
    }
}

.giftguide__results {
    padding: 0;
    margin: 0 -15px;
    list-style-type: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: none
}

.giftguide__result {
    padding: 60px 15px 0;
    margin: 0;
    display: none;
    overflow: hidden
}

.giftguide__result.is-active {
    display: block
}

.giftguide__result .product-listing__action-label {
    position: static;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible
}

.giftguide__result .button {
    margin-bottom: 0
}

.product-listing__action-label+.giftguide__result .button {
    margin-left: 1.5rem
}

.giftguide__result .giftguide__outline {
    display: none
}

@media(min-width:768px) {
    .giftguide__result .giftguide__outline {
        display: block
    }
}

.giftguide__result .gift-guide__carousel.owl-carousel .owl-item {
    padding: 0
}

@media(min-width:992px) {
    .giftguide__result .gift-guide__carousel.owl-carousel .owl-nav {
        width: 55%
    }
}

.giftguide__result .gift-guide__carousel.owl-carousel .owl-nav .owl-next,
.giftguide__result .gift-guide__carousel.owl-carousel .owl-nav .owl-prev {
    display: none
}

@media(min-width:768px) {
    .giftguide__result .gift-guide__carousel.owl-carousel .owl-nav .owl-next,
    .giftguide__result .gift-guide__carousel.owl-carousel .owl-nav .owl-prev {
        display: block
    }
}

.giftguide__result .content-accordion {
    margin-top: 30px
}

@media(min-width:768px) {
    .giftguide__result .content-accordion {
        padding: 0 3rem;
        margin-top: 60px
    }
}

.giftguide__grappos {
    padding: 0 1rem
}

@media(min-width:768px) {
    .giftguide__grappos {
        padding: 0 4rem
    }
}

.giftguide__grappos .grappos__heading {
    margin: 0;
    padding: 0 0 2rem
}

.giftguide__grappos .grappos__heading::before {
    margin-right: 1rem
}

.giftguide__grappos #grappos-locator iframe {
    height: 100%
}

.giftguide__social-share {
    padding: 2rem 0
}

@media(min-width:576px) {
    .giftguide__social-share {
        padding: 2rem 6rem
    }
}

@media(min-width:768px) {
    .giftguide__social-share {
        padding: 2rem 3rem
    }
}

@media(min-width:1200px) {
    .giftguide__social-share {
        padding: 2rem 8rem
    }
}

.giftguide__social-share .social-links__wrapper {
    width: auto
}

.giftguide__social-share .social-links__wrapper::after {
    margin-right: 0
}

.giftguide__result-video--video {
    position: relative;
    max-width: 285px;
    height: 285px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:768px) {
    .giftguide__result-video--video {
        max-width: 300px;
        height: 300px
    }
}

.giftguide__result-video--video .w-video-wrapper {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    overflow: hidden
}

.giftguide__result-video--video .w-video-wrapper video {
    position: relative !important;
    right: 40%;
    height: 300px !important;
    width: auto !important
}

.giftguide__result-video--video .wistia_embed {
    height: 100%
}

.giftguide__result-video--video .w-ui-container {
    display: none !important;
    opacity: 0 !important
}

.giftguide__description {
    padding: 0 2rem
}

@media(min-width:768px) {
    .giftguide__description {
        padding: 0 8rem
    }
}

.giftguide__result-image {
    position: relative;
    max-width: 330px;
    height: 300px;
    margin-left: auto;
    margin-right: auto
}

.giftguide__result-image--image {
    opacity: 1;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 285px;
    height: 285px
}

@media(min-width:576px) {
    .giftguide__result-image--image {
        width: 300px;
        height: 300px
    }
}

@media(min-width:1200px) {
    .giftguide__result-link:focus .giftguide__result-image--image,
    .giftguide__result-link:hover .giftguide__result-image--image {
        opacity: 0
    }
}

.giftguide__result-image--image img {
    width: auto !important;
    max-height: 300px;
    margin: 0 auto;
    display: inline-block
}

@media(min-width:992px) {
    .giftguide__result-image--image img {
        max-height: 320px
    }
}

.giftguide__result .giftguide__heading {
    font-size: 1.5rem;
    margin-top: 45px
}

.giftguide__result-link {
    display: inline-block
}

.giftguide__results-tabs {
    margin-left: -15px;
    margin-right: -15px
}

.giftguide__results-tabs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e5e5e5
}

.giftguide__results-tabs ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50%;
    margin-bottom: -1px
}

.giftguide__results-tabs ul li.is-active a {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff
}

.giftguide__results-tabs ul li a {
    display: block;
    padding: 1rem .75rem;
    border: 1px solid transparent;
    text-decoration: none
}

.giftguide__results-tabs ul li a:focus,
.giftguide__results-tabs ul li a:hover {
    text-decoration: none
}

.giftguide__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:768px) {
    .giftguide__actions {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin: 3.25rem 0 0
    }
}

.giftguide__actions a,
.giftguide__actions button {
    margin-bottom: 0
}

.giftguide__actions button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.giftguide__actions a {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .giftguide__actions a {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .giftguide__actions button+a {
        margin-left: auto
    }
}

.giftguide__anchor {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.giftguide .gg-hidden {
    opacity: 0 !important
}

.giftguide__serve {
    width: 90%;
    margin: 1rem auto 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.giftguide__serve .serve__content {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    width: 55%;
    text-align: left
}

.giftguide__serve .serve__content .serve__name {
    display: block;
    opacity: 1;
    position: static;
    text-align: left
}

.giftguide__serve .serve__copy {
    position: static;
    opacity: 1
}

.giftguide__tasting-video {
    padding: 0;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .giftguide__tasting-video {
        padding: 0 4rem
    }
}

.giftguide__tasting-video .wistia_embed {
    height: 100%;
    width: 100%
}

.giftguide__tasting-video .wistia_responsive_padding {
    position: relative;
    padding: 56.25% 0 0
}

.giftguide__tasting-video .wistia_responsive_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.gg-container {
    max-width: 1470px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:992px) {
    .gg-container.giftguide__actions {
        padding: 0
    }
}

.gg-slide-enter-active {
    -webkit-transition: all 3s;
    transition: all 3s
}

.gg-slide-enter-active .giftguide__heading,
.gg-slide-enter-active .giftguide__instruction,
.gg-slide-enter-active .giftguide__option,
.gg-slide-enter-active .giftguide__outline {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.gg-slide-enter-active .giftguide__option:nth-child(1) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.gg-slide-enter-active .giftguide__option:nth-child(1) .giftguide__option-label {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.gg-slide-enter-active .giftguide__option:nth-child(2) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.gg-slide-enter-active .giftguide__option:nth-child(2) .giftguide__option-label {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.gg-slide-enter-active .giftguide__option:nth-child(3) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.gg-slide-enter-active .giftguide__option:nth-child(3) .giftguide__option-label {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.gg-slide-enter-active .giftguide__option:nth-child(4) {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.gg-slide-enter-active .giftguide__option:nth-child(4) .giftguide__option-label {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

.gg-slide-enter-active .giftguide__option-label {
    -webkit-transition: all .7s;
    transition: all .7s
}

.gg-slide-enter-active .giftguide__results .giftguide__outline {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.gg-slide-enter-active .giftguide__results .giftguide__result-image {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.gg-slide-enter-active .giftguide__results .giftguide__heading {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.gg-slide-enter-active .giftguide__results .giftguide__description {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.gg-slide-enter-active .giftguide__results .giftguide__result-actions {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.gg-slide-enter .giftguide__description,
.gg-slide-enter .giftguide__heading,
.gg-slide-enter .giftguide__instruction,
.gg-slide-enter .giftguide__option,
.gg-slide-enter .giftguide__outline,
.gg-slide-enter .giftguide__result-actions {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
    transform: translate3d(4em, 0, 0)
}

.gg-slide-enter .giftguide__description,
.gg-slide-enter .giftguide__result-actions,
.gg-slide-enter .giftguide__results .giftguide__heading,
.gg-slide-enter .giftguide__results .giftguide__instruction,
.gg-slide-enter .giftguide__results .giftguide__result-image {
    opacity: 0;
    -webkit-transform: translate3d(2em, 0, 0);
    transform: translate3d(2em, 0, 0)
}

.gg-slide-enter .giftguide__option-label,
.gg-slide-enter .giftguide__result-image {
    opacity: 0
}

.gg-slide-enter-to .giftguide__description,
.gg-slide-enter-to .giftguide__heading,
.gg-slide-enter-to .giftguide__instruction,
.gg-slide-enter-to .giftguide__option,
.gg-slide-enter-to .giftguide__outline,
.gg-slide-enter-to .giftguide__result-actions,
.gg-slide-enter-to .giftguide__result-image {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.gg-slide-enter-to .giftguide__option-label,
.gg-slide-enter-to .giftguide__result-image {
    opacity: 1
}

.gg-slide-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s
}

.hero-item+.embed-block {
    margin-top: -2rem
}

.embed-block .views-element-container {
    max-width: none;
    margin: 0
}

.tile-item {
    overflow: hidden
}

.tile-item:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    grid-area: tile-1
}

.tile-item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: tile-2
}

.tile-item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: tile-3
}

.tile-item:last-child {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    -ms-grid-row-span: 2;
    grid-area: tile-4
}

.tile-item--1,
.tile-item--4 {
    max-height: 800px
}

.tile-item--2,
.tile-item--3 {
    max-height: 400px
}

.tile-item:first-child .tile-item__image img,
.tile-item:last-child .tile-item__image img {
    -o-object-position: 0 -4rem;
    object-position: 0 -4rem
}

@media(min-width:768px) {
    .tile-item:first-child .tile-item__image img,
    .tile-item:last-child .tile-item__image img {
        -o-object-position: 0;
        object-position: 0
    }
}

.tile-item__wrapper {
    height: 100%;
    position: relative
}

.tile-item__image {
    height: 100%;
    max-height: 650px
}

@media(min-width:768px) {
    .tile-item__image {
        max-height: 800px
    }
}

.tile-item__image img {
    height: 100%;
    width: 100%;
    -webkit-transition: all .8s;
    transition: all .8s
}

.tile-item__image::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .15);
    -webkit-transition: all .8s;
    transition: all .8s
}

.tile-item__link {
    height: 100%;
    display: block
}

.tile-item__link:focus .tile-item__image::after,
.tile-item__link:hover .tile-item__image::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .35)
}

@media(min-width:768px) {
    .tile-item__link:focus .tile-item__image img,
    .tile-item__link:hover .tile-item__image img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
}

.tile-item__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tile-item__heading {
    font-size: 1.25rem
}

@media(min-width:992px) {
    .tile-item__heading {
        font-size: 2rem
    }
}

.tile-item__copy {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 1.25rem
}

.tile-item__copy h3,
.tile-item__copy p {
    color: #fff
}

.body.boilerplate--1,
.body.boilerplate--4,
.body.patternlab--1,
.body.patternlab--4 {
    max-width: 400px
}

.body.boilerplate--2,
.body.boilerplate--3,
.body.patternlab--2,
.body.patternlab--3 {
    max-width: 800px
}

.map-section {
    margin-bottom: 4rem
}

.map-section .row {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.map-section__map,
.map-section__sidebar {
    padding: 0
}

.map-section__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #ccc
}

.map-section__panel {
    width: 100%;
    height: 12.5rem;
    padding: 1.5rem
}

.map-section__panel:first-child {
    height: 18.75rem
}

.map-section__panel:first-child .panel__heading {
    margin-bottom: 1rem
}

.map-section__panel:nth-child(2) {
    border-top: solid #333 1px;
    border-bottom: solid #333 1px
}

.map-section .panel__content,
.map-section .panel__heading,
.map-section .panel__link {
    margin: 0
}

.map-section.map-section--with-sidebar #map {
    height: 400px
}

@media(min-width:992px) {
    .map-section.map-section--with-sidebar #map {
        height: 700px
    }
}

.map-section .map-section__sidebar .map-section__panel.map-section__panel--inactive {
    border-top: none;
    border-bottom: none
}

.map-section .map-section__sidebar .map-section__panel.map-section__panel--inactive .panel__link {
    display: none
}

#map {
    width: 100%;
    height: 400px
}

@media(min-width:768px) {
    #map {
        height: 600px
    }
}

.ui-bubble {
    margin: -1% 7%
}

.ui-bubble .H_ib_body {
    width: 18.75rem;
    margin-right: 1.74rem
}

.ui-bubble .H_ib_body .H_ib_content {
    width: 100%;
    padding: 1rem
}

.search {
    margin-bottom: 4rem
}

.search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #d9d9d9
}

@media(min-width:992px) {
    .search__form {
        width: 66%
    }
}

.search__form .icon-search {
    font-size: 1.5rem;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.search .search__clear {
    cursor: pointer;
    padding: .5rem 1rem;
    font-size: 1.85rem;
    line-height: 1rem;
    font-family: Arial, sans-serif;
    text-decoration: none
}

.search .search__clear:focus,
.search .search__clear:hover {
    text-decoration: none
}

.search .search__input {
    letter-spacing: 0;
    height: 2.75rem;
    padding: .25rem 1rem .5rem;
    border: none;
    background: 0 0;
    font-size: 16px
}

@media(min-width:768px) {
    .search .search__input {
        font-size: 1.5rem
    }
}

.search .search__input::-ms-clear {
    display: none
}

.search .search__submit {
    margin: 0 0 -1px;
    height: 3rem;
    min-width: 3rem;
    padding: .5rem 1rem
}

.search .search__submit i {
    font-size: 1.25rem;
    padding-left: 2px
}

.search .search__box,
.search .search__submit {
    display: inline-block
}

.search-suggestions__wrapper {
    width: 100%
}

@media(min-width:992px) {
    .search-suggestions__wrapper {
        max-width: 66%
    }
}

.search-suggestions__list {
    list-style: none;
    padding: 0
}

.search-suggestions__item {
    margin: 0
}

.search-suggestions__item+.search-suggestions__item {
    margin-top: 1.5rem
}

@media(min-width:768px) {
    .search-suggestions__item+.search-suggestions__item {
        margin-top: 1.25rem
    }
}

.search-suggestions__link {
    display: block
}

.search-suggestions__search-group {
    display: none
}

@media(min-width:768px) {
    .search-suggestions__search-group {
        display: block;
        float: right
    }
}

.signpost-card {
    width: 100%
}

.signpost-card:focus,
.signpost-card:hover {
    text-decoration: none
}

.signpost-card::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 15px;
    content: " ";
    background: 0 0
}

@media(min-width:768px) {
    .signpost-card::after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8) 100%)
    }
}

.signpost-card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 360px;
    margin: 0 2rem;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:768px) {
    .signpost-card__container {
        min-height: 490px;
        margin: 0;
        padding: 2rem 1rem
    }
}

.signpost-card__content {
    z-index: 10;
    padding: 0;
    text-align: center
}

@media(min-width:768px) {
    .signpost-card__content {
        padding: 0 .75rem
    }
}

@media(min-width:992px) {
    .signpost-card__content {
        width: 100%
    }
}

@media(min-width:1200px) {
    .signpost-card__content {
        padding: 0 1.5rem
    }
}

.with-search-suggestions .columns--trending {
    display: none
}

.columns--trending .row .col-item {
    margin-bottom: 1.5rem
}

@media(min-width:768px) {
    .columns--trending .row .col-item {
        margin-bottom: 1rem
    }
}

@media(max-width:767.98px) {
    .columns--trending .signpost-card__container {
        min-height: auto;
        background-image: none !important
    }
}

.columns--trending .signpost-card__container .signpost-card__heading {
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width:768px) {
    .columns--trending .signpost-card__container .signpost-card__heading {
        margin-top: 1.2rem;
        margin-bottom: 1rem
    }
}

.columns--trending .signpost-card__container .signpost-card__caption,
.columns--trending .signpost-card__container .signpost-card__link-text {
    display: none
}

@media(min-width:768px) {
    .columns--trending .signpost-card__container .signpost-card__caption,
    .columns--trending .signpost-card__container .signpost-card__link-text {
        display: block
    }
}

.search-result-card {
    width: 100%;
    min-height: 290px;
    max-width: 450px;
    padding: 0
}

@media(min-width:768px) {
    .search-result-card {
        min-height: 375px
    }
}

@media(min-width:1200px) {
    .search-result-card {
        min-height: 475px
    }
}

.grid .search-result-card {
    position: relative;
    height: 100%
}

.search-result-card__link {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.search-result-card__image {
    width: 100%
}

.search-result-card__image img {
    width: 100%
}

.search-result-card__content {
    width: 100%;
    padding: 1.15rem 1rem 3rem;
    text-align: center
}

@media(min-width:768px) {
    .search-result-card__content {
        padding: 1.25rem .75rem 3.5rem
    }
}

@media(min-width:992px) {
    .search-result-card__content {
        padding: 2rem 1rem 4rem
    }
}

@media(min-width:1200px) {
    .search-result-card__content {
        padding: 2rem 2rem 4.5rem
    }
}

.search-result-card__cta-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.search-result-card__icon {
    display: block;
    margin-bottom: .5rem;
    font-size: 2.5rem
}

.search-result-card__outline {
    margin-bottom: .35rem
}

@media(min-width:768px) {
    .search-result-card__outline {
        margin-bottom: .7rem
    }
}

.search-result-card__title {
    margin: 0;
    text-align: center
}

.search-result-card__copy {
    margin: .5rem 0 0
}

@media(min-width:768px) {
    .search-result-card__copy {
        margin: .7rem 0 0
    }
}

.search-result-card__price {
    margin-top: .7rem
}

.search-result-card--product .search-result-card {
    position: relative
}

.search-result-card--product .search-result-card__link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.search-result-card--product .search-result-card__image {
    width: 100%;
    height: 167px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 1rem
}

@media(min-width:768px) {
    .search-result-card--product .search-result-card__image {
        height: 235px
    }
}

@media(min-width:992px) {
    .search-result-card--product .search-result-card__image {
        height: 275px
    }
}

@media(min-width:1200px) {
    .search-result-card--product .search-result-card__image {
        height: 310px
    }
}

.search-result-card--product .search-result-card__image img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-height: 145px
}

@media(min-width:768px) {
    .search-result-card--product .search-result-card__image img {
        max-height: 200px
    }
}

@media(min-width:992px) {
    .search-result-card--product .search-result-card__image img {
        max-height: 240px
    }
}

@media(min-width:1200px) {
    .search-result-card--product .search-result-card__image img {
        max-height: 270px
    }
}

.search-result-card--product .search-result-card__content {
    padding-top: 1.15rem
}

@media(min-width:992px) {
    .search-result-card--product .search-result-card__content {
        padding-top: 1.5rem
    }
}

.search-result-card--with-image.search-result-card--standard .search-result-card__link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.search-result-card--no-image .search-result-card__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.facets--is-collapsible.js .facets__list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out
}

@media(min-width:768px) {
    .facets--is-collapsible.js .facets__list {
        max-height: none !important;
        overflow: visible
    }
}

.facets__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.facets__item {
    position: relative;
    margin: 0 1rem 0 0
}

@media(min-width:768px) {
    .facets__item {
        margin: 0 2rem 0 0
    }
}

.facets__item>a,
.facets__item>span {
    padding: 1.25rem 0
}

.facets__active-title {
    padding: 2rem 0;
    text-align: center
}

.help-accordion__heading.content-accordion__heading {
    text-transform: none;
    padding-top: 1.4rem;
    padding-bottom: 1.2rem;
    font-size: 1.2rem
}

@media(min-width:768px) {
    .help-accordion__heading.content-accordion__heading {
        font-size: 1.5rem
    }
}

.help-accordion__content {
    padding: .5rem 0 2rem
}

@media(min-width:768px) {
    .help-accordion__content {
        padding: .5rem 0 2rem 2rem
    }
}

.help-accordion__content p:last-child {
    margin-bottom: 0
}

.help-accordion__actions {
    padding: 0 0 2rem;
    clear: both
}

@media(min-width:768px) {
    .help-accordion__actions {
        padding: 0 0 2rem 2rem
    }
}

.help-topic-card {
    border: 1px solid #ddd
}

@media(min-width:768px) {
    .help-topic-card {
        padding: 1.5rem
    }
}

.grid .help-topic-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    height: 100%
}

.help-topic-card__title {
    margin: 0
}

@media(min-width:768px) {
    .help-topic-card__title {
        margin-bottom: 1.25rem
    }
}

.help-topic-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 70px
}

@media(min-width:768px) {
    .help-topic-card__link {
        width: auto;
        min-height: 0
    }
}

.help-topic-card__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2rem;
    text-align: center;
    padding: .5rem 1rem
}

@media(min-width:768px) {
    .help-topic-card__icon {
        padding: 0 .75rem 0 0
    }
}

.help-topic-card__icon::before {
    width: 2.5rem
}

.help-topic-card__name {
    padding: .9rem 1rem .7rem 0;
    margin-left: 4.5rem
}

@media(min-width:768px) {
    .help-topic-card__name {
        padding: 0;
        margin-left: 3.25rem
    }
}

.help-topic-card__icon+.help-topic-card__name {
    margin-left: 0
}

.help-topic-card__content {
    display: none
}

@media(min-width:768px) {
    .help-topic-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding-left: 3.25rem;
        height: 100%
    }
}

.help-topic-card__quicklinks {
    list-style-type: none;
    padding: 0;
    margin: 0 0 2rem
}

.help-topic-card__quicklinks-item {
    margin-bottom: .6rem
}

.help-topic-card__quicklinks-item:last-child {
    margin-bottom: 0
}

.help-topic-card__show-all {
    margin-top: auto;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.search-help-category-card {
    border: 1px solid #ddd
}

.grid .search-help-category-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    height: 100%
}

.search-help-category-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 70px
}

@media(min-width:768px) {
    .search-help-category-card__link {
        width: auto;
        min-height: 0;
        height: 100%;
        padding: 1.5rem
    }
}

.search-help-category-card__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2rem;
    text-align: center;
    padding: .5rem 1rem
}

@media(min-width:768px) {
    .search-help-category-card__icon {
        padding: 0 .75rem 0 0
    }
}

.search-help-category-card__icon::before {
    width: 2.5rem
}

.search-help-category-card__name {
    padding: .9rem 1rem .7rem 0;
    margin-left: 4.5rem
}

@media(min-width:768px) {
    .search-help-category-card__name {
        padding: 0;
        margin-left: 3.25rem
    }
}

.search-help-category-card__icon+.search-help-category-card__name {
    margin-left: 0
}

#coverage-check-product-detail {
    margin: 0 0 1rem
}

#coverage-check-product-detail .container {
    padding: 1rem
}

#coverage-check-product-detail .btn,
#coverage-check-product-detail .button--tertiary {
    padding: .5rem 1.2rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#coverage-check-product-detail .btn .button-label,
#coverage-check-product-detail .button--tertiary .button-label {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#coverage-check-product-detail .btn .button-label span,
#coverage-check-product-detail .button--tertiary .button-label span {
    white-space: normal;
    text-align: left
}

#coverage-check-product-detail .btn .button-label__icons,
#coverage-check-product-detail .button--tertiary .button-label__icons {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    width: 30px
}

#coverage-check-product-detail .btn .button-label__icons .icon,
#coverage-check-product-detail .button--tertiary .button-label__icons .icon {
    font-size: 1.25rem
}

#coverage-check-product-detail .btn .button-label__icons .status-icon,
#coverage-check-product-detail .button--tertiary .button-label__icons .status-icon {
    position: absolute;
    right: 0;
    font-size: 1rem
}

#coverage-check-product-detail .location-group select {
    width: 100%
}

#coverage-check-product-detail .location-group select[name=location] {
    margin-bottom: 1rem
}

#coverage-check-product-detail .location-group .form-item__text {
    width: 100%
}

.card-types {
    display: block
}

.card-types h4 {
    margin: 0;
    padding: 1rem;
    text-align: center
}

.card-types__title {
    display: block;
    width: 100%
}

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

.card-logos__logo {
    height: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    -webkit-transition: background .2s ease, opacity .2s linear;
    transition: background .2s ease, opacity .2s linear;
    padding: 8px
}

@media(min-width:992px) {
    .card-logos__logo {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0;
        flex: 1 0 0
    }
}

.card-logos__logo>div {
    height: 100%;
    width: 100%;
    opacity: .3
}

.card-logos__logo .visa {
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/visa--greyscale.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .visa--active {
    opacity: 1;
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/visa.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .mastercard {
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/mastercard--greyscale.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .mastercard--active {
    opacity: 1;
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/mastercard.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .americanexpress {
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/americanexpress--greyscale.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .americanexpress--active {
    opacity: 1;
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/americanexpress.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .jcb {
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/jcb--greyscale.jpg) no-repeat center;
    background-size: contain
}

.card-logos__logo .jcb--active {
    opacity: 1;
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/jcb.jpg) no-repeat center;
    background-size: contain
}

.card-logos__logo .discover {
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/discover--greyscale.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .discover--active {
    opacity: 1;
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/discover.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .dinersclub {
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/diners--greyscale.png) no-repeat center;
    background-size: contain
}

.card-logos__logo .dinersclub--active {
    opacity: 1;
    background: url(/themes/custom/ed_platform_theme/components/dist/css/../../images/card-logos/diners.png) no-repeat center;
    background-size: contain
}

.syrenis-cookie-widget #header-content {
    text-align: center
}

.syrenis-cookie-widget #header-image {
    margin-bottom: 0
}

.syrenis-cookie-widget span.accept-all-span {
    position: static
}

.syrenis-cookie-widget .on_off_switch {
    margin-top: 2rem;
    text-align: center
}

.syrenis-cookie-widget .switch_inner_switch {
    top: 0;
    height: 20px;
    width: 45px;
    margin-left: 65px
}

.syrenis-cookie-widget .switch_inner_switch .status {
    top: 0
}

.syrenis-cookie-widget .slider {
    width: 47px;
    height: 20px
}

.syrenis-cookie-widget .slider::before {
    height: 14px;
    width: 14px
}

.syrenis-cookie-widget .body_content h3 {
    padding: 0 0 .975rem .975rem
}

.syrenis-cookie-widget .body_content p {
    padding: 0 .975rem;
    max-width: 100% !important
}

.syrenis-cookie-widget .body_content .switch {
    margin-right: .975rem
}

.syrenis-cookie-widget .target {
    padding: 1rem 1.5625rem 0
}

.syrenis-cookie-widget .main-wraper h4 {
    padding: 0 0 .975rem
}

.syrenis-cookie-widget .main-wraper p {
    padding: 0
}

.syrenis-cookie-widget .main-wraper .toggle-butn-box {
    margin-top: 1rem;
    width: 100%
}

.syrenis-cookie-widget .main-wraper .toggle-butn-box i.fas.fa-sort-up {
    top: 4px
}

.syrenis-cookie-widget .main-wraper .inner_switch {
    margin-right: -1.5rem
}

@media(min-width:992px) {
    .syrenis-cookie-widget .main-wraper .inner_switch {
        margin-right: -.6rem
    }
}

.syrenis-cookie-widget .cookie::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .5)
}

.syrenis-cookie-widget #footer-content {
    text-align: center
}

.syrenis-cookie-widget .footer_extra {
    display: none
}

body.syrenis-cookie-module {
    overflow: auto
}

body .embeddedServiceHelpButton {
    display: none
}

body.popup-is-visible {
    overflow: hidden
}

.popup {
    position: fixed;
    z-index: 208;
    opacity: 0;
    visibility: hidden
}

.popup.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .popup.visible {
        -webkit-transition: none;
        transition: none
    }
}

.popup .popup-content {
    display: inline-block;
    z-index: 9999;
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: 4.375rem;
    background-color: #fff;
    text-align: left;
    cursor: default;
    white-space: initial
}

@media(max-width:767.98px) {
    .popup .popup-content {
        padding: 2.5rem 1.25rem
    }
}

.popup .popup-content .shop_destination .popbutton {
    margin-bottom: 0
}

.popup.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: fixed
}

.popup.overlay .popup-outside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9998
}

.popup.overlay .popup-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translateY(-70/2);
    transform: translateY(-70/2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    z-index: 9997;
    text-align: center
}

@media screen and (prefers-reduced-motion:reduce) {
    .popup.overlay .popup-inner {
        -webkit-transition: none;
        transition: none
    }
}

.popup.overlay .popup-content {
    position: relative;
    max-height: 70vh
}

.popup.overlay.visible .popup-inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.popup.full-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 26, 26, .85)
}

.popup.full-screen .popup-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translateY(-70/2);
    transform: translateY(-70/2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    z-index: 9999;
    text-align: center;
    white-space: nowrap
}

@media screen and (prefers-reduced-motion:reduce) {
    .popup.full-screen .popup-inner {
        -webkit-transition: none;
        transition: none
    }
}

.popup.full-screen .popup-content {
    width: 100%;
    height: 100%
}

.popup.full-screen.visible .popup-inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.popup.notification .popup-content {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translateY(-70/2);
    transform: translateY(-70/2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: fixed;
    bottom: 70px;
    left: 70px;
    padding: calc(70px/2)
}

@media screen and (prefers-reduced-motion:reduce) {
    .popup.notification .popup-content {
        -webkit-transition: none;
        transition: none
    }
}

.popup.notification.visible .popup-content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.popup .popup-close {
    top: 20px;
    right: 20px;
    position: absolute;
    display: block;
    margin: 0;
    cursor: pointer;
    color: #1a1a1a;
    font-size: 1.25rem
}

.popup .textOnlyBlock_container {
    width: 100%;
    max-width: 40.625rem;
    margin: auto;
    text-align: left
}

@media(max-width:767.98px) {
    .popup .textOnlyBlock_container {
        width: 100%;
        padding: 0 1.875rem
    }
}

.popup .textOnlyBlock_container p {
    color: #636363;
    line-height: 1.43;
    margin-bottom: 1.25rem
}

.popup .textOnlyBlock_container p strong {
    letter-spacing: .03125rem
}

.popup.quick-buy .popup-content {
    max-width: 100%;
    max-height: 100%;
    width: 100vw;
    height: 100vh;
    padding: 2.5rem 2rem
}

@media(min-width:768px) {
    .popup.quick-buy .popup-content {
        max-width: 90vw;
        max-height: 90vh;
        height: auto;
        padding: 3rem
    }
}

@media(min-width:1200px) {
    .popup.quick-buy .popup-content {
        max-width: 80vw;
        width: 1170px;
        padding: 4.375rem
    }
}

#shop_pop form {
    padding: 0
}

#shop_pop p {
    font-size: 1.3125rem;
    line-height: 1.47;
    margin: 2.5rem 0
}

#shop_pop small {
    text-align: left;
    margin-top: 3.75rem;
    display: block;
    font-size: 1.0625em;
    color: #4d4d4d;
    line-height: 1.47
}

#shop_pop h2 {
    margin-top: 0;
    letter-spacing: .125rem
}

#shop_pop .popup-content {
    max-width: 33.625rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center
}

@media(min-width:641px) {
    #shop_pop .popup-content {
        padding: 5rem 3.125rem
    }
}

@media(max-width:991.98px) {
    #shop_pop .popup-content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(max-width:767.98px) {
    #shop_pop .popup-content {
        max-height: 97vh
    }
}

@media(max-width:575.98px) {
    #shop_pop .popup-content {
        width: 95%
    }
}

#shop_pop label {
    display: block;
    float: left
}

#shop_pop .input-item {
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:575.98px) {
    #shop_pop .input-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
}

#shop_pop .input-item select {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width:576px) and (max-width:767.98px) {
    #shop_pop .input-item select {
        height: auto
    }
}

@media(max-width:575.98px) {
    #shop_pop .input-item select {
        width: 100%
    }
}

#shop_pop .input-item .btn {
    cursor: pointer;
    min-width: 150px;
    margin: 0 0 0 .625rem;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media(max-width:575.98px) {
    #shop_pop .input-item .btn {
        margin: .625rem 0 0
    }
}

.shipping-delivery-popup .popup-content {
    max-width: 35.625rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center
}

@media(min-width:641px) {
    .shipping-delivery-popup .popup-content {
        padding: 5rem 3.125rem
    }
}

@media(max-width:991.98px) {
    .shipping-delivery-popup .popup-content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(max-width:767.98px) {
    .shipping-delivery-popup .popup-content {
        max-height: 97vh
    }
}

@media(max-width:575.98px) {
    .shipping-delivery-popup .popup-content {
        width: 95%
    }
}

.product-comparison {
    position: relative
}

.product-comparison__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 100% 25px;
    background-size: 100% auto;
    background-color: #000
}

@media(min-width:992px) {
    .product-comparison__bg-image {
        background-size: cover;
        background-position: center
    }
}

.product-comparison__wrapper {
    position: relative;
    margin: 0 auto
}

@media(min-width:992px) {
    .product-comparison__header {
        padding: 4rem;
        text-align: center
    }
}

.product-comparison__heading {
    margin: 0;
    padding: 2rem 0;
    color: #fff;
    text-align: center;
    font-size: 2rem
}

@media(min-width:992px) {
    .product-comparison__heading {
        margin-bottom: 2rem;
        font-size: 2.5rem
    }
}

.product-comparison__controls {
    display: none
}

@media(min-width:992px) {
    .product-comparison__controls {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: solid 3px rgba(255, 255, 255, .35);
        padding: 0 6rem
    }
}

.product-comparison__control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: center;
    position: relative;
    padding: .75rem 2rem 1rem
}

.product-comparison__control h3 {
    font-size: 1rem
}

.product-comparison .dynamic-underline {
    display: none
}

@media(min-width:992px) {
    .product-comparison .dynamic-underline {
        display: block;
        position: absolute;
        height: 3px;
        bottom: -3px;
        background: #fff;
        -webkit-transition: .26s all 25ms;
        transition: .26s all 25ms
    }
}

@media(min-width:992px) {
    .product-comparison__carousel.owl-carousel {
        padding-bottom: 4rem
    }
}

.product-comparison__carousel.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:992px) {
    .product-comparison__carousel.owl-carousel .owl-stage {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.product-comparison__carousel.owl-carousel .owl-nav {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    pointer-events: none
}

@media(min-width:992px) {
    .product-comparison__carousel.owl-carousel .owl-nav {
        display: none
    }
}

.product-comparison__carousel.owl-carousel .owl-nav button.owl-next,
.product-comparison__carousel.owl-carousel .owl-nav button.owl-prev {
    margin: 0;
    padding: .75rem 1.25rem !important;
    border-radius: 0;
    background-color: #fff;
    font-size: 1.5rem;
    pointer-events: visible
}

.product-comparison__carousel.owl-carousel .owl-nav button.owl-next:active,
.product-comparison__carousel.owl-carousel .owl-nav button.owl-next:hover,
.product-comparison__carousel.owl-carousel .owl-nav button.owl-prev:active,
.product-comparison__carousel.owl-carousel .owl-nav button.owl-prev:hover {
    color: #000
}

.product-comparison__carousel.owl-carousel .owl-nav button.owl-next.disabled,
.product-comparison__carousel.owl-carousel .owl-nav button.owl-prev.disabled {
    visibility: hidden
}

@media(min-width:992px) {
    .product-comparison__carousel.owl-carousel .owl-dots {
        display: none
    }
}

@media(min-width:992px) {
    .product-comparison__carousel .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.product-comparison__carousel .owl-item {
    padding: 0;
    height: 0
}

.product-comparison__carousel .owl-item.active {
    height: auto
}

@media(min-width:992px) {
    .product-comparison__carousel .owl-item {
        height: auto
    }
}

@media(min-width:992px) {
    .product-comparison__carousel .owl-item .product__details,
    .product-comparison__carousel .owl-item .product__tasting-notes {
        padding: 0 1rem;
        visibility: hidden
    }
}

@media(min-width:992px) {
    .product-comparison__carousel .owl-item .product__image {
        opacity: .5
    }
}

@media(min-width:992px) {
    .product-comparison__carousel .owl-item.active .product__details,
    .product-comparison__carousel .owl-item.active .product__tasting-notes {
        visibility: visible
    }
}

@media(min-width:992px) {
    .product-comparison__carousel .owl-item.active .product__image {
        margin: 0;
        opacity: .8
    }
}

.product-comparison__product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap column;
    flex-flow: wrap column;
    padding: 0 2rem
}

@media(min-width:992px) {
    .product-comparison__product {
        padding: 0
    }
}

.active .product-comparison__product {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-comparison__product .product__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: calc(1440px - 8rem)
}

@media(min-width:992px) {
    .product-comparison__product .product__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.product-comparison__product .add-to-bag {
    display: none
}

.product-comparison__product.quick-buy-enabled .add-to-bag {
    display: block
}

.product-comparison .product__details {
    margin-top: 2rem;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media(min-width:992px) {
    .product-comparison .product__details {
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.product-comparison .product__details .product__description p,
.product-comparison .product__details .product__name,
.product-comparison .product__details .product__price {
    color: #fff
}

@media(min-width:992px) {
    .product-comparison .product__details .product__description {
        margin-bottom: 3rem
    }
}

.product-comparison .product__details .product__price {
    font-size: 2.5rem
}

.product-comparison .product__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 70px;
    height: 250px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media(min-width:992px) {
    .product-comparison .product__image {
        max-width: 180px;
        height: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media(min-width:992px) {
    .product-comparison .product__image img {
        height: 100%;
        max-width: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.product-comparison .product__actions--desktop {
    display: none
}

@media(min-width:992px) {
    .product-comparison .product__actions--desktop {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.product-comparison .product__actions--mobile {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap column;
    flex-flow: wrap column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:992px) {
    .product-comparison .product__actions--mobile {
        display: none
    }
}

.product-comparison .product__actions--mobile .product__price {
    color: #fff;
    text-align: center;
    font-size: 2.5rem
}

.product-comparison .product__actions--mobile .button {
    width: 100%
}

.product-comparison .product__tasting-notes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media(min-width:992px) {
    .product-comparison .product__tasting-notes {
        display: block;
        text-align: left
    }
}

.product-comparison .product__tasting-notes .product__tasting-note {
    width: 50%
}

@media(min-width:992px) {
    .product-comparison .product__tasting-notes .product__tasting-note {
        width: 100%
    }
}

.product-comparison .product__tasting-notes,
.product-comparison .product__tasting-notes p {
    color: #fff
}

@media(min-width:992px) {
    .product-comparison .product__details,
    .product-comparison .product__image,
    .product-comparison .product__tasting-notes {
        width: calc(100%/3)
    }
}

.product-comparison--no-bg .product-comparison__carousel.owl-carousel .owl-nav button.owl-next,
.product-comparison--no-bg .product-comparison__carousel.owl-carousel .owl-nav button.owl-prev {
    background-color: #000;
    color: #fff
}

.product-comparison--no-bg .product-comparison__heading {
    color: #000
}

.product-comparison--no-bg .product__details .product__description p,
.product-comparison--no-bg .product__details .product__name,
.product-comparison--no-bg .product__details .product__price {
    color: #000
}

.product-comparison--no-bg .product__actions--mobile .shop-price {
    color: #000
}

.product-comparison--no-bg .product__tasting-notes,
.product-comparison--no-bg .product__tasting-notes p {
    color: #000
}

.product-comparison--no-bg .dynamic-underline {
    background: #000
}

.carousel-item {
    height: 520px;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.carousel-item::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .8) 100%)
}

.carousel-item.carousel-item__video::before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000 100%)
}

.carousel-item .responsive-bg {
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.carousel-item:hover .responsive-bg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.carousel-item__video .carousel-item__content {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    width: 100%;
    z-index: 2
}

.carousel-item__video .carousel-item__headers {
    width: calc(100% - 4rem)
}

.owl-item__inner--video .dialog-show {
    right: 2rem;
    position: absolute;
    bottom: 2rem
}

.owl-item__inner--video .play-button {
    cursor: pointer;
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 5
}

dialog.dialog-video .dialog-content {
    position: absolute
}

@media(max-width:1199.98px) {
    dialog.dialog-video .dialog-content {
        z-index: 200;
        height: 100%;
        max-height: 100vh;
        width: 100%;
        max-width: 100vw;
        background-color: #000
    }
    dialog.dialog-video .dialog-content .wistia_responsive_padding {
        padding: 0;
        height: 100%;
        position: relative
    }
    dialog.dialog-video .dialog-content .carousel-item__video-content {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
}

.file-card {
    height: 100%;
    background-color: #f5f5f5
}

.file-card__description,
.file-card__details,
.file-card__filesize,
.file-card__filetype,
.file-card__filetype-image-content,
.file-card__title {
    margin: 0
}

.file-card__link-wrapper {
    text-decoration: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 25px
}

.file-card__link-wrapper:hover {
    text-decoration: none
}

.file-card__title {
    margin-bottom: .5rem
}

.file-card__description {
    margin-bottom: 1rem;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

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

.file-card__details p {
    line-height: 1
}

.file-card__image-section {
    margin-right: 15px
}

.file-card__image {
    max-width: none
}

.file-card__filetype-image {
    width: 70px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000
}

.file-card__filetype-image-content {
    text-transform: uppercase
}

.file-card__filetype {
    text-transform: uppercase
}

.file-card__filetype::after {
    margin-left: 5px;
    content: "-"
}

.file-card__filesize {
    margin-left: 5px;
    text-transform: uppercase
}

.file-card__text-section {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 25;
    background-color: #95162f;
}
.header__logo .navbar-brand img {
    width: 80%;
    padding: 10px 0px;
}
.sg-pattern-example .header,
.toolbar-fixed .header,
.toolbar-fixed.toolbar-tray-open .header,
.toolbar-horizontal .header,
.toolbar-vertical .header {
    position: relative;
    top: 0
}

.header a.navbar-brand {
    color: #000
}

.header::after {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
   /*  background: #000; */
   background-image: url("../images/footer_subscribe_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /* border: 1px solid #eaeaea */
}

.sg-pattern-example .header::after {
    position: static
}

.header.is-stuck::after,
.header.search-overlay-is-active::after {
    opacity: 1
}

@media(max-width:767.98px) {
    .mini-cart-active .header::after {
        opacity: 1
    }
}

.header__inner {
    position: relative
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1440px;
    max-height: 4.375rem;
    margin: 0 auto
}

.header .main-nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.header .header-icons__account,
.header .header-icons__contact,
.header .header-icons__search,
.header .header-icons__shopify,
.header .header-icons__where-to-find-us {
    min-width: 2em;
    cursor: pointer
}

@media(min-width:1200px) {
    .social-links__wrapper--header {
        display: none
    }
}

.main-nav {
    display: block;
    opacity: 0;
    -webkit-transition: .2s opacity linear, .2s visibility linear;
    transition: .2s opacity linear, .2s visibility linear;
    height: 0
}

.main-nav .main-menu {
    display: none
}

@media(min-width:1200px) {
    .main-nav .main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:1200px) {
    .main-nav {
        height: auto;
        opacity: 1;
        visibility: visible
    }
}

.main-nav.open {
    position: fixed;
    top: 4rem;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    opacity: 1;
    background: #fff;
    -webkit-transition: .2s opacity linear, .2s visibility linear;
    transition: .2s opacity linear, .2s visibility linear
}

.main-nav.open .main-menu__link {
    text-align: left
}

.main-nav.open .main-menu {
    display: block
}

.toggle-expand .menu-icon {
    left: 12vw;
    top: 1.625rem
}

.toggle-expand.open span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -1px;
    right: 4px
}

.toggle-expand.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.toggle-expand.open span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 17px;
    right: 4px
}

.agegate__link {
    padding: 1.625rem 0;
    overflow: hidden
}

@media(min-width:1200px) {
    .agegate__link {
        z-index: 5;
        padding: 0 2.875rem 0 .9375rem
    }
    .agegate__link a {
        padding: 0
    }
}

.agegate__link .agegate__content {
    position: relative;
    min-width: 58px
}

.agegate__link .agegate__content a:focus {
    background: 0 0;
    outline: 0
}

@media(min-width:768px) {
    .agegate__link .agegate__content {
        display: inline-block;
        margin-left: auto
    }
}

.agegate__link h2 {
    float: left;
    margin-top: .624rem;
    margin-bottom: .624rem;
    display: inline-block;
    vertical-align: top;
    min-width: 12.5rem;
    text-align: left
}

@media(min-width:1200px) {
    .agegate__link h2 {
        display: none
    }
}

.header__secondary-menu {
    position: absolute;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: 60px;
    z-index: 500;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    display: none
}

@media(min-width:576px) {
    .header__secondary-menu {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        right: 3.75%;
        top: 63px
    }
}

@media(min-width:1200px) {
    .header__secondary-menu {
        right: 10.5%
    }
}

.header__secondary-menu::before {
    content: "";
    width: 40px;
    height: 0;
    position: absolute;
    right: 50%;
    bottom: 100%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.header__secondary-menu--active {
    display: block
}

footer a {
    margin: 0
}

footer .footer__top {
    padding: 1rem 0
}

footer .footer__top .footer__column--one {
    display: none
}

footer .footer__top .footer__menu {
    max-height: 0;
    overflow: hidden;
    border-bottom: 1px solid #000;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

footer .footer__top h3 {
    display: block;
    position: relative;
    font-size: 1rem;
    cursor: pointer
}

footer .footer__top h3.open-nav::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

footer .footer__top h3.open-nav+.footer__menu {
    max-height: 400px
}

footer .footer__top h3::after {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    top: 50%;
    right: 12px;
    right: .75rem;
    border-width: 4px;
    border-bottom-width: 0;
    border-style: solid;
    border-color: #000 transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

footer .footer__top nav {
    width: 100%
}

footer .footer__top ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    list-style: none;
    margin: 0;
    padding: 0
}

footer .footer__top ul li {
    margin: 10px 0
}

@media(min-width:992px) {
    footer .footer__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto
    }
    footer .footer__top h3 {
        display: none
    }
    footer .footer__top .footer__column--one {
        display: block
    }
    footer .footer__top .footer__column--one img {
        margin: 0;
        max-width: 12rem
    }
    footer .footer__top .footer__menu {
        max-height: 500px;
        height: auto;
        border-bottom: none
    }
}

footer .footer__bottom {
    width: 100%;
    border-top: 1px solid #262626;
    padding: 1rem 0;
    text-align: center;
    margin-bottom: 0
}

footer .footer__bottom-text {
    padding: 1rem 0;
    text-align: center;
    font-size: .75rem
}

.one-col-section {
    margin-bottom: 2rem
}

.one-col-section img {
    width: 100%
}

.one-col-section .align-items-center {
    text-align: center
}

.one-col-section__image,
.one-col-section__social-links {
    text-align: center
}

.one-col-section__social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.one-col-section__quote {
    padding-left: 2rem
}

@media(min-width:576px) {
    .one-col-section__quote {
        padding-left: 0
    }
}

.one-col-section .one-col__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.one-col-section .one-col__item-image {
    height: 20rem
}

@media(min-width:576px) {
    .one-col-section .one-col__item-image {
        height: auto
    }
}

.one-col-section .one-col__item-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
    height: 100%;
    width: 100%
}

.one-col-section--no-margin .row {
    margin-left: 0;
    margin-right: 0
}

.one-col-section--no-margin .one-col__item {
    padding-left: 0;
    padding-right: 0
}

.two-col-30-70-section .two-col-30-70__item,
.two-col-30-70-section .two-col-70-30__item,
.two-col-30-70-section .two-col__item,
.two-col-70-30-section .two-col-30-70__item,
.two-col-70-30-section .two-col-70-30__item,
.two-col-70-30-section .two-col__item,
.two-col-section .two-col-30-70__item,
.two-col-section .two-col-70-30__item,
.two-col-section .two-col__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .two-col-30-70-section .two-col-30-70__item,
    .two-col-30-70-section .two-col-70-30__item,
    .two-col-30-70-section .two-col__item,
    .two-col-70-30-section .two-col-30-70__item,
    .two-col-70-30-section .two-col-70-30__item,
    .two-col-70-30-section .two-col__item,
    .two-col-section .two-col-30-70__item,
    .two-col-section .two-col-70-30__item,
    .two-col-section .two-col__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0
    }
}

.two-col-30-70-section .two-col-30-70__item-image,
.two-col-30-70-section .two-col-70-30__item-image,
.two-col-30-70-section .two-col__item-image,
.two-col-70-30-section .two-col-30-70__item-image,
.two-col-70-30-section .two-col-70-30__item-image,
.two-col-70-30-section .two-col__item-image,
.two-col-section .two-col-30-70__item-image,
.two-col-section .two-col-70-30__item-image,
.two-col-section .two-col__item-image {
    height: 20rem
}

@media(min-width:576px) {
    .two-col-30-70-section .two-col-30-70__item-image,
    .two-col-30-70-section .two-col-70-30__item-image,
    .two-col-30-70-section .two-col__item-image,
    .two-col-70-30-section .two-col-30-70__item-image,
    .two-col-70-30-section .two-col-70-30__item-image,
    .two-col-70-30-section .two-col__item-image,
    .two-col-section .two-col-30-70__item-image,
    .two-col-section .two-col-70-30__item-image,
    .two-col-section .two-col__item-image {
        height: auto
    }
}

.two-col-30-70-section .two-col-30-70__item-image img,
.two-col-30-70-section .two-col-70-30__item-image img,
.two-col-30-70-section .two-col__item-image img,
.two-col-70-30-section .two-col-30-70__item-image img,
.two-col-70-30-section .two-col-70-30__item-image img,
.two-col-70-30-section .two-col__item-image img,
.two-col-section .two-col-30-70__item-image img,
.two-col-section .two-col-70-30__item-image img,
.two-col-section .two-col__item-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
    height: 100%;
    width: 100%
}

.two-col-30-70-section--mobile-reverse .row,
.two-col-70-30-section--mobile-reverse .row,
.two-col-section--mobile-reverse .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media(min-width:768px) {
    .two-col-30-70-section--mobile-reverse .row,
    .two-col-70-30-section--mobile-reverse .row,
    .two-col-section--mobile-reverse .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.two-col-30-70-section .text-section,
.two-col-70-30-section .text-section,
.two-col-section .text-section {
    width: 100%
}

.two-col-30-70-section .text-section .text-section__wrapper,
.two-col-70-30-section .text-section .text-section__wrapper,
.two-col-section .text-section .text-section__wrapper {
    padding: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media(min-width:768px) {
    .two-col-30-70-section .text-section .text-section__wrapper,
    .two-col-70-30-section .text-section .text-section__wrapper,
    .two-col-section .text-section .text-section__wrapper {
        padding: 1.875rem 2.5rem
    }
}

@media(min-width:992px) {
    .two-col-30-70-section .text-section .text-section__wrapper,
    .two-col-70-30-section .text-section .text-section__wrapper,
    .two-col-section .text-section .text-section__wrapper {
        padding: 1.875rem 5rem
    }
}

@media(min-width:1200px) {
    .two-col-30-70-section .text-section .text-section__wrapper,
    .two-col-70-30-section .text-section .text-section__wrapper,
    .two-col-section .text-section .text-section__wrapper {
        padding: 5rem 7.5rem
    }
}

.two-col-30-70-section__webform.container,
.two-col-70-30-section__webform.container,
.two-col-section__webform.container {
    padding-bottom: 8.125rem
}

@media(min-width:992px) {
    .two-col-30-70-section__webform.container,
    .two-col-70-30-section__webform.container,
    .two-col-section__webform.container {
        padding: 0 5rem 8.125rem
    }
}

@media(min-width:1200px) {
    .two-col-30-70-section__webform.container,
    .two-col-70-30-section__webform.container,
    .two-col-section__webform.container {
        padding: 0 10rem 8.125rem
    }
}

@media(min-width:992px) {
    .two-col-30-70-section__webform .two-col__item-webform,
    .two-col-70-30-section__webform .two-col__item-webform,
    .two-col-section__webform .two-col__item-webform {
        padding-left: 3.5rem
    }
}

@media(min-width:992px) {
    .two-col-30-70-section__webform .two-col__item,
    .two-col-70-30-section__webform .two-col__item,
    .two-col-section__webform .two-col__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-height: unset
    }
}

@media(min-width:768px) {
    .two-col-30-70-section .two-col-30-70__item:first-of-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .two-col-30-70-section .two-col-30-70__item:last-of-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .two-col-30-70-section .two-col-30-70__item .text-section__wrapper {
        padding: 1rem
    }
}

@media(min-width:768px) {
    .two-col-70-30-section .two-col-70-30__item:first-of-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .two-col-70-30-section .two-col-70-30__item:last-of-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.three-col-section .three-col__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .three-col-section .three-col__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        margin-bottom: 0
    }
}

.three-col-section .three-col__item-image {
    height: 20rem
}

@media(min-width:576px) {
    .three-col-section .three-col__item-image {
        height: auto
    }
}

.three-col-section .three-col__item-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
    height: 100%;
    width: 100%
}

.three-col-section .text-section {
    width: 100%
}

.three-col-section .text-section .text-section__wrapper {
    padding: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media(min-width:768px) {
    .three-col-section .text-section .text-section__wrapper {
        padding: 1.875rem 2.5rem
    }
}

@media(min-width:992px) {
    .three-col-section .text-section .text-section__wrapper {
        padding: 1.875rem 3.5rem
    }
}

@media(min-width:1200px) {
    .three-col-section .text-section .text-section__wrapper {
        padding: 5rem 4.5rem
    }
}

.four-col-section .four-col__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .four-col-section .four-col__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 0
    }
}

.four-col-section .four-col__item-image {
    height: 20rem
}

@media(min-width:576px) {
    .four-col-section .four-col__item-image {
        height: auto
    }
}

.four-col-section .four-col__item-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
    height: 100%;
    width: 100%
}

.four-col-section .text-section {
    width: 100%
}

.four-col-section .text-section .text-section__wrapper {
    padding: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media(min-width:768px) {
    .four-col-section .text-section .text-section__wrapper {
        padding: 1.875rem 2.5rem
    }
}

@media(min-width:992px) {
    .four-col-section .text-section .text-section__wrapper {
        padding: 1.875rem 2.5rem
    }
}

@media(min-width:1200px) {
    .four-col-section .text-section .text-section__wrapper {
        padding: 5rem 2.5rem
    }
}

.four-col-section--no-margin .row,
.one-col-section--no-margin .row,
.three-col-section--no-margin .row,
.two-col-30-70-section--no-margin .row,
.two-col-70-30-section--no-margin .row,
.two-col-section--no-margin .row {
    margin-left: 0;
    margin-right: 0
}

.four-col-section--no-margin .col-item,
.one-col-section--no-margin .col-item,
.three-col-section--no-margin .col-item,
.two-col-30-70-section--no-margin .col-item,
.two-col-70-30-section--no-margin .col-item,
.two-col-section--no-margin .col-item {
    padding-left: 0;
    padding-right: 0
}

@media(min-width:992px) {
    .four-col-section--no-margin .col-item,
    .one-col-section--no-margin .col-item,
    .three-col-section--no-margin .col-item,
    .two-col-30-70-section--no-margin .col-item,
    .two-col-70-30-section--no-margin .col-item,
    .two-col-section--no-margin .col-item {
        min-height: 35rem
    }
}

.four-col-section__title,
.one-col-section__title,
.three-col-section__title,
.two-col-30-70-section__title,
.two-col-70-30-section__title,
.two-col-section__title {
    text-align: center;
    margin-top: .5rem;
    margin-bottom: 2rem
}

.four-col-section .row,
.one-col-section .row,
.three-col-section .row,
.two-col-30-70-section .row,
.two-col-70-30-section .row,
.two-col-section .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:768px) {
    .four-col-section .row--columns,
    .one-col-section .row--columns,
    .three-col-section .row--columns,
    .two-col-30-70-section .row--columns,
    .two-col-70-30-section .row--columns,
    .two-col-section .row--columns {
        margin-bottom: 2rem
    }
}

.four-col-section .signpost.responsive-bg,
.one-col-section .signpost.responsive-bg,
.three-col-section .signpost.responsive-bg,
.two-col-30-70-section .signpost.responsive-bg,
.two-col-70-30-section .signpost.responsive-bg,
.two-col-section .signpost.responsive-bg {
    height: 100%
}

.four-col-section .signpost__content,
.one-col-section .signpost__content,
.three-col-section .signpost__content,
.two-col-30-70-section .signpost__content,
.two-col-70-30-section .signpost__content,
.two-col-section .signpost__content {
    width: calc(50% + 80px)
}

@media(min-width:992px) {
    .four-col-section .col-item,
    .one-col-section .col-item,
    .three-col-section .col-item,
    .two-col-30-70-section .col-item,
    .two-col-70-30-section .col-item,
    .two-col-section .col-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.four-col-section.background-red .row,
.one-col-section.background-red .row,
.three-col-section.background-red .row,
.two-col-30-70-section.background-red .row,
.two-col-70-30-section.background-red .row,
.two-col-section.background-red .row {
    background: #dc3545
}

.four-col-section.background-yellow .row,
.one-col-section.background-yellow .row,
.three-col-section.background-yellow .row,
.two-col-30-70-section.background-yellow .row,
.two-col-70-30-section.background-yellow .row,
.two-col-section.background-yellow .row {
    background: #ffc107
}

.four-col-section.background-green .row,
.one-col-section.background-green .row,
.three-col-section.background-green .row,
.two-col-30-70-section.background-green .row,
.two-col-70-30-section.background-green .row,
.two-col-section.background-green .row {
    background: #28a745
}

.four-col-section.background-cyan .row,
.one-col-section.background-cyan .row,
.three-col-section.background-cyan .row,
.two-col-30-70-section.background-cyan .row,
.two-col-70-30-section.background-cyan .row,
.two-col-section.background-cyan .row {
    background: #17a2b8
}

.four-col-section.background-grey .row,
.one-col-section.background-grey .row,
.three-col-section.background-grey .row,
.two-col-30-70-section.background-grey .row,
.two-col-70-30-section.background-grey .row,
.two-col-section.background-grey .row {
    background: #4d4d4d
}

.four-col-section.background-grey *,
.four-col-section.background-grey .text-section__outline::after,
.four-col-section.background-grey .text-section__outline::before,
.one-col-section.background-grey *,
.one-col-section.background-grey .text-section__outline::after,
.one-col-section.background-grey .text-section__outline::before,
.three-col-section.background-grey *,
.three-col-section.background-grey .text-section__outline::after,
.three-col-section.background-grey .text-section__outline::before,
.two-col-30-70-section.background-grey *,
.two-col-30-70-section.background-grey .text-section__outline::after,
.two-col-30-70-section.background-grey .text-section__outline::before,
.two-col-70-30-section.background-grey *,
.two-col-70-30-section.background-grey .text-section__outline::after,
.two-col-70-30-section.background-grey .text-section__outline::before,
.two-col-section.background-grey *,
.two-col-section.background-grey .text-section__outline::after,
.two-col-section.background-grey .text-section__outline::before {
    color: #fff !important;
    border-color: #fff !important
}

[data-col-types="signpost-card|signpost-card"].two-col-section.container {
    padding: 0 15px;
    max-width: 1440px
}

@media(min-width:768px) {
    .one-col-section .one-col__item-signpost-card,
    .one-col-section .three-col__item-signpost-card,
    .one-col-section .two-col__item-signpost-card,
    .three-col-section .one-col__item-signpost-card,
    .three-col-section .three-col__item-signpost-card,
    .three-col-section .two-col__item-signpost-card,
    .two-col-section .one-col__item-signpost-card,
    .two-col-section .three-col__item-signpost-card,
    .two-col-section .two-col__item-signpost-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.one-col-section .one-col__item-countdown .countdown,
.one-col-section .three-col__item-countdown .countdown,
.one-col-section .two-col__item-countdown .countdown,
.three-col-section .one-col__item-countdown .countdown,
.three-col-section .three-col__item-countdown .countdown,
.three-col-section .two-col__item-countdown .countdown,
.two-col-section .one-col__item-countdown .countdown,
.two-col-section .three-col__item-countdown .countdown,
.two-col-section .two-col__item-countdown .countdown {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.one-col-section .one-col__item-countdown .countdown--no-image,
.one-col-section .three-col__item-countdown .countdown--no-image,
.one-col-section .two-col__item-countdown .countdown--no-image,
.three-col-section .one-col__item-countdown .countdown--no-image,
.three-col-section .three-col__item-countdown .countdown--no-image,
.three-col-section .two-col__item-countdown .countdown--no-image,
.two-col-section .one-col__item-countdown .countdown--no-image,
.two-col-section .three-col__item-countdown .countdown--no-image,
.two-col-section .two-col__item-countdown .countdown--no-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-listing-grid .grid-header.products {
    max-width: 61.25rem;
    margin: 0 auto
}

.product-listing-grid .grid.row.cols-3 {
    max-width: 61.25rem;
    margin: 0 auto
}

.product-listing-grid .grid.row.cols-4 {
    max-width: 90rem;
    margin: 0 auto
}

.hero-item+.product-listing-grid {
    margin-top: 20px
}

.product-range-grid .grid-header {
    text-align: center;
    max-width: 62.15rem;
    margin: 0 auto
}

.product-range-grid .grid.row {
    margin: 4em auto
}

.product-range-grid .grid.row.cols-3 {
    max-width: 90rem
}

.product-range-grid .grid.row.cols-4 {
    max-width: 90rem
}

.shop-grid .grid-header {
    text-align: center
}

.shop-grid .grid.row {
    margin: 4em auto;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.shop-grid .grid.row.cols-3 {
    max-width: 90rem
}

.shop-grid .grid.row.cols-4 {
    max-width: 90rem
}

.shop-grid .grid.row .grid__item {
    padding: 0 1.5rem
}

.content-grid {
    text-align: center
}

.content-grid .grid-header {
    text-align: center
}

.content-grid .grid__outline {
    margin-left: auto;
    margin-right: auto;
    max-width: 51.25rem
}

.content-grid .grid__heading {
    margin-top: 2.5rem;
    text-align: center
}

.content-grid .grid.row {
    margin: 2.5em auto 4em
}

.content-grid .grid.row.cols-3 {
    max-width: 90rem
}

.content-grid .grid.row.cols-4 {
    max-width: 90rem
}

.article-grid .grid-header {
    text-align: center
}

.article-grid .grid__heading {
    margin-top: 2.5rem;
    text-align: center
}

.article-grid .grid.row {
    margin: 2.5em auto 4em
}

.article-grid .grid.row.cols-3 {
    max-width: 90rem
}

.views-element-container {
    max-width: 90rem;
    margin: 0 auto
}

.search-results-grid .grid {
    width: 100%;
    padding: 0 1rem;
    margin: -.35rem 0 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(min-width:768px) {
    .search-results-grid .grid {
        margin: -1rem 0 0
    }
    
}

.search-results-grid__card {
    -ms-flex-preferred-size: calc(50% - .5rem);
    flex-basis: calc(50% - .5rem);
    width: calc(50% - .5rem);
    margin: .35rem .25rem
}

@media(min-width:768px) {
    .search-results-grid__card {
        margin: 1rem .75rem;
        -ms-flex-preferred-size: calc(25% - 1.5rem);
        flex-basis: calc(25% - 1.5rem);
        width: calc(25% - 1.5rem)
    }
}

.search-help-categories__list {
    margin-bottom: -.75rem
}

@media(min-width:768px) {
    .search-help-categories__list {
        margin-bottom: -2rem
    }
}

.search-help-categories__list-item {
    margin-bottom: .75rem
}

@media(min-width:768px) {
    .search-help-categories__list-item {
        margin-bottom: 2rem
    }
}
@media only screen and (max-width: 600px) {
  .shop-grid .grid.row .grid__item {
    padding: 0 .5rem;
}
}
.file-download-grid__heading {
    text-align: center
}

.file-download-grid__item {
    margin-bottom: 20px
}

@media(min-width:768px) {
    .file-download-grid__item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media(prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

.owl-carousel {
    margin: 0;
    padding: 0
}

.owl-item {
    padding-left: 5rem;
    padding-right: 5rem
}

.owl-theme .owl-dots .owl-dot:focus {
    outline: 0
}

.owl-theme .owl-dots .owl-dot[disabled]:focus span,
.owl-theme .owl-dots .owl-dot[disabled]:hover span {
    background: #d6d6d6
}

.owl-theme .owl-dots .owl-dot[disabled].active:focus span,
.owl-theme .owl-dots .owl-dot[disabled].active:hover span {
    background: #862633
}

.carousel__wrapper .element__heading {
    text-align: center
}

.carousel__wrapper--hero_carousel {
    height: 100vh;
    margin-bottom: 2rem
}

.carousel__wrapper--hero_carousel .hero-item {
    margin-bottom: 0;
    height: 100vh;
    min-height: 600px
}

.carousel__wrapper--hero_carousel .owl-item {
    padding: 0;
    overflow: hidden
}

.carousel__wrapper--hero_carousel .owl-dots {
    right: 0;
    bottom: 80px;
    left: 0;
    position: absolute;
    text-align: center
}

.carousel__wrapper--hero_carousel .zoom-in-on-load .responsive-bg {
    -webkit-transition: all 10s ease-out;
    transition: all 10s ease-out
}

.carousel__wrapper--product-range .owl-carousel .owl-nav,
.carousel__wrapper--products .owl-carousel .owl-nav,
.carousel__wrapper--serves .owl-carousel .owl-nav,
.carousel__wrapper--simple .owl-carousel .owl-nav,
.carousel__wrapper--text-structured .owl-carousel .owl-nav,
.gift-guide__carousel.owl-carousel .owl-nav {
    position: absolute;
    display: block;
    width: 97%;
    margin: 0 auto;
    top: 45%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev {
    left: 1rem
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next {
    right: 1rem
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev::before,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next::before,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next::before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev {
    width: 2rem;
    height: 2rem;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    position: absolute
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next span,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev span,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next span,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev span,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next span,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev span,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next span,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev span,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next span,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev span,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next span,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev span {
    display: none
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev::before,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next::before,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev::before {
    content: '';
    border: solid #a4a4a4;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    width: 1.625rem;
    height: 1.625rem;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next:hover,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev:hover,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next:hover,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev:hover,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next:hover,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev:hover,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next:hover,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev:hover,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next:hover,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev:hover,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next:hover,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev:hover {
    background: 0 0
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next:hover::before,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev:hover::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next:hover::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev:hover::before,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next:hover::before,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev:hover::before,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next:hover::before,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev:hover::before,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next:hover::before,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev:hover::before,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next:hover::before,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev:hover::before {
    border: solid #5f5f5f;
    border-width: 0 2px 2px 0
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next:focus,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev:focus,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next:focus,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev:focus,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-next:focus,
.carousel__wrapper--serves .owl-carousel .owl-nav .owl-prev:focus,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-next:focus,
.carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev:focus,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-next:focus,
.carousel__wrapper--text-structured .owl-carousel .owl-nav .owl-prev:focus,
.gift-guide__carousel.owl-carousel .owl-nav .owl-next:focus,
.gift-guide__carousel.owl-carousel .owl-nav .owl-prev:focus {
    outline: 0
}

.owl-carousel .owl-item .owl-item__inner--simple img {
    width: auto;
    max-width: 100%;
    max-height: 50vh;
    margin: 0 auto
}

.carousel__wrapper--simple {
    max-width: 64rem;
    margin: 0 auto
}

.carousel__wrapper--simple .owl-dots {
    margin-top: 1rem
}

.carousel__wrapper--simple .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel__wrapper--simple .owl-carousel .owl-stage .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:576px) {
    .carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev {
        left: 3.8125rem
    }
    .carousel__wrapper--simple .owl-carousel .owl-nav .owl-next {
        right: 3.8125rem
    }
}

@media(min-width:768px) {
    .product-details__carousel .carousel__wrapper--simple .owl-carousel .owl-nav .owl-prev {
        left: -4rem
    }
    .product-details__carousel .carousel__wrapper--simple .owl-carousel .owl-nav .owl-next {
        right: -4rem
    }
}

.carousel__wrapper--product-range {
    margin: 0 auto;
    padding: 3.75rem 5rem
}

.carousel__wrapper--product-range .owl-carousel .owl-item {
    padding: 0
}

.carousel__wrapper--product-range .owl-carousel .owl-item .product-image__image-primary img {
    display: inline-block;
    width: auto
}

.carousel__wrapper--product-range .owl-carousel .owl-nav {
    display: none
}

@media(min-width:768px) {
    .carousel__wrapper--product-range .owl-carousel .owl-nav {
        display: block;
        top: 10rem
    }
}

@media(min-width:992px) {
    .carousel__wrapper--product-range .owl-carousel .owl-nav {
        top: 8rem
    }
}

@media(min-width:1200px) {
    .carousel__wrapper--product-range .owl-carousel .owl-nav {
        top: 10rem;
        max-width: 92rem
    }
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev {
    left: -4rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next {
    right: -4rem;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.carousel__wrapper--products .owl-carousel .owl-item img,
.carousel__wrapper--serves .owl-carousel .owl-item img,
.carousel__wrapper--text-structured .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

.carousel__wrapper--text-structured .owl-carousel {
    padding-left: 80px;
    padding-right: 80px
}

.carousel__wrapper--text-structured .owl-carousel .owl-item {
    padding-left: 0;
    padding-right: 0
}

.carousel__wrapper--text-structured .text-section__wrapper {
    padding: 0
}

.carousel__wrapper--text-structured .text-section__caption {
    margin-bottom: 1rem
}

.carousel__wrapper--spotlight {
    overflow: hidden
}

.carousel__wrapper--spotlight .owl-stage-outer {
    height: 200px
}

@media(min-width:576px) {
    .carousel__wrapper--spotlight .owl-stage-outer {
        height: 400px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight .owl-stage-outer {
        height: 600px
    }
}

.carousel__wrapper--spotlight .owl-item,
.carousel__wrapper--spotlight .owl-item__inner--spotlight,
.carousel__wrapper--spotlight .owl-stage {
    height: 100%
}

.carousel__wrapper--spotlight .owl-item {
    padding: 0;
    width: 320px
}

.carousel__wrapper--spotlight .owl-item img {
    position: relative;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav {
    margin-top: -60px;
    height: 0
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-dots {
    margin-top: 70px
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next,
.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev {
    top: 40%;
    z-index: 2;
    position: absolute;
    cursor: pointer;
    background: #852735;
    border-radius: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 2rem
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next,
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev {
        width: 40px;
        height: 40px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next,
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev {
        width: 60px;
        height: 60px
    }
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next:hover,
.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev:hover {
    background: #852735
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next:focus,
.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev:focus {
    outline: 0
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next::before,
.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev::before {
    content: '';
    border-style: solid;
    border-color: #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 12px;
    left: 13px;
    bottom: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next::before,
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev::before {
        border-width: 0 2px 2px 0;
        width: 10px;
        height: 10px;
        top: 14px;
        left: 14px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next::before,
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev::before {
        top: 24px;
        left: 22px
    }
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next span,
.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev span {
    display: none
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-left: -175px;
    text-indent: -3000px
}

@media(min-width:576px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-left: -260px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev {
        margin-left: -320px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev {
        margin-left: -480px
    }
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-prev::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next {
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    margin-left: 175px;
    text-indent: -3000px
}

@media(min-width:576px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-left: 260px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next {
        margin-left: 320px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next {
        margin-left: 480px
    }
}

.carousel__wrapper--spotlight .owl-carousel.owl-theme .owl-nav .owl-next::before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.owl-item__inner--spotlight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 320px
}

@media(min-width:576px) {
    .owl-item__inner--spotlight {
        width: 520px
    }
}

@media(min-width:768px) {
    .owl-item__inner--spotlight {
        width: 640px
    }
}

@media(min-width:992px) {
    .owl-item__inner--spotlight {
        width: 960px;
        height: 600px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--Numbers .owl-carousel.owl-theme .owl-nav {
        display: none
    }
    .carousel__wrapper--Numbers .owl-carousel.owl-theme .owl-dots {
        margin-top: 1rem
    }
}

.spotlight-numbers-section {
    display: none
}

@media(min-width:768px) {
    .spotlight-numbers-section {
        display: block
    }
}

.spotlight-numbers.number-carousel .owl-stage-outer {
    height: auto
}

.spotlight-numbers-container {
    width: 40%;
    margin: auto;
    position: relative
}

.spotlight-numbers-container:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 15%;
    top: 46%;
    width: 70%;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, .05);
    z-index: -1
}

.spotlight-numbers-container .center .number {
    color: #c90c20;
    font-size: 120px;
    font-size: 7.5rem;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.ie11 .spotlight-numbers-container .center .number {
    position: relative;
    top: -32px
}

.spotlight-numbers-container .number {
    color: #dbdbdb;
    color: rgba(0, 0, 0, .08);
    font-size: 5rem
}

.spotlight-numbers-container .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 7.5rem
}

.spotlight-numbers-container .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.spotlight-numbers-container .owl-next,
.spotlight-numbers-container .owl-prev {
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    height: 100%;
    position: absolute;
    margin: 0;
    vertical-align: middle;
    z-index: 2;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 10px;
    top: -5px
}

.spotlight-numbers-container .owl-next:focus,
.spotlight-numbers-container .owl-prev:focus {
    outline: 0
}

.spotlight-numbers-container .owl-next span,
.spotlight-numbers-container .owl-prev span {
    display: none
}

.spotlight-numbers-container .owl-prev {
    left: 7px;
    text-decoration: none
}

.spotlight-numbers-container .owl-prev:before {
    content: "";
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: transparent #1a1a1a transparent transparent
}

.spotlight-numbers-container .owl-next {
    right: 17px;
    text-decoration: none
}

.spotlight-numbers-container .owl-next:after {
    content: "";
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #1a1a1a
}

.gift-guide__carousel.owl-carousel .owl-next.disabled::before,
.gift-guide__carousel.owl-carousel .owl-prev.disabled::before {
    opacity: .3
}

.carousel__wrapper--video .owl-item .owl-item__inner {
    width: 275px
}

@media(min-width:768px) {
    .carousel__wrapper--video .owl-item .owl-item__inner {
        width: 100%
    }
}

.carousel__wrapper--video .carousel-item {
    height: 425px
}

@media(min-width:768px) {
    .carousel__wrapper--video .carousel-item {
        height: 520px
    }
}

@media(max-width:991.98px) {
    .carousel__wrapper--fullbleed .owl-carousel .owl-stage,
    .carousel__wrapper--fullbleed_product_card .owl-carousel .owl-stage {
        width: auto !important
    }
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .owl-item__inner,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .owl-item__inner {
    width: 230px
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-carousel .owl-item .owl-item__inner,
    .carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .owl-item__inner {
        width: 100%
    }
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-carousel .owl-item .element__heading--inner,
    .carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .element__heading--inner {
        width: 100%
    }
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/themes/custom/ed_platform_theme/components/dist/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

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

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

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

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

.block-ed-agegate-form::before {
    content: '';
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0, rgba(0, 0, 0, 0)), color-stop(0, rgba(0, 0, 0, .25))), center center no-repeat url(/themes/custom/ed_platform_theme/components/dist/css/../images/background/age-gate-new.jpg);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .25) 0), center center no-repeat url(/themes/custom/ed_platform_theme/components/dist/css/../images/background/age-gate-new.jpg);
    background-size: cover;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-name: agegateIntro;
    animation-name: agegateIntro;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

body .ajax-progress {
    display: none
}

body.agegate-active {
    overflow: hidden;
    position: fixed;
    top: 0;
    height: 100%
}

body.agegate-active .below-content,
body.agegate-active .header,
body.agegate-active .main-content,
body.agegate-active .site-footer {
    display: none
}

@media screen and (orientation:landscape) and (min-width:319px) and (max-width:812px) {
    body.agegate-active .block-ed-agegate-form {
        display: block;
        padding-top: 2.5rem
    }
}

body.agegate-active .ed_agegate_modal+.ui-widget-overlay {
    z-index: 209
}

.ui-dialog .ui-dialog-titlebar-close {
    background-position: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: .9375rem;
    background-repeat: no-repeat;
    border-radius: 50%;
    top: .9375rem;
    z-index: 999;
    cursor: pointer
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    outline: 0
}

.agegate-active .agegate__btn,
.overlay_wrapper .agegate__btn {
    margin: 1.25rem 0;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    font-size: .75rem;
    display: inline-block;
    padding: 1rem 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 2px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    cursor: pointer;
    outline: 0
}

@media(max-width:575.98px) {
    .agegate-active .agegate__btn,
    .overlay_wrapper .agegate__btn {
        margin: .3125rem 0 .625rem
    }
}

.agegate-active .btn-disable,
.overlay_wrapper .btn-disable {
    pointer-events: none
}

.agegate-active .block-ed-agegate-form,
.overlay_wrapper .block-ed-agegate-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:992px) {
    .agegate-active .block-ed-agegate-form,
    .overlay_wrapper .block-ed-agegate-form {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.block-ed-agegate-form {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100vh;
    overflow: auto
}

.agegate-form {
    width: 100%;
    max-width: 26rem;
    padding: 2.5rem 0 .625rem;
    margin: auto;
    letter-spacing: .04em;
    line-height: 1.4;
    text-align: center
}

.agegate-form-inner {
    position: relative;
    margin: 0 auto
}

@media(min-width:576px) {
    .agegate-form .agegate-logo {
        margin-bottom: 1rem
    }
}

.agegate-form .icon-brand-font::before {
    margin: 0;
    width: 100%
}

.agegate-form p {
    margin-bottom: 1rem;
    letter-spacing: normal
}

@media(min-width:576px) {
    .agegate-form p {
        margin-bottom: 1.25rem
    }
}

.agegate-form p.block-title {
    margin-bottom: 1.5rem
}

.agegate-form p.strapline {
    width: 80%;
    margin: 1rem auto
}

@media(min-width:576px) {
    .agegate-form p.strapline {
        padding: 1rem 0
    }
}

.agegate-form .agegate-form-part {
    width: 100%;
    text-align: center
}

.agegate-form .agegate-form-part>div:nth-child(2) {
    padding-left: 2.5rem
}

@media(max-width:767.98px) {
    .agegate-form .agegate-form-part>div:nth-child(2) {
        padding-left: 5vw
    }
}

@media(max-width:575.98px) {
    .agegate-form .agegate-form-part>div:nth-child(2) {
        padding-left: 0;
        border-left: 0
    }
}

.agegate-form .form-group {
    text-align: left;
    font-size: .75rem;
    margin-bottom: 1.25rem
}

@media(min-width:576px) {
    .agegate-form .form-group {
        margin-bottom: 0
    }
}

.agegate-form .form-group .err-msg {
    font-size: .75rem;
    letter-spacing: .0625rem;
    margin-top: .5rem
}

.agegate-form .form-group.country label {
    display: none
}

.agegate-form .form-group.dob label {
    display: none
}

.agegate-form .form-group.dob .col {
    padding-right: .75rem
}

.agegate-form .form-group.dob .col:last-child {
    padding-right: 0
}

.agegate-form .form-group.dob input {
    border-radius: 0;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.0625rem;
    letter-spacing: .0625rem;
    min-height: 2.5rem;
    text-align: center;
    width: 100%
}

.agegate-form .form-group.dob input::-ms-expand {
    display: none
}

.agegate-form .form-group.dob input:-moz-placeholder,
.agegate-form .form-group.dob input:-ms-input-placeholder,
.agegate-form .form-group.dob input::-moz-placeholder,
.agegate-form .form-group.dob input::-webkit-input-placeholder {
    letter-spacing: .0625rem;
    line-height: 1.0625rem;
    text-align: center
}

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

.agegate-form .form-group.dob:first-child input {
    margin-left: 0
}

.agegate-form .form-group.dob:last-child input {
    margin-right: 0
}

.agegate-form .country-data {
    padding: .6875rem .875rem;
    line-height: 1.7
}

@media(max-width:575.98px) {
    .agegate-form .country-data {
        line-height: 1
    }
}

.agegate-form .country_info {
    display: inline-block
}

@media(max-width:575.98px) {
    .agegate-form .country_info {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 60%;
        line-height: 1.8
    }
}

.agegate-form .country_info img {
    margin-right: .9375rem
}

.agegate-form .country_info img.flag-url {
    width: 1.875rem;
    height: 1.375rem
}

@media(max-width:575.98px) {
    .agegate-form .country_info img {
        margin-right: .125rem
    }
}

.agegate-form .agegate-overlay-popup-cta {
    float: right
}

.agegate-form .agegate-overlay-popup-cta a {
    line-height: 1;
    margin: 0;
    min-width: unset
}

@media(max-width:575.98px) {
    .agegate-form .agegate-overlay-popup-cta a {
        line-height: 1.8
    }
}

.agegate-separator,
.overlay-separator {
    margin: 1.875rem auto;
    width: 2.8125rem;
    height: .125rem
}

@media(max-width:767.98px) {
    .agegate-separator,
    .overlay-separator {
        margin: 1.25rem auto
    }
}

.overlay-separator {
    margin-top: 0
}

.conditions-text {
    position: relative;
    text-align: center;
    margin-top: 1.25rem
}

.conditions-text a,
.conditions-text p {
    line-height: 1.5
}

.ed_agegate_modal {
    z-index: 9999 !important
}

@media(max-width:767.98px) {
    .ed_agegate_modal {
        max-width: 50rem;
        width: 90% !important;
        margin: 0 auto;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.ed_agegate_modal .ui-dialog-titlebar {
    padding: 0;
    background-color: transparent;
    border: 0
}

.ed_agegate_modal .ui-dialog-titlebar .ui-dialog-title {
    display: none
}

.ed_agegate_modal .ui-dialog-titlebar .ui-button {
    right: 1.125rem;
    top: 1.125rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    z-index: 220
}

.ed_agegate_modal .ui-dialog-titlebar .ui-button:focus {
    background-color: transparent;
    outline: 0
}

@media(max-width:767.98px) {
    .ed_agegate_modal .ui-dialog-titlebar .ui-button {
        right: .3125rem;
        top: .9375rem
    }
}

.ed_agegate_modal .ui-dialog-titlebar .ui-button .ui-icon {
    background-position: 0 0;
    background-size: 100% auto
}

.ed_agegate_modal .overlay_wrapper {
    padding: 1.875rem 5.625rem 0
}

@media(max-width:767.98px) {
    .ed_agegate_modal .overlay_wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.ed_agegate_modal .overlay_heading {
    margin-bottom: 1.875rem;
    margin-top: 0
}

.ed_agegate_modal .overlay_countries {
    text-align: left
}

.ed_agegate_modal .overlay_countries .col-6 {
    margin-bottom: 1.875rem;
    position: relative;
    padding-bottom: 1.125rem
}

@media(max-width:767.98px) {
    .ed_agegate_modal .overlay_countries .col-6 {
        margin-bottom: 1.25rem
    }
}

.ed_agegate_modal .overlay_countries label {
    margin-bottom: 1.125rem
}

.ed_agegate_modal .overlay_countries img {
    margin-right: .75rem
}

@media(max-width:575.98px) {
    .ed_agegate_modal .overlay_countries img {
        margin-right: .125rem
    }
}

.ed_agegate_modal .overlay-text p {
    margin: 0
}

.ed_agegate_modal .overlay-form-block p {
    margin-bottom: 0
}

.ed_agegate_modal .overlay-form-block .form-control {
    border-radius: 0;
    border: none;
    text-align: left;
    font-weight: 400;
    line-height: 1.0625rem;
    letter-spacing: .0625rem;
    min-height: 2.75rem;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 1.5625rem;
    text-transform: uppercase
}

.ed_agegate_modal .overlay-form-block .form-control::-ms-expand {
    display: none
}

.ed_agegate_modal .overlay-countries-form {
    margin: 1.25rem 0;
    text-align: left
}

.ed_agegate_modal .overlay-countries-form label {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .075rem;
    line-height: .875rem
}

.ed_agegate_modal .overlay-countries-form .countries {
    position: relative
}

.ed_agegate_modal .overlay-countries-form .btn {
    margin-bottom: 0
}

.ed_agegate_modal .country-language span {
    display: block;
    cursor: pointer;
    margin-bottom: .5rem
}

.ed_agegate_modal .country-language span:last-child {
    margin-bottom: 0
}

@media(max-width:767.98px) {
    .ed_agegate_modal .country-language span {
        margin-bottom: .9375rem
    }
}

@-webkit-keyframes agegateIntro {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1)
    }
}

@keyframes agegateIntro {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1)
    }
}

body.boilerplate .block-ed-agegate-form,
body.patternlab .block-ed-agegate-form {
    position: static;
    display: block
}

body.boilerplate .block-ed-agegate-form::before,
body.patternlab .block-ed-agegate-form::before {
    position: absolute
}

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

.shop-basket__wrapper .shop-basket__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.shop-basket__wrapper .shop-basket__btn-close {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px
}

.shop-basket__wrapper .shop-basket__btn-close .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.shop-basket__wrapper .icon::before {
    font-family: mac-icon, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.shop-basket__wrapper .icon--x::before {
    content: "\E00A"
}

.tabs-section {
    margin-bottom: 2rem
}

.content-tabs__nav {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style-type: none
}

.content-tabs__nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.content-tabs__nav-item+.content-tabs__nav-item {
    margin-left: -1px
}

.content-tabs__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-align: center;
    padding: .75rem;
    background: #fafafa;
    border: 1px solid #dedede;
    font-size: .875rem
}

@media(min-width:768px) {
    .content-tabs__link {
        font-size: 1rem
    }
}

.content-tabs__link.is-active {
    background: #fff;
    border-bottom-color: transparent
}

.content-tabs__tab {
    display: none;
    padding: 1.5rem 0
}

@media(min-width:768px) {
    .content-tabs__tab {
        padding: 2rem 0
    }
}

.content-tabs__tab.is-active {
    display: block
}

.content-tabs__tab--image img {
    width: 100%;
    display: block;
    margin: 0 auto
}

@media(min-width:768px) {
    .content-tabs__tab--image img {
        width: auto
    }
}

.accordion-section {
    margin-bottom: 2rem
}

.accordion-section .element__heading {
    text-align: center
}

.content-accordion__heading {
    font-weight: 400;
    border-top: 1px solid #dedede;
    margin: 0;
    padding: .75rem 3rem .75rem 0;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content-accordion__heading::after {
    content: '+';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: .75rem 0;
    width: 1em;
    text-align: center
}

.content-accordion__heading.is-active::after {
    content: '–'
}

.content-accordion__heading.is-hidden {
    display: none
}

.content-accordion__panel {
    border-bottom: 1px solid #dedede
}

.content-accordion__panel+.content-accordion__heading {
    margin-top: -1px
}

.content-accordion__panel.is-hidden {
    display: none
}

.content-accordion__show-all {
    text-align: center;
    margin-top: 2rem
}

.content-accordion__show-all.is-hidden {
    display: none
}

.content-accordion__show-all .button {
    margin-bottom: 0
}

.content-accordion.js .content-accordion__panel {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out
}

@media(min-width:576px) {
    .tile-section {
        padding: 3.125rem
    }
}

.tile-section__wrapper {
    max-width: none
}

@media(min-width:576px) {
    .tile-section__wrapper {
        max-width: 80%;
        margin: 0 auto
    }
}

@media(min-width:768px) {
    .tile-section__wrapper {
        max-width: none;
        display: -ms-grid;
        display: grid;
        grid-template-columns: minmax(145px, 1fr) minmax(300px, 2fr) minmax(145px, 1fr);
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "tile-1 tile-2 tile-4" "tile-1 tile-3 tile-4"
    }
}

body.search-overlay-active {
    overflow: hidden
}

.search-overlay {
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.search-overlay>* {
    display: none
}

.search-overlay--active {
    height: calc(100vh - 60px);
    opacity: 1;
    visibility: visible;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 25;
    background: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    overflow-y: auto;
    -ms-overflow-style: none
}

.search-overlay--active::-webkit-scrollbar {
    display: none
}

@media(min-width:576px) {
    .search-overlay--active {
        top: 63px;
        height: calc(100vh - 63)
    }
}

@media(min-width:768px) {
    .search-overlay--active {
        top: 70px;
        padding-top: 4rem;
        padding-bottom: 2.5rem;
        height: calc(100vh - 70px)
    }
}

@media(min-width:992px) {
    body.toolbar-fixed .search-overlay--active {
        top: 100px;
        height: calc(100vh - 100px)
    }
}

@media(min-width:992px) {
    body.toolbar-tray-open .search-overlay--active {
        top: 132px;
        height: calc(100vh - 132px)
    }
}

.search-overlay--active>* {
    display: block
}

.help-topic-group {
    margin-bottom: 4rem
}

@media(min-width:768px) {
    .help-topic-group {
        margin-bottom: 6rem
    }
}

.help-topic-group:last-child {
    margin-bottom: 0
}

.help-topic-group__title {
    margin-bottom: 1.5rem
}

.help-topics-cards__list {
    margin-bottom: -.75rem
}

@media(min-width:768px) {
    .help-topics-cards__list {
        margin-bottom: -2rem
    }
}

.help-topics-cards__list-item {
    margin-bottom: .75rem
}

@media(min-width:768px) {
    .help-topics-cards__list-item {
        margin-bottom: 2rem
    }
}

.help-topic__title {
    text-align: center;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .help-topic__title {
        margin-bottom: 3rem
    }
}

.help-popular-queries {
    margin-bottom: 3rem
}

@media(min-width:768px) {
    .help-popular-queries {
        margin-bottom: 6rem
    }
}

.help-popular-queries__title {
    display: none;
    text-align: center
}

@media(min-width:768px) {
    .help-popular-queries__title {
        display: block
    }
}

.help-popular-queries__cards {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.help-popular-queries__cards>li {
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .help-popular-queries__cards>li {
        margin-bottom: 0
    }
}

.help-popular-queries__cards>li:last-child {
    margin-bottom: 0
}

.help-popular-queries__cards .search-result-card {
    margin-left: auto;
    margin-right: auto;
    min-height: 200px
}

@media(min-width:768px) {
    .help-popular-queries__cards .search-result-card {
        min-height: 350px
    }
}

html.pl body.body {
    max-width: 1440px;
    margin: 2rem auto
}

article.node,
body {
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.pl-grid__item {
    height: 100px
}

.pl-grid__item::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #eee
}

.form-item {
    margin-bottom: 1rem
}

.sg-subtype {
    padding: 1rem;
    background-color: #00334d
}

.sg-subtype h2 {
    font-size: 1.8rem;
    margin: 0
}

.sg-subtype h2 a {
    display: block;
    color: #fff
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes explore_link {
    0% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    40% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transform: translate(-50%, 30px);
        transform: translate(-50%, 30px)
    }
    100% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@keyframes explore_link {
    0% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    40% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transform: translate(-50%, 30px);
        transform: translate(-50%, 30px)
    }
    100% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

html {
    font-size: 85% !important
}

@media(min-width:576px) {
    html {
        font-size: 90% !important
    }
}

@media(min-width:768px) {
    html {
        font-size: 100% !important
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-align: left
}

body.bg-wood,
body.bg-wood-desktop,
body.bg-wood-putty {
    margin: 0
}

body.bg-wood.toolbar-fixed .main-content,
body.bg-wood-desktop.toolbar-fixed .main-content,
body.bg-wood-putty.toolbar-fixed .main-content {
    margin-top: 0
}

.above-content {
    border-bottom: 1px solid #cfcfcf
}

.above-content+.main-content {
    padding-top: 2rem;
    padding-bottom: 3rem;
    background: #fff url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg) center top no-repeat;
    background-size: 100%
}

@media(min-width:768px) {
    .above-content+.main-content {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.above-content+.main-content--with-sidebar {
    padding-top: 0;
    padding-bottom: 0
}

@media(min-width:992px) {
    .above-content+.main-content--with-sidebar {
        padding-top: 3rem;
        padding-bottom: 0
    }
}

.above-content+.main-content--with-sidebar .main-content__content {
    padding-top: 2rem;
    padding-bottom: 3rem
}

@media(min-width:992px) {
    .above-content+.main-content--with-sidebar .main-content__content {
        padding-top: 0;
        padding-bottom: 4rem
    }
}

.above-content+.main-content--with-sidebar .main-content__content .tabs__nav {
    margin-bottom: 2rem
}

.back-to-top {
    display: none
}

.bg-putty {
    background: #f7f5f4
}

.bg-white {
    background: #fff
}

.bg-wood,
.bg-wood-desktop,
.bg-wood-putty,
.bg-putty,
.bg-white {
    position: relative;
    z-index: 0
}

.bg-wood::before,
.bg-wood-desktop::before,
.bg-wood-putty::before,
.bg-putty::before,
.bg-white::before {
    content: "";
    background: center top no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%
}

.bg-wood.bg-bleed::before,
.bg-wood-desktop.bg-bleed::before,
.bg-wood-putty.bg-bleed::before,
.bg-putty.bg-bleed::before,
.bg-white.bg-bleed::before {
    height: calc(0.33 * 100vw);
    max-height: 1000px;
    min-height: 100%;
    background-color: transparent;
    background-image: none
}

@media(max-width:767.98px) {
    .bg-wood::before,
    .bg-wood-desktop::before,
    .bg-wood-putty::before {
        background-position: right;
        background-size: cover
    }
}

.bg-wood::before {
    background-color: #fff;
    background-image: url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg)
}

.bg-wood.bg-bleed::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg)
}

@media(min-width:992px) {
    .bg-wood-desktop::before {
        background-color: #fff;
        background-image: url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg)
    }
    .bg-wood-desktop.bg-bleed::before {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg)
    }
}

.bg-wood-putty::before {
    background-color: #f7f5f4;
    background-image: url(/themes/custom/themacallan_v2/css/../images/bg-wood-putty.jpg)
}

.bg-wood-putty.bg-bleed::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 245, 244, 0)), to(white)), url(/themes/custom/themacallan_v2/css/../images/bg-wood-putty.jpg);
    background-image: linear-gradient(to bottom, rgba(247, 245, 244, 0), white), url(/themes/custom/themacallan_v2/css/../images/bg-wood-putty.jpg)
}

.bg-putty.bg-bleed::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f5f4), color-stop(70%, #f7f5f4), to(white));
    background: linear-gradient(180deg, #f7f5f4 0%, #f7f5f4 70%, white 100%)
}

.bg-bleed+div {
    position: relative;
    z-index: 1
}

body.bg-putty .bg-bleed::before {
    z-index: 0
}

body.bg-putty .bg-white.bg-bleed::before {
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(70%, white), to(#f7f5f4));
    background: linear-gradient(180deg, white 0%, white 70%, #f7f5f4 100%)
}

body.bg-putty .bg-wood.bg-bleed::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f7f5f4)), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f5f4), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg)
}

body.bg-putty .bg-wood-desktop.bg-bleed::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f7f5f4)), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f5f4), url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg)
}

body.bg-putty .bg-wood-putty.bg-bleed::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f7f5f4)), url(/themes/custom/themacallan_v2/css/../images/bg-wood-putty.jpg);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f5f4), url(/themes/custom/themacallan_v2/css/../images/bg-wood-putty.jpg)
}

@font-face {
    font-family: adobe-garamond-italic;
    src: url(../fonts/AGaramondPro-Italic.woff2) format("woff2"), 
	url(../fonts/AGaramondPro-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: adobe-garamond-pro;
    src: url(../fonts/AGaramondPro-Regular.woff2) format("woff2"), 
	url(../fonts/AGaramondPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

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

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

@font-face {
    font-family: gotham_htfight;
    src: url(../fonts/GothamHTF-Light.eot);
    src: url(../fonts/GothamHTF-Light.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/GothamHTF-Light.woff) format("woff"), 
	url(../fonts/GothamHTF-Light.ttf) format("truetype"), 
	url(../fonts/GothamHTF-Light.svg#GothamHTF-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: gothamhtf-thin;
    src: url(../fonts/GothamHTF-Thin.eot);
    src: url(../fonts/GothamHTF-Thin.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/GothamHTF-Thin.woff) format("woff"), 
	url(../fonts/GothamHTF-Thin.ttf) format("truetype"), 
	url(../fonts/GothamHTF-Thin.svg#GothamHTF-Thin) format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

html {
    font-size: 16px;
    font-family: adobe-garamond-pro, times new roman, Serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

body {
    font-family: adobe-garamond-pro, times new roman, Serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: adobe-garamond-pro, times new roman, Serif;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1rem
}

h1 {
    font-size: 3rem
}

h2 {
    font-size: 1.875rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1rem
}

p,
.mac-ex-code-verification-form .form-message {
    font-size: 1.25rem;
    font-family: adobe-garamond-pro, times new roman, Serif;
    line-height: 1.4em;
    margin-bottom: 1rem;
    color: #fff
}

ul,
li {
    font-size: 1.25rem
}

.toolbar-tray ul,
.toolbar-tray li {
    font-size: small
}

a {
    color: #862633
}

@font-face {
    font-family: fontello_brand;
    src: url(../fonts/fontello.eot?56866800);
    src: url(../fonts/fontello.eot?56866800#iefix) format("embedded-opentype"), 
	url(../fonts/fontello.woff2?56866800) format("woff2"), 
	url(../fonts/fontello.woff?56866800) format("woff"), 
	url(../fonts/fontello.ttf?56866800) format("truetype"), 
	url(../fonts/fontello.svg?56866800#fontello) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-bottle::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e80d"
}

.icon-delivery::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e80e"
}

.icon-distillery::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e80f"
}

.icon-my-account::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e811"
}

.icon-bottle-glass::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e814"
}

.icon-faqs::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e820"
}

.icon-bottle-box::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e821"
}

.icon-order::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e82f"
}

.icon-brand-font::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e800"
}

.icon-macallan-experience-horizontal::before {
    font-family: fontello_brand;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\e807 "
}

.icon-brand-font::before,
.icon-macallan-experience-horizontal::before {
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1em
}

.spacer-zero,
article.node .carousel__wrapper--hero_carousel,
article.node .product-details__wrapper,
article.node .embed-block,
article.node .paragraph--type--ed-code-snippet,
article.node .paragraph--type--ed-journal-intro,
article.node .map-section,
.campaign-page .carousel__wrapper--hero_carousel,
.campaign-page .product-details__wrapper,
.campaign-page .embed-block,
.campaign-page .paragraph--type--ed-code-snippet,
.campaign-page .paragraph--type--ed-journal-intro,
.campaign-page .map-section,
.product-page-components .carousel__wrapper--hero_carousel,
.product-page-components .product-details__wrapper,
.product-page-components .embed-block,
.product-page-components .paragraph--type--ed-code-snippet,
.product-page-components .paragraph--type--ed-journal-intro,
.product-page-components .map-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.spacer-zero-top {
    padding-top: 0 !important
}

.spacer-zero-bottom {
    padding-bottom: 0 !important
}

.spacer-s {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.spacer-s-top {
    padding-top: .5rem !important
}

.spacer-s-bottom {
    padding-bottom: .5rem !important
}

.spacer-m {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.spacer-m-top {
    padding-top: 2rem !important
}

.spacer-m-bottom {
    padding-bottom: 2rem !important
}

.spacer-l {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.spacer-l-top {
    padding-top: 3rem !important
}

.spacer-l-bottom {
    padding-bottom: 3rem !important
}

.spacer-xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.spacer-xl-top {
    padding-top: 4rem !important
}

.spacer-xl-bottom {
    padding-bottom: 4rem !important
}

.spacer-normal,
article.node>div,
.campaign-page>div,
.product-page-components>div {
    padding-top: 15px;
    padding-bottom: 15px
}

.spacer-normal-top {
    padding-top: 15px
}

.spacer-normal-bottom {
    padding-bottom: 15px
}

article.node>div,
.campaign-page>div,
.product-page-components>div {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

blockquote.element__blockquote {
    text-align: center;
    padding: 4rem 0;
    width: 90%;
    margin: 1rem auto
}

@media(max-width:991.98px) {
    blockquote.element__blockquote {
        padding: 3rem 0
    }
}

blockquote.element__blockquote p.quote__content,
blockquote.element__blockquote .mac-ex-code-verification-form .quote__content.form-message,
.mac-ex-code-verification-form blockquote.element__blockquote .quote__content.form-message {
    margin-bottom: 2rem
}

blockquote.element__blockquote p.quote__content::before,
blockquote.element__blockquote .mac-ex-code-verification-form .quote__content.form-message::before,
.mac-ex-code-verification-form blockquote.element__blockquote .quote__content.form-message::before,
blockquote.element__blockquote p.quote__content::after,
blockquote.element__blockquote .mac-ex-code-verification-form .quote__content.form-message::after,
.mac-ex-code-verification-form blockquote.element__blockquote .quote__content.form-message::after {
    color: #862633;
    font-size: 5rem
}

blockquote.element__blockquote p.quote__content::before,
blockquote.element__blockquote .mac-ex-code-verification-form .quote__content.form-message::before,
.mac-ex-code-verification-form blockquote.element__blockquote .quote__content.form-message::before {
    margin: 0;
    left: -2.5rem;
    padding-top: .5rem
}

blockquote.element__blockquote p.quote__content::after,
blockquote.element__blockquote .mac-ex-code-verification-form .quote__content.form-message::after,
.mac-ex-code-verification-form blockquote.element__blockquote .quote__content.form-message::after {
    margin: 0;
    right: -2rem;
    padding-top: 3rem
}

blockquote.element__blockquote .author {
    padding-left: 0
}

blockquote.element__blockquote .author::before {
    content: '';
    padding-right: 0
}

blockquote.element__blockquote .author__role {
    padding-left: 0;
    font-size: 1rem
}

.help-page__title {
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 2.25rem;
    text-transform: none
}

.help-search__title {
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 2.25rem;
    text-transform: uppercase
}

.button,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .popup .save,
.btn {
    font-family: gotham, Sans-Serif;
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .3);
    min-width: 10rem
}

.button:hover,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout:hover,
.syrenis-cookie-widget .cookie_btn button:hover,
.syrenis-cookie-widget .popup .save:hover,
.button:focus,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout:focus,
.syrenis-cookie-widget .cookie_btn button:focus,
.syrenis-cookie-widget .popup .save:focus,
.btn:hover,
.btn:focus {
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .7);
    outline: none
}

.button:disabled,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout:disabled,
.syrenis-cookie-widget .cookie_btn button:disabled,
.syrenis-cookie-widget .popup .save:disabled,
.button[disabled],
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout[disabled],
.syrenis-cookie-widget .cookie_btn button[disabled],
.syrenis-cookie-widget .popup .save[disabled] {
    color: #fff;
    background: #1a1a1a;
    border: 1px solid #fff
}

.button:disabled:hover,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout:disabled:hover,
.syrenis-cookie-widget .cookie_btn button:disabled:hover,
.syrenis-cookie-widget .popup .save:disabled:hover,
.button:disabled:focus,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout:disabled:focus,
.syrenis-cookie-widget .cookie_btn button:disabled:focus,
.syrenis-cookie-widget .popup .save:disabled:focus,
.button[disabled]:hover,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout[disabled]:hover,
.syrenis-cookie-widget .cookie_btn button[disabled]:hover,
.syrenis-cookie-widget .popup .save[disabled]:hover,
.button[disabled]:focus,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout[disabled]:focus,
.syrenis-cookie-widget .cookie_btn button[disabled]:focus,
.syrenis-cookie-widget .popup .save[disabled]:focus {
    color: #fff;
    background: #1a1a1a;
    border: 1px solid #fff
}

.button--primary,
.product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-details__wrapper .product-details__details .external button.shopping-cart__checkout,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.contact-us .contact-brand-form.contact .paragraph--btn--primary,
.button--paragraph--btn--primary,
.protected-pages .protected-pages-enter-password .form-fieldset .form-submit {
    background: #862633;
    color: #fff
}

.button--primary:hover,
.product-details__wrapper .product-details__details .external .button:hover,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button:hover,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button:hover,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save:hover,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save:hover,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout:hover,
.contact-us .contact-brand-form.contact .paragraph--btn--primary:hover,
.button--primary:focus,
.product-details__wrapper .product-details__details .external .button:focus,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button:focus,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button:focus,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save:focus,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save:focus,
.shopping-cart .shopping-cart__footer button.shopping-cart__checkout:focus,
.contact-us .contact-brand-form.contact .paragraph--btn--primary:focus,
.button--paragraph--btn--primary:hover,
.protected-pages .protected-pages-enter-password .form-fieldset .form-submit:hover,
.button--paragraph--btn--primary:focus,
.protected-pages .protected-pages-enter-password .form-fieldset .form-submit:focus {
    background: #9a2c3b
}

.button--secondary,
.button--paragraph--btn--secondary {
    background: #1a1a1a;
    color: #fff
}

.button--secondary:hover,
.button--secondary:focus,
.button--paragraph--btn--secondary:hover,
.button--paragraph--btn--secondary:focus {
    background: #272727
}

.button--tertiary,
.button--paragraph--btn--tertiary {
    background: 0 0;
    color: #fff;
border: 1px solid rgba(255, 254, 254, 0.3);
}

.button--tertiary:hover,
.button--tertiary:focus,
.button--paragraph--btn--tertiary:hover,
.button--paragraph--btn--tertiary:focus {
    color: #fff;
    border: 1px solid #fff;
}

.button--text,
.button--paragraph--btn--text {
    background: 0 0;
    color: #1a1a1a;
    border: none;
    padding: 1rem 0;
    min-width: auto
}

.button--text:hover,
.button--text:focus,
.button--paragraph--btn--text:hover,
.button--paragraph--btn--text:focus {
    color: #1a1a1a;
    border: none;
    text-decoration: underline
}

.pager {
    margin: 3.125rem 0
}

.pager .pager__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    -ms-flex-item-align: center;
    align-self: center
}

.pager .pager__item--first,
.pager .pager__item--last {
    display: none
}

.pager .pager__item--previous,
.pager .pager__item--next {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    margin: .75rem;
    background: #8c0000
}

.pager .pager__item--previous a span,
.pager .pager__item--next a span {
    color: #fff
}

.pager .pager__item--previous:hover,
.pager .pager__item--previous:focus,
.pager .pager__item--next:hover,
.pager .pager__item--next:focus {
    background: #9a2c3b
}

.pager .pager__item a {
    display: block;
    position: relative;
    padding: .45rem 0;
    font-size: .75rem;
    font-family: gotham_htfmedium, Sans-Serif;
    color: #343a40
}

.pager .pager__item a:hover,
.pager .pager__item a:focus {
    text-decoration: none
}

.pager .pager__item a:hover::after,
.pager .pager__item a:focus::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 14px;
    border-bottom: solid 2px #8c0000
}

.pager .pager__item.is-active a {
    color: #800603
}

.pager .pager__item.is-active a::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 14px;
    border-bottom: solid 2px #8c0000
}

form {
    width: 100%;
    max-width: 100%
}

form h2 {
    font-size: 1.5rem;
    margin-top: 1.5rem
}

@media(min-width:992px) {
    form h2 {
        font-size: 1.875rem;
        margin-top: 0
    }
}

form p,
form .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form form .form-message {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-top: 1rem;
    margin-bottom: 1rem
}

form label,
form .form-item__label {
    display: inline-block;
    line-height: 1.15;
    font-family: gotham_htfmedium, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: .075rem;
    font-size: .8rem;
    margin: .635rem 0;
    font-weight: 400
}

form label.dob_label,
form .form-item__label.dob_label {
    padding-left: 1rem;
    text-align: center
}

@media(min-width:992px) {
    form label.dob_label,
    form .form-item__label.dob_label {
        text-align: left
    }
}

form .option {
    font-size: .625rem;
    text-transform: none
}

form .option a {
    color: #1a1a1a;
    text-decoration: underline
}

form .webform-actions {
    background: 0 0
}

form .webform-actions .webform-button--submit.button,
form .webform-actions .shopping-cart .shopping-cart__footer button.webform-button--submit.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer form .webform-actions button.webform-button--submit.shopping-cart__checkout,
form .webform-actions .syrenis-cookie-widget .cookie_btn button.webform-button--submit,
.syrenis-cookie-widget .cookie_btn form .webform-actions button.webform-button--submit,
form .webform-actions .syrenis-cookie-widget .popup .webform-button--submit.save,
.syrenis-cookie-widget .popup form .webform-actions .webform-button--submit.save {
    margin-bottom: 0
}

.hidden {
    display: none !important
}

span.validation.error {
    font-size: .9rem;
    color: darkred
}

.webform-submission-estate-test-and-protect-form {
    max-width: 500px;
    margin: 0 auto
}

.webform-submission-estate-test-and-protect-form label,
.webform-submission-estate-test-and-protect-form .form-item__label {
    display: block
}

input[type=text],
input[type=email],
input[type=tel],
input[type=username],
input[type=password],
input[type=url],
input[type=number],
input[type=date],
textarea {
    font-family: gotham, Sans-Serif;
    background-color: #f4f3f3;
    border-radius: 0;
    letter-spacing: .075rem;
    border: solid .0625rem #f4f3f3
}

input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=username].error,
input[type=password].error,
input[type=url].error,
input[type=number].error,
input[type=date].error,
textarea.error {
    border: 1px solid #8b0000 !important
}

input[type=text]::-ms-expand,
input[type=email]::-ms-expand,
input[type=tel]::-ms-expand,
input[type=username]::-ms-expand,
input[type=password]::-ms-expand,
input[type=url]::-ms-expand,
input[type=number]::-ms-expand,
input[type=date]::-ms-expand,
textarea::-ms-expand {
    display: none
}

input[type=text].is_white,
input[type=email].is_white,
input[type=tel].is_white,
input[type=username].is_white,
input[type=password].is_white,
input[type=url].is_white,
input[type=number].is_white,
input[type=date].is_white,
textarea.is_white {
    background-color: rgba(255, 255, 255, .8);
    color: #000
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=username]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=number]:focus,
input[type=date]:focus,
textarea:focus {
    outline: 0
}

input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:hover,
input[type=text]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:active,
input[type=email]:-webkit-autofill,
input[type=email]:-webkit-autofill:hover,
input[type=email]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:active,
input[type=tel]:-webkit-autofill,
input[type=tel]:-webkit-autofill:hover,
input[type=tel]:-webkit-autofill:focus,
input[type=tel]:-webkit-autofill:active,
input[type=username]:-webkit-autofill,
input[type=username]:-webkit-autofill:hover,
input[type=username]:-webkit-autofill:focus,
input[type=username]:-webkit-autofill:active,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:active,
input[type=url]:-webkit-autofill,
input[type=url]:-webkit-autofill:hover,
input[type=url]:-webkit-autofill:focus,
input[type=url]:-webkit-autofill:active,
input[type=number]:-webkit-autofill,
input[type=number]:-webkit-autofill:hover,
input[type=number]:-webkit-autofill:focus,
input[type=number]:-webkit-autofill:active,
input[type=date]:-webkit-autofill,
input[type=date]:-webkit-autofill:hover,
input[type=date]:-webkit-autofill:focus,
input[type=date]:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f4f3f3 inset !important
}

textarea {
    display: block;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .7)
}

.macallan-experience textarea[name=description] {
    text-transform: none
}

select {
    font-family: gotham_htfmedium, Sans-Serif;
    background-color: #f4f3f3;
    border-radius: 0;
    letter-spacing: .075rem;
    border: solid .0625rem transparent;
    text-transform: uppercase
}

select.error {
    border: 1px solid #8b0000 !important
}

select::-ms-expand {
    display: none
}

select.is_white {
    background-color: rgba(255, 255, 255, .8);
    color: #000
}

select:focus {
    outline: 0
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=)
}

select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f4f3f3 inset !important
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: .0625rem solid #b3b3b3
}

input[type=checkbox]:checked {
    background: #8b0000
}

input[type=checkbox]:checked~.option::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 .1875rem .1875rem 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(min-width:576px) {
    input[type=checkbox]:checked~.option::before {
        top: 9px;
        left: 8px
    }
}

@media(min-width:768px) {
    input[type=checkbox]:checked~.option::before {
        width: 8px;
        height: 14px
    }
}

input[type=checkbox]:checked::after {
    display: block
}

input[type=checkbox]:disabled {
    background: #cfcfcf
}

input[type=checkbox]:focus {
    outline: 0
}

input[type=checkbox]::after {
    top: 4px;
    left: 5px;
    position: absolute;
    width: .5rem;
    height: .875rem;
    border: solid #fff;
    border-width: 0 .1875rem .1875rem 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none
}

.spinner {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: 2rem
}

.spinner div {
    -webkit-animation: spinner 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: spinner 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    -webkit-transform-origin: 32px 32px;
    transform-origin: 32px 32px
}

.spinner div::after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4d4d4d;
    margin: -3px 0 0 -3px
}

.spinner div:nth-child(1) {
    -webkit-animation-delay: -.036s;
    animation-delay: -.036s
}

.spinner div:nth-child(1)::after {
    top: 50px;
    left: 50px
}

.spinner div:nth-child(2) {
    -webkit-animation-delay: -.072s;
    animation-delay: -.072s
}

.spinner div:nth-child(2)::after {
    top: 54px;
    left: 45px
}

.spinner div:nth-child(3) {
    -webkit-animation-delay: -.108s;
    animation-delay: -.108s
}

.spinner div:nth-child(3)::after {
    top: 57px;
    left: 39px
}

.spinner div:nth-child(4) {
    -webkit-animation-delay: -.144s;
    animation-delay: -.144s
}

.spinner div:nth-child(4)::after {
    top: 58px;
    left: 32px
}

.spinner div:nth-child(5) {
    -webkit-animation-delay: -.18s;
    animation-delay: -.18s
}

.spinner div:nth-child(5)::after {
    top: 57px;
    left: 25px
}

.spinner div:nth-child(6) {
    -webkit-animation-delay: -.216s;
    animation-delay: -.216s
}

.spinner div:nth-child(6)::after {
    top: 54px;
    left: 19px
}

.spinner div:nth-child(7) {
    -webkit-animation-delay: -.252s;
    animation-delay: -.252s
}

.spinner div:nth-child(7)::after {
    top: 50px;
    left: 14px
}

.spinner div:nth-child(8) {
    -webkit-animation-delay: -.288s;
    animation-delay: -.288s
}

.spinner div:nth-child(8)::after {
    top: 45px;
    left: 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.alert-bar {
    background: #393f46
}

.alert-bar__icon,
.alert-bar__dismiss {
    font-size: 1.25rem
}

.alert-bar.alert-bar--shopping {
    background: #862633
}

.alert-bar.alert-bar--shopping a.button,
.alert-bar.alert-bar--shopping .syrenis-cookie-widget .popup a.save,
.syrenis-cookie-widget .popup .alert-bar.alert-bar--shopping a.save,
.alert-bar.alert-bar--shopping button.button,
.alert-bar.alert-bar--shopping .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .alert-bar.alert-bar--shopping button.shopping-cart__checkout,
.alert-bar.alert-bar--shopping .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .alert-bar.alert-bar--shopping button,
.alert-bar.alert-bar--shopping .syrenis-cookie-widget .popup button.save,
.syrenis-cookie-widget .popup .alert-bar.alert-bar--shopping button.save {
    color: #862633
}

@media(min-width:992px) {
    .alert-bar .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.alert-bar p,
.alert-bar .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .alert-bar .form-message {
    font-size: .75rem;
    line-height: 1.5;
    margin: 0 1rem;
    color: #fff;
    font-family: gotham, Sans-Serif
}

.alert-bar a {
    font-weight: 700
}

.alert-bar a.button,
.alert-bar .syrenis-cookie-widget .popup a.save,
.syrenis-cookie-widget .popup .alert-bar a.save,
.alert-bar button.button,
.alert-bar .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .alert-bar button.shopping-cart__checkout,
.alert-bar .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .alert-bar button,
.alert-bar .syrenis-cookie-widget .popup button.save,
.syrenis-cookie-widget .popup .alert-bar button.save {
    font-weight: 600;
    text-decoration: none;
    background: #fff;
    color: #393f46;
    padding: .7em 1.2em;
    min-width: 0;
    font-family: gotham_htfmedium, Sans-Serif
}

.mob-menu-active .header .alert-bar,
.search-overlay-active .header .alert-bar {
    display: none
}

@media(max-width:767.98px) {
    .mini-cart-active .header .alert-bar {
        display: none
    }
}

.hero-item {
    background: #1a1a1a;
    padding: 4rem 2rem !important;
    z-index: 0
}

.hero-item:first-child {
    -webkit-transition: padding 500ms;
    transition: padding 500ms;
    padding: 6rem 2rem 4rem
}

.with-alert-bar .hero-item:first-child {
    -webkit-transition: none;
    transition: none;
    padding-top: 12rem
}

.toolbar-fixed .hero-item:first-child,
.toolbar-fixed.toolbar-tray-open .hero-item:first-child,
.toolbar-horizontal .hero-item:first-child,
.toolbar-vertical .hero-item:first-child {
    padding-top: 6rem
}

.hero-item.gradient-full::before,
.hero-item.gradient-centre::before,
.hero-item.gradient-top::before,
.hero-item.gradient-bottom::before,
.hero-item.gradient-left::before,
.hero-item.gradient-right::before {
    background: rgba(0, 0, 0, .5)
}

@media(min-width:768px) {
    .hero-item.gradient-centre::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(40%, rgba(0, 0, 0, 0.5)), color-stop(60%, rgba(0, 0, 0, 0.5)), to(transparent));
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.5) 60%, transparent 100%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-top::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, 0.8)), color-stop(15%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 6%, rgba(0, 0, 0, 0) 15%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-bottom::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.8) 100%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-left::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(70%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 70%)
    }
}

@media(min-width:768px) {
    .hero-item.gradient-right::before {
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%)
    }
}

.node div:last-child.hero-item.hero-item__image {
    margin-bottom: 0
}

.hero-item__outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #fff
}

.hero-item__outline::before {
    left: -50px
}

.hero-item__outline::after {
    right: -60px
}

.hero-item__outline::after,
.hero-item__outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #fff;
    margin-right: 15px;
    opacity: .3
}

.hero-item {
    overflow: hidden;
    margin-bottom: 0
}

.hero-item__heading {
    margin: 1rem 0 1.875rem;
    font-family: adobe-garamond-pro, times new roman, Serif;
    line-height: 1.2;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px
}

.hero-item__heading:last-child {
    margin-bottom: 0
}

.hero-item__content {
    z-index: 5
}

.hero-item__content p,
.hero-item__content .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .hero-item__content .form-message {
    color: #fff
}

.hero-item__caption {
    font-size: 1.25rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 2rem
}

.hero-item__caption .btn {
    display: table;
    margin: 1rem auto 0
}

.hero-item.zoom-in-on-load .hero-item__bg-image {
    -webkit-transition: .6s ease-out opacity, 10s linear transform;
    transition: .6s ease-out opacity, 10s linear transform;
    -webkit-animation: fadein 2s, zoomin 10s;
    animation: fadein 2s, zoomin 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.carousel__wrapper--hero_carousel .owl-item .hero-item__bg-image {
    -webkit-transition: 5s ease-in-out transform;
    transition: 5s ease-in-out transform
}

.carousel__wrapper--hero_carousel .owl-item.active .hero-item__bg-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.owl-item .hero-item__outline,
.owl-item .hero-item__heading,
.owl-item .hero-item__caption,
.owl-item .hero-item__actions {
    -webkit-transition: 1s linear opacity, 1s ease-out transform;
    transition: 1s linear opacity, 1s ease-out transform;
    opacity: 0
}

.owl-item .hero-item__outline {
    -webkit-transform: translate3d(0, -20px, 1px);
    transform: translate3d(0, -20px, 1px);
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.owl-item .hero-item__heading {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

.owl-item .hero-item__caption {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transform: translate3d(0, 10px, 1px);
    transform: translate3d(0, 10px, 1px)
}

.owl-item .hero-item__actions {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
    -webkit-transform: translate3d(0, 20px, 1px);
    transform: translate3d(0, 20px, 1px)
}

.owl-item.active .hero-item__outline,
.owl-item.active .hero-item__heading,
.owl-item.active .hero-item__caption,
.owl-item.active .hero-item__actions {
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
    opacity: 1
}

.hero-item.zoom-in-out-on-scroll .hero-item__bg-image {
    will-change: transform;
    -webkit-transform: scale(var(--tx), var(--tx));
    transform: scale(var(--tx), var(--tx))
}

.hero-item__video {
    position: relative;
    overflow: visible
}

.hero-item__video .hero-item__outline {
    display: none
}

@media(min-width:768px) {
    .hero-item__video .hero-item__outline {
        display: inline-block
    }
}

div.ed_hero_video {
    margin-top: 4.375rem
}

.two-col__item-image {
    height: 20em;
    overflow: hidden
}

@media(min-width:576px) {
    .two-col__item-image {
        height: auto;
        overflow: visible
    }
}

.two-col__item-image img {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 18.75rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.ed_agegate_modal .overlay_heading {
    text-align: center;
    font-size: 1.875rem;
    letter-spacing: 2px
}

.ed_agegate_modal .form-control {
    background-color: #f4f3f3;
    border-radius: 0;
    border: none;
    color: #1a1a1a;
    font-family: gotham, Sans-Serif;
    font-size: .75rem;
    line-height: 1.0625rem;
    letter-spacing: .0625rem;
    text-transform: uppercase
}

.ed_agegate_modal .agegate__btn {
    font-family: gotham, Sans-Serif;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 2px
}

.main-content__sidebar {
    position: relative;
    border-bottom: 1px solid #ced4da;
    background: #fff
}

@media(min-width:992px) {
    .main-content__sidebar {
        padding-bottom: 3rem;
        margin-top: -100px;
        border: none;
        background: 0 0
    }
}

.sidebar-menu {
    padding: 1rem 0 .8rem
}

@media(min-width:992px) {
    .sidebar-menu {
        padding: 100px 1rem 0 0;
        position: sticky;
        top: 0
    }
}

@media(min-width:992px) {
    .sidebar-menu {
        padding-right: 2rem
    }
}

@media(min-width:1200px) {
    .sidebar-menu {
        padding-right: 3rem
    }
}

@media(min-width:992px) {
    .sidebar-menu__title {
        margin: 0;
        padding-bottom: .75rem;
        font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
        font-size: 1.5rem;
        text-transform: none;
        border-bottom: 1px solid #ced4da
    }
}

.sidebar-menu__title--mobile {
    margin: 0 .75rem 0 0;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .75rem;
    line-height: 25px;
    text-transform: uppercase
}

@media(min-width:576px) {
    .sidebar-menu__title--mobile {
        line-height: 27px
    }
}

@media(min-width:768px) {
    .sidebar-menu__title--mobile {
        line-height: 30px
    }
}

.sidebar-menu .stacked-menu {
    margin-top: 0
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu {
        margin-top: 2rem
    }
}

.sidebar-menu .stacked-menu__item {
    color: #1a1a1a
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item {
        margin: .65rem 0
    }
}

.sidebar-menu .stacked-menu__item--active {
    margin: 0
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item--active {
        margin: .65rem 0
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item--active>a:hover,
    .sidebar-menu .stacked-menu__item--active>a:focus {
        text-decoration: underline
    }
}

.sidebar-menu .stacked-menu__item a {
    position: relative;
    color: #1a1a1a
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item a:hover,
    .sidebar-menu .stacked-menu__item a:focus {
        color: #862633
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link {
        display: block;
        visibility: visible
    }
}

.sidebar-menu .stacked-menu__link--active::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e807";
    font-size: .9rem;
    margin-left: .5rem;
    text-decoration: none
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link--active::after {
        display: none
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link--active {
        text-decoration: underline
    }
}

.sidebar-menu .stacked-menu__link.is-active {
    color: #1a1a1a
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link.is-active {
        color: #862633
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link.is-active::before {
        content: ' ';
        position: absolute;
        left: -25px;
        top: 50%;
        width: 18px;
        color: #862633;
        border-bottom: 1px #862633 solid
    }
}

.sidebar-menu .stacked-menu--sub {
    margin-top: 0
}

.sidebar-menu .stacked-menu .submenu {
    background: 0 0
}

.main-nav .main-menu__link {
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .75rem
}

.header-light .main-menu__link {
    color: #fff
}

.header.is-stuck .main-menu__link {
    color: #1a1a1a
}

.breadcrumb {
    font-size: 1.5rem;
    line-height: 1.2em;
    margin-bottom: 1.5rem
}

@media(min-width:992px) {
    .breadcrumb {
        padding-bottom: .65rem;
        border-bottom: 1px solid #ced4da;
        margin-bottom: 2.75rem
    }
}

.breadcrumb__item {
    font-size: .9rem;
    color: #1a1a1a
}

.breadcrumb__item:nth-child(1) {
    display: none
}

.breadcrumb__item:last-child {
    display: none
}

@media(min-width:768px) {
    .breadcrumb__item:last-child {
        display: inline-block
    }
}

.breadcrumb__item::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e809";
    font-size: .75em;
    margin-left: .5rem;
    margin-right: .5rem
}

.breadcrumb__link,
.breadcrumb__link:focus,
.breadcrumb__link:link,
.breadcrumb__link:visited {
    color: #1a1a1a;
    text-decoration: none
}

@media(min-width:768px) {
    .breadcrumb__link,
    .breadcrumb__link:focus,
    .breadcrumb__link:link,
    .breadcrumb__link:visited {
        text-decoration: underline
    }
}

.breadcrumb__link:hover,
.breadcrumb__link:focus,
.breadcrumb__link:focus:hover,
.breadcrumb__link:focus:focus,
.breadcrumb__link:link:hover,
.breadcrumb__link:link:focus,
.breadcrumb__link:visited:hover,
.breadcrumb__link:visited:focus {
    color: #862633
}

.main-content__sidebar {
    position: relative;
    border-bottom: 1px solid #ced4da;
    background: #fff
}

@media(min-width:992px) {
    .main-content__sidebar {
        padding-bottom: 3rem;
        margin-top: -100px;
        border: none;
        background: 0 0
    }
}

.sidebar-menu {
    padding: 1rem 0 .8rem
}

@media(min-width:992px) {
    .sidebar-menu {
        padding: 100px 1rem 0 0;
        position: sticky;
        top: 0
    }
}

@media(min-width:992px) {
    .sidebar-menu {
        padding-right: 2rem
    }
}

@media(min-width:1200px) {
    .sidebar-menu {
        padding-right: 3rem
    }
}

@media(min-width:992px) {
    .sidebar-menu__title {
        margin: 0;
        padding-bottom: .75rem;
        font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
        font-size: 1.5rem;
        text-transform: none;
        border-bottom: 1px solid #ced4da
    }
}

.sidebar-menu__title--mobile {
    margin: 0 .75rem 0 0;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .75rem;
    line-height: 25px;
    text-transform: uppercase
}

@media(min-width:576px) {
    .sidebar-menu__title--mobile {
        line-height: 27px
    }
}

@media(min-width:768px) {
    .sidebar-menu__title--mobile {
        line-height: 30px
    }
}

.sidebar-menu .stacked-menu {
    margin-top: 0
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu {
        margin-top: 2rem
    }
}

.sidebar-menu .stacked-menu__item {
    color: #1a1a1a
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item {
        margin: .65rem 0
    }
}

.sidebar-menu .stacked-menu__item--active {
    margin: 0
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item--active {
        margin: .65rem 0
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item--active>a:hover,
    .sidebar-menu .stacked-menu__item--active>a:focus {
        text-decoration: underline
    }
}

.sidebar-menu .stacked-menu__item a {
    position: relative;
    color: #1a1a1a
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__item a:hover,
    .sidebar-menu .stacked-menu__item a:focus {
        color: #862633
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link {
        display: block;
        visibility: visible
    }
}

.sidebar-menu .stacked-menu__link--active::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e807";
    font-size: .9rem;
    margin-left: .5rem;
    text-decoration: none
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link--active::after {
        display: none
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link--active {
        text-decoration: underline
    }
}

.sidebar-menu .stacked-menu__link.is-active {
    color: #1a1a1a
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link.is-active {
        color: #862633
    }
}

@media(min-width:992px) {
    .sidebar-menu .stacked-menu__link.is-active::before {
        content: ' ';
        position: absolute;
        left: -25px;
        top: 50%;
        width: 18px;
        color: #862633;
        border-bottom: 1px #862633 solid
    }
}

.sidebar-menu .stacked-menu--sub {
    margin-top: 0
}

.sidebar-menu .stacked-menu .submenu {
    background: 0 0
}

.main-nav .main-menu__link {
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .75rem
}

.header-light .main-menu__link {
    color: #fff
}

.header.is-stuck .main-menu__link {
    color: #1a1a1a
}

.breadcrumb {
    font-size: 1.5rem;
    line-height: 1.2em;
    margin-bottom: 1.5rem
}

@media(min-width:992px) {
    .breadcrumb {
        padding-bottom: .65rem;
        border-bottom: 1px solid #ced4da;
        margin-bottom: 2.75rem
    }
}

.breadcrumb__item {
    font-size: .9rem;
    color: #1a1a1a
}

.breadcrumb__item:nth-child(1) {
    display: none
}

.breadcrumb__item:last-child {
    display: none
}

@media(min-width:768px) {
    .breadcrumb__item:last-child {
        display: inline-block
    }
}

.breadcrumb__item::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e809";
    font-size: .75em;
    margin-left: .5rem;
    margin-right: .5rem
}

.breadcrumb__link,
.breadcrumb__link:focus,
.breadcrumb__link:link,
.breadcrumb__link:visited {
    color: #1a1a1a;
    text-decoration: none
}

@media(min-width:768px) {
    .breadcrumb__link,
    .breadcrumb__link:focus,
    .breadcrumb__link:link,
    .breadcrumb__link:visited {
        text-decoration: underline
    }
}

.breadcrumb__link:hover,
.breadcrumb__link:focus,
.breadcrumb__link:focus:hover,
.breadcrumb__link:focus:focus,
.breadcrumb__link:link:hover,
.breadcrumb__link:link:focus,
.breadcrumb__link:visited:hover,
.breadcrumb__link:visited:focus {
    color: #862633
}

.product-details__wrapper {
    background-color: #fff;
    background-image: url(/themes/custom/themacallan_v2/css/../images/v-wood-background.png);
    background-repeat: no-repeat;
    background-position-x: center;
    margin-bottom: 0;
    position: relative
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--complex .product-details__image {
        -webkit-transform: none;
        transform: none;
        left: 40%
    }
}

.product-details__wrapper.product-details__wrapper--simple,
.product-details__wrapper.product-details__wrapper--complex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1rem
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--simple,
    .product-details__wrapper.product-details__wrapper--complex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple,
    .product-details__wrapper.product-details__wrapper--complex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.product-details__wrapper.product-details__wrapper--simple .product-details__details,
.product-details__wrapper.product-details__wrapper--complex .product-details__details {
    top: auto;
    left: auto;
    z-index: 2;
    position: static;
    width: 100%;
    text-align: center;
    padding: 0;
    -webkit-transform: none;
    transform: none
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__details,
    .product-details__wrapper.product-details__wrapper--complex .product-details__details {
        padding: 0 calc(2.5rem + 15px);
        top: 50%;
        left: 50%;
        position: absolute;
        width: 46%;
        text-align: left;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__details,
    .product-details__wrapper.product-details__wrapper--complex .product-details__details {
        left: 65%;
        width: 30%
    }
}

.product-details__wrapper.product-details__wrapper--simple .product-details__image,
.product-details__wrapper.product-details__wrapper--complex .product-details__image {
    width: 100%
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image,
    .product-details__wrapper.product-details__wrapper--complex .product-details__image {
        width: 46%
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image,
    .product-details__wrapper.product-details__wrapper--complex .product-details__image {
        width: 26%
    }
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper .product-image__image-primary,
    .product-details__wrapper.product-details__wrapper--complex .product-details__image .product-image__wrapper .product-image__image-primary {
        max-height: calc(100vh - 150px)
    }
}

.product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper .product-image__image-primary img,
.product-details__wrapper.product-details__wrapper--complex .product-details__image .product-image__wrapper .product-image__image-primary img {
    max-height: 300px;
    height: 100%;
    margin-bottom: 30px;
    width: auto
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper .product-image__image-primary img,
    .product-details__wrapper.product-details__wrapper--complex .product-details__image .product-image__wrapper .product-image__image-primary img {
        max-height: 500px;
        margin-bottom: 0
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper .product-image__image-primary img,
    .product-details__wrapper.product-details__wrapper--complex .product-details__image .product-image__wrapper .product-image__image-primary img {
        max-height: 685px
    }
}

.product-details__wrapper.product-details__wrapper--non_whisky {
    background: 0 0
}

.product-details__wrapper.product-details__wrapper--non_whisky .product-details__details {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-details__wrapper .carousel__wrapper--simple .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px
}

.product-details__wrapper .carousel__wrapper--simple .owl-theme .owl-dots .owl-dot.active span {
    background-color: #862633
}

.product-details__wrapper .product-details__outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__outline {
        display: block;
        position: absolute;
        width: 36%;
        right: 65%;
        max-width: 420px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__details,
    .product-details__wrapper .product-details__outline {
        max-height: calc(100vh - 150px);
        -ms-overflow-style: none;
        overflow-y: auto;
        scrollbar-width: none
    }
    .product-details__wrapper .product-details__details::-webkit-scrollbar,
    .product-details__wrapper .product-details__outline::-webkit-scrollbar {
        display: none
    }
}

.product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary {
    height: 100%;
    margin-top: 5rem;
    padding: 0
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary {
        padding: 100px 0 60px
    }
}

.product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary img {
    max-height: 290px;
    height: 100%;
    margin-bottom: 30px;
    width: auto
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__image .product-image__wrapper .product-image__image-primary img {
        max-height: 685px
    }
}

.product-details__wrapper .product-details__image .product-image__wrapper {
    height: 100%;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__image .product-image__wrapper {
        margin-bottom: 0
    }
}

@media(min-width:992px) {
    .product-details__wrapper .product-details__image .product-image__wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: 2;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    @supports not (-ms-ime-align:auto) {
        .product-details__wrapper .product-details__image .product-image__wrapper {
            position: fixed
        }
    }
}

@media(min-width:992px) {
    .product-details__wrapper .product-details__image .product-image__wrapper.is-static {
        position: absolute
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image {
        max-width: 450px;
        height: 100%;
        max-height: calc(100vh - 130px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper {
        position: static;
        height: 100%;
        -webkit-transform: none;
        transform: none;
        left: 0
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper .product-image__image-primary {
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper .product-image__image-primary img {
        max-width: 100%
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--simple .product-details__image .product-image__wrapper .product-image__image-primary img {
        width: auto
    }
}

.product-details__wrapper .product-details__details {
    padding: 0 calc(2.5rem + 15px);
    text-align: center
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__details {
        padding: 0;
        text-align: left
    }
}

.product-details__wrapper .product-details__details h1 {
    margin: 1rem 0;
    letter-spacing: 2px;
    font-family: adobe-garamond-pro, times new roman, Serif;
    font-size: 1.875em;
    font-weight: 400;
    text-transform: uppercase
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__details h1 {
        font-size: 2.5em
    }
}

.product-details__wrapper .product-details__details .external .price-box .price {
    width: 100%
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__details .external .price-box .price {
        width: auto
    }
}

.product-details__wrapper .product-details__details .external .price-box .vat {
    width: 100%
}

@media(min-width:576px) {
    .product-details__wrapper .product-details__details .external .price-box .vat {
        margin-left: 2rem
    }
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__details .external .price-box .vat {
        width: auto
    }
}

.product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-details__wrapper .product-details__details .external button.shopping-cart__checkout,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save {
    margin: .625rem auto 0
}

@media(min-width:992px) {
    .product-details__wrapper .product-details__details .external .button,
    .product-details__wrapper .product-details__details .external .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .product-details__wrapper .product-details__details .external button.shopping-cart__checkout,
    .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
    .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
    .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
    .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save {
        width: 40%;
        margin: .625rem 0 0
    }
}

.product-details__wrapper .product-details__details .price-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width:576px) {
    .product-details__wrapper .product-details__details .price-box {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.product-details__wrapper .product-details__details .price-box .price {
    width: 100%;
    margin-bottom: 1rem
}

@media(min-width:576px) {
    .product-details__wrapper .product-details__details .price-box .price {
        width: auto;
        margin-bottom: 0
    }
}

.product-details__wrapper .product-details__details .price-box .vat {
    width: 100%;
    margin: 0 0 1rem;
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    color: #4d4d4d;
    letter-spacing: .01875rem
}

@media(min-width:576px) {
    .product-details__wrapper .product-details__details .price-box .vat {
        width: auto;
        margin-left: 2rem;
        margin-bottom: 0
    }
}

.product-details__wrapper .product-details__details .shipping {
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #8b0000;
    letter-spacing: .03125rem;
    text-decoration: none
}

.product-details__wrapper .product-details__details .product-enquiry {
    display: inline-block
}

.product-details__wrapper .product-details__outline {
    padding: 0 2.5rem;
    display: none
}

@media(min-width:992px) {
    .product-details__wrapper .product-details__outline {
        display: block
    }
}

.product-details__wrapper .product-details__outline h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    font-weight: 400;
    color: #000
}

.product-details__wrapper .product-details__outline h3::before {
    left: -50px
}

.product-details__wrapper .product-details__outline h3::after {
    right: -60px
}

.product-details__wrapper .product-details__outline h3::after,
.product-details__wrapper .product-details__outline h3::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.product-details__wrapper .product-details__outline p,
.product-details__wrapper .product-details__outline .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .product-details__wrapper .product-details__outline .form-message {
    line-height: 1.4;
    font-size: 1.25rem
}

.product-details__wrapper .product-details__vol {
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75rem;
    margin: 0
}

.product-details__wrapper .product-details__product-copy {
    font-size: 1.125rem;
    line-height: 1.2
}

@media(min-width:768px) {
    .product-details__wrapper .product-details__product-copy {
        font-size: 1.25rem
    }
}

@media(min-width:768px) {
    .product-details__wrapper .scroll-icon {
        display: block;
        position: absolute;
        bottom: 10px;
        left: 50%;
        text-align: center;
        margin-left: -7px;
        background-image: url(/themes/custom/themacallan_v2/css/../images/arrow-down.png);
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        cursor: pointer;
        top: auto
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--complex .product-details__details {
        top: 50%;
        left: 65%;
        z-index: 2;
        position: absolute;
        width: 30%;
        text-align: left;
        padding: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.product-details__wrapper.product-details__wrapper--complex .product-details__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20%
}

@media(min-width:768px) {
    .product-details__wrapper.product-details__wrapper--complex .product-details__image {
        left: auto;
        width: 46%;
        -webkit-transform: none;
        transform: none
    }
}

@media(min-width:992px) {
    .product-details__wrapper.product-details__wrapper--complex .product-details__image {
        left: 0;
        width: 20%
    }
}

@media(min-width:768px) {
    .product-details__carousel .owl-carousel .owl-item .owl-item__inner--simple img {
        width: auto;
        max-width: 100%
    }
}

.product-listing:hover .product-listing__wrapper {
    text-decoration: none;
    color: #1a1a1a
}

@media(min-width:992px) {
    .product-listing:hover .product-listing__action-label {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-1.8rem);
        transform: translateY(-1.8rem)
    }
}

@media(min-width:992px) {
    .product-listing:hover .product-listing__heading,
    .product-listing:hover .product-listing__price {
        -webkit-transform: translateY(-1.8rem);
        transform: translateY(-1.8rem)
    }
}

@media(min-width:992px) {
    .product-listing:hover .product-image__image-primary {
        opacity: 0
    }
}

@media(min-width:992px) {
    .product-listing:hover .product-image__image-hover {
        opacity: 1
    }
}

.grid__item .product-listing {
    height: 100%;
    background: #fff;
    border: 1px solid #f7f5f4
}

.product-listing__wrapper {
    height: 100%;
    text-decoration: none;
    padding: 2.75rem 2rem 2rem;
    color: #1a1a1a
}

.product-listing__wrapper:hover,
.product-listing__wrapperfocus {
    text-decoration: none
}

.product-listing__heading {
    -webkit-transition: -webkit-transform 700ms;
    transition: -webkit-transform 700ms;
    transition: transform 700ms;
    transition: transform 700ms, -webkit-transform 700ms;
    text-transform: none;
    color: #fff;
    margin-top: 2rem
}

.product-listing__price {
    -webkit-transition: -webkit-transform 700ms;
    transition: -webkit-transform 700ms;
    transition: transform 700ms;
    transition: transform 700ms, -webkit-transform 700ms;
    color: #565656;
    font-size: 1.25rem
}

@media(min-width:992px) {
    .product-listing__price {
        font-size: 1.75rem
    }
}

.product-listing .product-image__wrapper {
    height: 200px;
    overflow: hidden
}

@media(min-width:992px) {
    .product-listing .product-image__wrapper {
        height: 270px
    }
}

.product-listing .product-image__wrapper img {
    max-height: 100%
}

.product-listing .product-image__image-primary {
    height: 100%;
    position: static;
    -webkit-transition: opacity 700ms;
    transition: opacity 700ms
}

.product-listing .product-image__image-hover {
    height: 86%;
    display: block;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 700ms;
    transition: opacity 700ms
}

.product-listing .product-image__image-hover img {
    width: auto
}

.product-listing__action-label {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 1rem 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 700ms, visibility 700ms, -webkit-transform 700ms;
    transition: opacity 700ms, visibility 700ms, -webkit-transform 700ms;
    transition: transform 700ms, opacity 700ms, visibility 700ms;
    transition: transform 700ms, opacity 700ms, visibility 700ms, -webkit-transform 700ms;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .85rem;
    letter-spacing: .075rem;
    color: #862633
}

.quick-buy__open {
    z-index: 3
}

.owl-carousel .quick-buy__open {
    -webkit-transition: none;
    transition: none
}

.quick-buy__open .icon-plus {
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 700ms, background 700ms, border 700ms;
    transition: color 700ms, background 700ms, border 700ms
}

.quick-buy__open .icon-plus::before {
    content: '+';
    line-height: 1;
    font-size: 20px;
    position: relative;
    top: -2px
}

@media(min-width:992px) {
    .quick-buy__open:hover .icon-plus {
        border-color: #862633;
        background: #862633;
        color: #fff
    }
}

.quick-buy__open span {
    display: inline-block;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    letter-spacing: .075rem;
    color: #1a1a1a;
    margin-left: .75rem;
    font-size: .9rem;
    -webkit-transition: opacity 700ms;
    transition: opacity 700ms
}

.featured .quick-buy__open span {
    color: #fff
}

@media(min-width:992px) {
    .quick-buy .button--primary,
    .quick-buy .product-details__wrapper .product-details__details .external .button,
    .product-details__wrapper .product-details__details .external .quick-buy .button,
    .quick-buy .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
    .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn .quick-buy button,
    .quick-buy .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
    .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external .quick-buy button,
    .quick-buy .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
    .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .quick-buy .save,
    .quick-buy .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
    .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .quick-buy .save,
    .quick-buy .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .quick-buy button.shopping-cart__checkout,
    .quick-buy .contact-us .contact-brand-form.contact .paragraph--btn--primary,
    .contact-us .contact-brand-form.contact .quick-buy .paragraph--btn--primary {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.quick-buy .button--tertiary {
    border: none;
    color: #862633
}

.quick-buy__description {
    margin-bottom: -1rem
}

.quick-buy__heading {
    text-transform: none
}

@media(min-width:768px) {
    .quick-buy__heading {
        font-size: 2.5rem
    }
}

.quick-buy__vol {
    font-size: 1rem;
    text-transform: uppercase
}

.quick-buy__price {
    color: #1a1a1a;
    font-size: 2rem;
    margin-bottom: 2rem
}

.grid-header .element__heading--3 {
    font-weight: 400;
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000
}

.grid-header .element__heading--3::before {
    left: -50px
}

.grid-header .element__heading--3::after {
    right: -60px
}

.grid-header .element__heading--3::after,
.grid-header .element__heading--3::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.grid-header .element__heading--2 {
    margin: 1rem 0 2.1875rem;
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase
}

.grid-header .element__paragraph {
    padding: 0 1em;
    font-size: 1.25rem
}

.range-listing__wrapper {
    height: 100%;
    text-decoration: none;
    padding: 2.75rem 2rem 2rem;
    color: #1a1a1a
}

.range-listing__wrapper:hover,
.range-listing__wrapper:focus {
    text-decoration: none
}

@media(min-width:992px) {
    .range-listing__wrapper:hover .range-listing__action-label,
    .range-listing__wrapper:focus .range-listing__action-label {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-1.8rem);
        transform: translateY(-1.8rem)
    }
}

@media(min-width:992px) {
    .range-listing__wrapper:hover .range-listing__heading,
    .range-listing__wrapper:hover .range-listing__price,
    .range-listing__wrapper:hover .range-listing__outline,
    .range-listing__wrapper:focus .range-listing__heading,
    .range-listing__wrapper:focus .range-listing__price,
    .range-listing__wrapper:focus .range-listing__outline {
        -webkit-transform: translateY(-1.8rem);
        transform: translateY(-1.8rem)
    }
}

@media(min-width:992px) {
    .range-listing__wrapper:hover .product-image__image-primary,
    .range-listing__wrapper:focus .product-image__image-primary {
        opacity: 0 !important
    }
}

@media(min-width:992px) {
    .range-listing__wrapper:hover .product-image__image-background,
    .range-listing__wrapper:focus .product-image__image-background {
        opacity: 1 !important
    }
}

@media(min-width:992px) {
    .range-listing__wrapper:hover .product-image__image-foreground,
    .range-listing__wrapper:focus .product-image__image-foreground {
        opacity: 0 !important
    }
}

.range-listing .product-image__wrapper {
    margin: 0 auto;
    height: 200px;
    overflow: hidden;
    padding-bottom: 1rem
}

@media(min-width:992px) {
    .range-listing .product-image__wrapper {
        height: 270px
    }
}

.range-listing .product-image__wrapper img {
    max-height: 100%
}

.range-listing .product-image__wrapper.product-image-style__background-hover {
    display: block
}

.range-listing .product-image__wrapper .product-image__image-primary {
    height: 100%;
    position: static;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.range-listing .product-image__wrapper .product-image__image-background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    height: 86%;
    display: block;
    -webkit-transition: opacity 700ms;
    transition: opacity 700ms
}

.range-listing .product-image__wrapper .product-image__image-background img {
    width: auto;
    max-width: revert;
    margin: 0 auto
}

.range-listing__outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    font-size: 1.3rem;
    font-weight: 400
}

.range-listing__outline::before {
    left: -50px
}

.range-listing__outline::after {
    right: -60px
}

.range-listing__outline::after,
.range-listing__outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.grid__item .range-listing {
    height: 100%;
    background: #fff;
    border: 1px solid #f7f5f4
}

.range-listing__outline {
    -webkit-transition: -webkit-transform 700ms;
    transition: -webkit-transform 700ms;
    transition: transform 700ms;
    transition: transform 700ms, -webkit-transform 700ms;
    margin-top: 2rem
}

.range-listing__heading {
    position: relative;
    -webkit-transition: -webkit-transform 700ms;
    transition: -webkit-transform 700ms;
    transition: transform 700ms;
    transition: transform 700ms, -webkit-transform 700ms;
    color: #1a1a1a;
    text-transform: none;
    font-size: 25px;
    font-weight: 400;
    margin: 0 0 1rem
}

.range-listing__caption {
    display: none
}

.range-listing__action-label {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 700ms, visibility 700ms, -webkit-transform 700ms;
    transition: opacity 700ms, visibility 700ms, -webkit-transform 700ms;
    transition: transform 700ms, opacity 700ms, visibility 700ms;
    transition: transform 700ms, opacity 700ms, visibility 700ms, -webkit-transform 700ms;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .85rem;
    letter-spacing: .075rem;
    color: #862633
}

.shop__heading {
    text-align: center;
    font-size: 3rem
}

.shop-listing {
    margin: 0;
    height: 100%
}

.shop-listing .shop-listing__wrapper {
    text-decoration: none
}

@media(min-width:768px) {
    .shop-listing .shop-listing__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.shop-listing .product-listing__heading {
    margin: 1.5rem 0 1rem;
    font-size: 1.125rem
}

@media(min-width:992px) {
    .shop-listing .product-listing__heading {
        font-size: 1.5rem
    }
}

.shop-listing .product-listing__vol {
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75rem;
    margin: 1rem 0
}

@media(min-width:992px) {
    .shop-listing .product-listing__description {
        margin-top: 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto
    }
}

.shop-listing .product-listing__price {
    font-size: 1.5rem
}

.shop-listing .product-listing__action-label {
    margin: 3.5rem 0 0
}

.serve .serve__name {
    font-size: 1.875rem;
    letter-spacing: 2px;
    text-align: center
}

@media(min-width:992px) {
    .serve .serve__name {
        font-size: 1.875rem
    }
}

.serve .serve__content {
    text-align: center
}

.serve .serve__content .serve__name {
    text-align: left;
    font-size: 1.125rem
}

@media(min-width:992px) {
    .serve .serve__content .serve__name {
        display: block;
        font-size: 1.875rem
    }
}

.serve .serve__content .serve__copy {
    font-size: 1.125rem
}

@media(min-width:992px) {
    .serve .serve__content .serve__copy {
        font-size: 1.25rem
    }
}

.serve .serve__short-content .serve__outline {
    font-size: 1.25rem;
    line-height: 1.2;
    color: #4d4d4d
}

@media(min-width:992px) {
    .serve .serve__short-content .serve__outline {
        font-size: 1.25rem
    }
}

.serve .serve__more {
    color: #862633;
    text-transform: uppercase;
    text-decoration: none;
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .75rem;
    letter-spacing: .6px
}

.serve .serve__button {
    font-weight: 700;
    font-size: .75rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center
}

@media(min-width:992px) {
    .serve .serve__button {
        margin: 0
    }
}

.signpost {
    min-height: 32rem;
    overflow: hidden
}

.signpost .responsive-bg {
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.signpost:hover .responsive-bg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.signpost__outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #fff;
    margin-bottom: 1.25rem
}

.signpost__heading {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.875rem;
    margin-bottom: 1.875rem
}

.signpost__caption {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, .7)
}

.signpost__actions a.button--paragraph--btn--text,
.signpost__actions a.button--tertiary,
.signpost__actions a.button--paragraph--btn--tertiary {
    color: rgba(255, 255, 255, .7);
    border: 1px solid rgba(255, 255, 255, .3)
}

.signpost__actions a.button--paragraph--btn--text:hover,
.signpost__actions a.button--paragraph--btn--text:focus,
.signpost__actions a.button--tertiary:hover,
.signpost__actions a.button--tertiary:focus,
.signpost__actions a.button--paragraph--btn--tertiary:hover,
.signpost__actions a.button--paragraph--btn--tertiary:focus {
    border: 1px solid rgba(255, 255, 255, .7);
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}

.signpost__actions a.button--paragraph--btn--text {
    border: none
}

.signpost__actions a.button--paragraph--btn--text:hover,
.signpost__actions a.button--paragraph--btn--text:focus {
    border: none;
    color: #fff;
    text-decoration: underline
}

.one-col-section .signpost__content {
    max-width: 31.25rem
}

@media(min-width:992px) {
    .one-col-section .justify-content-start .signpost__content {
        padding: 0 2.5rem 0 0
    }
    .one-col-section .justify-content-center .signpost__content {
        padding: 0 2.5rem
    }
    .one-col-section .justify-content-end .signpost__content {
        padding: 0 0 0 2.5rem
    }
}

.one-col-section__signpost-banner {
    margin-bottom: 0
}

.two-col__item .signpost__content {
    text-align: left
}

@media(min-width:768px) {
    .two-col__item .signpost__content {
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
        -webkit-transition: .25s all ease-out;
        transition: .25s all ease-out
    }
}

.two-col__item .signpost:hover .signpost__content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.two-col__item .signpost:hover .button,
.two-col__item .signpost:hover .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .two-col__item .signpost:hover button.shopping-cart__checkout,
.two-col__item .signpost:hover .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .two-col__item .signpost:hover button,
.two-col__item .signpost:hover .syrenis-cookie-widget .popup .save,
.syrenis-cookie-widget .popup .two-col__item .signpost:hover .save {
    opacity: 1
}

.two-col__item__signpost-banner {
    margin-bottom: 0
}

.social-links {
    padding: 1rem 0
}

@media(min-width:992px) {
    .social-links {
        padding: 3rem 0 0
    }
}

.social-links .item-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 30rem;
    margin: 0 auto
}

.social-links .item-list ul a {
    color: #fff;
    padding: 1rem;
    font-size: 1rem
}

@media(min-width:768px) {
    .social-links .item-list ul a {
        padding: 1rem 2rem;
        font-size: 1.25rem
    }
}

.tasting-notes__wrapper {
    background: url(/themes/custom/themacallan_v2/css/../images/blackend-tree-bg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 2em;
    z-index: 100
}

.tasting-notes__wrapper .tasting-notes__text {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
    z-index: 3;
    -webkit-transform: translateY(var(--ty)) translateZ(1px);
    transform: translateY(var(--ty)) translateZ(1px);
    opacity: var(--opacity);
    will-change: transform, opacity;
    -webkit-transition: .2s -webkit-transform ease-out;
    transition: .2s -webkit-transform ease-out;
    transition: .2s transform ease-out;
    transition: .2s transform ease-out, .2s -webkit-transform ease-out;
    color: #fff
}

@media(min-width:768px) {
    .tasting-notes__wrapper .tasting-notes__text {
        margin-right: auto
    }
}

@media(min-width:992px) {
    .tasting-notes__wrapper .tasting-notes__text {
        left: 10%;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        margin: 7rem auto;
        padding: 0 3rem
    }
}

@media(min-width:1200px) {
    .tasting-notes__wrapper .tasting-notes__text {
        left: 0
    }
}

.tasting-notes__wrapper h2 {
    line-height: 1.15;
    font-family: adobe-garamond-pro, times new roman, Serif;
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 2.1875rem;
    letter-spacing: 2px;
    font-weight: 400
}

.tasting-notes__wrapper.component .tasting-notes__image {
    will-change: transform;
    -webkit-transform: scale(var(--tx), var(--tx));
    transform: scale(var(--tx), var(--tx))
}

@media(min-width:768px) {
    .tasting-notes__wrapper.product .tasting-notes__image-wrapper {
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: 1;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-bottom: 0;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    @supports not (-ms-ime-align:auto) {
        .tasting-notes__wrapper.product .tasting-notes__image-wrapper {
            position: fixed;
            -webkit-clip-path: inset(var(--clip) 0 0 0);
            clip-path: inset(var(--clip) 0 0 0)
        }
    }
}

@media(min-width:768px) {
    .tasting-notes__wrapper.product .tasting-notes__image-wrapper.is-static {
        position: absolute
    }
}

.tasting-notes__wrapper.product .tasting-notes__image-wrapper .tasting-notes__text {
    padding-left: 2em
}

.tasting-notes__wrapper.product .tasting-notes__image {
    height: 100%;
    padding: 30px 0
}

@media(min-width:768px) {
    .tasting-notes__wrapper.product .tasting-notes__image {
        max-height: calc(100vh - 150px);
        padding: 100px 0 60px
    }
}

.tasting-notes__wrapper.product .tasting-notes__image img {
    max-height: 370px;
    -webkit-transform: none;
    transform: none
}

@media(min-width:768px) {
    .tasting-notes__wrapper.product .tasting-notes__image img {
        max-height: 685px;
        height: 100%;
        -webkit-transform: scale(1.25) translateY(2.7%);
        transform: scale(1.25) translateY(2.7%)
    }
}

.tasting-notes__list h3 {
    font-family: adobe-garamond-pro, times new roman, Serif;
    font-size: 1.5rem;
    margin: 1.25rem 0;
    text-transform: uppercase;
    font-weight: 400
}

.tasting-notes__list p,
.tasting-notes__list .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .tasting-notes__list .form-message {
    font-family: adobe-garamond-pro, times new roman, Serif;
    font-size: 1.25rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, .7)
}

.tasting-notes__list>li:last-child h3,
.tasting-notes__list>li:last-child p,
.tasting-notes__list>li:last-child .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .tasting-notes__list>li:last-child .form-message {
    display: inline-block
}

.tasting-notes__list>li:last-child p,
.tasting-notes__list>li:last-child .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .tasting-notes__list>li:last-child .form-message {
    padding-left: .625rem
}

.tasting-notes__wrapper.product .tasting-notes__image-wrapper {
    display: none
}

.text-section .text-section__outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000
}

.text-section .text-section__outline::before {
    left: -50px
}

.text-section .text-section__outline::after {
    right: -60px
}

.text-section .text-section__outline::after,
.text-section .text-section__outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.text-section .text-section__heading {
    margin: 1.875rem 0;
    font-family: adobe-garamond-pro, times new roman, Serif;
    line-height: 1.2;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px
}

.text-section .text-section__caption {
    font-size: 1.25rem;
    line-height: 1.4;
    color: #fff
}

.text-section.text-section--show-border {
    border: none;
    background-image: url(/themes/custom/themacallan_v2/css/../images/fine-and-rare/border-tile.jpg);
    background-repeat: repeat;
    background-position: 0 0
}

.text-section.text-section--show-border .text-section__wrapper {
    background: #fff
}

.two-col__item .text-section {
    background-color: transparent;
    width: 100%
}

.two-col-section--no-margin .two-col__item-grey .text-section__wrapper {
    background-image: url(/themes/custom/themacallan_v2/css/../images/bg-pattern.jpg);
    background-size: cover
}

.text-section .text-section__wrapper div.mod_portfolio {
    max-width: 25rem;
    margin: 0
}

.text-section .text-section__wrapper div.mod_portfolio div {
    margin: 0;
    max-width: 100%
}

.two-col-section.animated-image-container div {
    max-width: 100%
}

.text-section .text-section__wrapper p a:not(.button),
.text-section .text-section__wrapper .mac-ex-code-verification-form .form-message a:not(.button),
.mac-ex-code-verification-form .text-section .text-section__wrapper .form-message a:not(.button) {
    color: #862633
}

.text-section .text-section__wrapper .mod_portfolio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

@media(min-width:576px) {
    .text-section .text-section__wrapper .mod_portfolio {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.text-section .text-section__wrapper .mod_portfolio .btn {
    margin-top: rem(18)
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles_wrapper {
    min-width: 500px;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform-origin: top;
    transform-origin: top;
    margin-bottom: -230px !important
}

@media(min-width:576px) {
    .text-section .text-section__wrapper .mod_portfolio .port_bottles_wrapper {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-bottom: -120px !important
    }
}

@media(min-width:1200px) {
    .text-section .text-section__wrapper .mod_portfolio .port_bottles_wrapper {
        margin-top: 50px;
        -webkit-transform: none;
        transform: none;
        margin-bottom: 10px !important
    }
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles {
    position: static;
    -ms-touch-action: none;
    touch-action: none
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles>img {
    will-change: transform;
    position: relative;
    -webkit-transform: translateX(var(--tx)) translateZ(1px);
    transform: translateX(var(--tx)) translateZ(1px)
}

body:not(.is-ie) .text-section .text-section__wrapper .mod_portfolio .port_bottles>img {
    -webkit-transition: .5s -webkit-transform ease-out;
    transition: .5s -webkit-transform ease-out;
    transition: .5s transform ease-out;
    transition: .5s transform ease-out, .5s -webkit-transform ease-out
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles .port_b_1 {
    z-index: 1;
    margin-right: -20px;
    height: 338px
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles .port_b_2 {
    margin-right: -30px;
    z-index: 2;
    height: 438px
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles .port_b_3 {
    z-index: 3;
    height: 558px;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles .port_b_4 {
    z-index: 2;
    margin-left: -30px;
    height: 438px
}

.text-section .text-section__wrapper .mod_portfolio .port_bottles .port_b_5 {
    z-index: 1;
    margin-left: -20px;
    height: 338px
}

.text-section .text-section__wrapper .mod_portfolio .text-block,
.text-section .text-section__wrapper .mod_portfolio .port_bottles {
    opacity: var(--opacity);
    will-change: opacity
}

.text-section--simple .text-section__wrapper a {
    color: #862633
}

.text-section--simple .text-section__wrapper a:hover,
.text-section--simple .text-section__wrapper a:focus {
    text-decoration: underline
}

.text-section--simple.asymmetric .text-section__wrapper h3 {
    max-width: 100%;
    padding-right: 2rem;
    font-size: 1.75rem !important
}

@media(min-width:1200px) {
    .hero-item+.text-section--simple.asymmetric .text-section__wrapper h3 {
        margin-left: 1.4rem
    }
}

.text-section--simple.asymmetric .text-section a.button,
.text-section--simple.asymmetric .text-section .syrenis-cookie-widget .popup a.save,
.syrenis-cookie-widget .popup .text-section--simple.asymmetric .text-section a.save {
    min-width: auto;
    padding: 0;
    border: none
}

.header__logo {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;
    z-index: 500
}

@media(min-width:1200px) {
    .header__logo {
        position: static;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.header__logo a.navbar-brand {
    color: #000;
    font-size: 1.25rem
}

@media(min-width:768px) {
    .header__logo a.navbar-brand {
        font-size: 2rem
    }
}

.icon-brand-font::before {
    margin: 1.625rem auto;
    height: 1.25rem;
    width: 100%
}

@media(min-width:768px) {
    .icon-brand-font::before {
        margin: 1.25rem;
        height: 2rem;
        width: 300px
    }
}

.site-logo__accessible-text {
    display: none
}

.macallan-experience .header__logo .icon-brand-font::before {
    content: "";
    background-image: url(/themes/custom/themacallan_v2/css/../images/macallan-experience-horizontal.svg);
    background-size: contain;
    background-position: center center;
    width: 280px;
    height: 17px;
    vertical-align: middle;
    background-repeat: no-repeat
}

@media(min-width:576px) {
    .macallan-experience .header__logo .icon-brand-font::before {
        width: 299px;
        height: 18px
    }
}

@media(min-width:768px) {
    .macallan-experience .header__logo .icon-brand-font::before {
        width: 576px;
        height: 32px
    }
}

.macallan-experience.header-light .header__logo .icon-brand-font::before {
    background-image: url(/themes/custom/themacallan_v2/css/../images/macallan-experience-horizontal-reverse.svg)
}

.macallan-experience.header-light .header.is-stuck .header__logo .icon-brand-font::before {
    background-image: url(/themes/custom/themacallan_v2/css/../images/macallan-experience-horizontal.svg)
}

#shop_pop .input-item .btn {
    font-family: gotham, Sans-Serif
}

.paragraph--type--ed-code-snippet .paragraph__column {
    padding: 0 0 4em
}

.paragraph--type--ed-code-snippet .paragraph__column iframe {
    display: block;
    margin: 0 auto
}

.timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 90rem;
    margin: 0 auto
}

.timeline .owl-dots {
    bottom: .625rem
}

.timeline ul {
    list-style: none;
    margin: 0;
    width: 100%;
    padding-bottom: 8.125rem;
    margin-bottom: 9.375rem;
    padding-left: 0
}

@media(max-width:767.98px) {
    .timeline ul {
        margin-bottom: 6.25rem
    }
}

.timeline ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    border-right: solid .0625rem #e6e6e6;
    height: 15.625rem;
    margin-bottom: -6.875rem;
    cursor: pointer;
    position: relative
}

@media(min-width:641px) {
    .timeline ul a {
        height: 22.5rem;
        margin-bottom: -8.125rem
    }
}

@media(min-width:768px) {
    .timeline ul a {
        height: 25rem;
        margin-bottom: -9.375rem
    }
}

.timeline ul a .year {
    position: absolute;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    -webkit-transform-origin: bottom bottom;
    transform-origin: bottom bottom;
    color: #f0f0f0;
    font-size: 5rem;
    letter-spacing: .1875rem
}

.ie11 .timeline ul a .year,
.mac .timeline ul a .year {
    top: 25%
}

@media(max-width:375px) {
    .timeline ul a .year {
        right: 1rem
    }
}

@media(min-width:641px) {
    .timeline ul a .year {
        right: 4.375rem;
        font-size: 7.5rem
    }
}

@media(min-width:768px) {
    .timeline ul a .year {
        right: 6.25rem;
        font-size: 8.75rem
    }
}

@media(min-width:992px) {
    .timeline ul a .year {
        right: 9.375rem;
        font-size: 10rem
    }
}

.timeline ul a img {
    right: 25px;
    position: absolute;
    z-index: 4;
    width: auto;
    max-height: 100%
}

.ie11 .timeline ul a img {
    margin-left: 50%;
    position: static;
    z-index: 1
}

@media(min-width:1441px) {
    .ie11 .timeline ul a img {
        margin-left: 54%
    }
}

@media(min-width:641px) {
    .timeline ul a img {
        right: 8.75rem;
        height: 18.75rem;
        max-height: unset
    }
}

@media(min-width:768px) {
    .timeline ul a img {
        right: 10.625rem;
        height: 21.875rem
    }
}

@media(min-width:992px) {
    .timeline ul a img {
        right: 14.375rem;
        height: 25rem
    }
}

.timeline ul a .line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-top: solid .0625rem #e6e6e6;
    right: 0;
    width: 3.75rem;
    height: .0625rem
}

@media(min-width:641px) {
    .timeline ul a .line {
        width: 7.5rem
    }
}

@media(min-width:768px) {
    .timeline ul a .line {
        width: 9.375rem
    }
}

@media(min-width:992px) {
    .timeline ul a .line {
        width: 13.125rem
    }
}

.timeline ul a .disc {
    right: -35px;
    position: absolute;
    border-radius: 35px;
    position: absolute;
    top: 5.5rem;
    -webkit-transform: perspective(1px);
    transform: perspective(1px);
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    width: 4.375rem;
    height: 4.375rem
}

.ie11 .timeline ul a .disc,
.mac .timeline ul a .disc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

@media(min-width:641px) {
    .timeline ul a .disc {
        border-radius: 50px;
        top: 8em;
        width: 6.25rem;
        height: 6.25rem;
        right: -3.125rem
    }
}

@media(min-width:768px) {
    .timeline ul a .disc {
        border-radius: 70px;
        width: 8.75rem;
        height: 8.75rem;
        right: -4.375rem
    }
}

.timeline ul a .disc .bg {
    border-radius: 27px;
    background: url(/themes/custom/themacallan_v2/css/../images/timeline/grey_back.png) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.375rem;
    height: 3.375rem
}

@media(min-width:641px) {
    .timeline ul a .disc .bg {
        border-radius: 40px;
        width: 5rem;
        height: 5rem
    }
}

@media(min-width:768px) {
    .timeline ul a .disc .bg {
        border-radius: 50px;
        width: 6.25rem;
        height: 6.25rem
    }
}

.timeline ul a .disc .bg .text {
    border-radius: 20px;
    -webkit-transform: perspective(1px);
    transform: perspective(1px);
    background-image: url(/themes/custom/themacallan_v2/css/../images/timeline/grey_front.png);
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1a1a1a;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
    font-size: .75rem;
    width: 2.5rem;
    height: 2.5rem
}

@media(min-width:641px) {
    .timeline ul a .disc .bg .text {
        border-radius: 33px;
        width: 4.125rem;
        height: 4.125rem;
        font-size: 1.25rem
    }
}

@media(min-width:768px) {
    .timeline ul a .disc .bg .text {
        border-radius: 40px;
        width: 5rem;
        height: 5rem;
        font-size: 1.5rem
    }
}

.timeline ul li:nth-child(even) a {
    margin-left: 50%;
    border-right: none
}

.timeline ul li:nth-child(even) a .disc {
    left: -2.1875rem;
    right: auto
}

@media(min-width:641px) {
    .timeline ul li:nth-child(even) a .disc {
        left: -3.125rem
    }
}

@media(min-width:768px) {
    .timeline ul li:nth-child(even) a .disc {
        left: -4.375rem
    }
}

.timeline ul li:nth-child(even) a .line {
    left: 0;
    right: auto
}

.timeline ul li:nth-child(even) a img {
    left: 30px;
    right: auto
}

.ie11 .timeline ul li:nth-child(even) a img {
    margin-left: 36%
}

@media(min-width:1441px) {
    .ie11 .timeline ul li:nth-child(even) a img {
        margin-left: 33%
    }
}

@media(min-width:641px) {
    .timeline ul li:nth-child(even) a img {
        left: 8.75rem
    }
}

@media(min-width:768px) {
    .timeline ul li:nth-child(even) a img {
        left: 10.625rem
    }
}

@media(min-width:992px) {
    .timeline ul li:nth-child(even) a img {
        left: 14.375rem
    }
}

.timeline ul li:nth-child(even) a .year {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: -10px;
    right: auto
}

@media(max-width:375px) {
    .timeline ul li:nth-child(even) a .year {
        left: .625rem
    }
}

@media(min-width:641px) {
    .timeline ul li:nth-child(even) a .year {
        left: 4.375rem
    }
}

@media(min-width:768px) {
    .timeline ul li:nth-child(even) a .year {
        left: 6.125rem
    }
}

@media(min-width:992px) {
    .timeline ul li:nth-child(even) a .year {
        left: 9.375rem
    }
}

@media(min-width:1025px) {
    .timeline ul a:hover .disc .bg {
        border-radius: 55px;
        background-image: url(/themes/custom/themacallan_v2/css/../images/timeline/hover_back.png);
        width: 6.875rem;
        height: 6.875rem
    }
}

@media(min-width:1025px) {
    .timeline ul a:hover .disc .bg .text {
        background-image: url(/themes/custom/themacallan_v2/css/../images/timeline/hover_front.png);
        -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .6);
        box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .6);
        color: #fff
    }
}

@media(min-width:1025px) {
    .timeline ul a:hover .year {
        padding: 0 6.25rem
    }
}

@media(min-width:1025px) {
    .timeline ul a:hover img {
        height: 31.25rem
    }
}

.timeline ul a .disc .bg {
    -webkit-transition: width 1s, height 1s, border-radius 1s;
    transition: width 1s, height 1s, border-radius 1s
}

.timeline ul a .year {
    -webkit-transition: padding 1s;
    transition: padding 1s
}

.timeline ul a img {
    -webkit-transition: height 1s;
    transition: height 1s
}

.paragraph.paragraph__timeline_carousel {
    margin-top: 6.25rem
}

.paragraph.paragraph__timeline_carousel .paragraph__column {
    padding: 0
}

.fine-rare-nav {
    overflow: hidden;
    height: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:767.98px) {
    .fine-rare-nav {
        overflow-x: auto;
        overflow-y: hidden !important;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.fine-rare-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.fine-rare-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 8.75rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

@media(max-width:575.98px) {
    .fine-rare-nav li {
        max-height: 4.375rem
    }
}

@media(max-width:767.98px) {
    .fine-rare-nav li {
        margin-top: .3125rem;
        max-height: 6.25rem
    }
}

@media(max-width:640px) {
    .fine-rare-nav li {
        max-height: 4.375rem
    }
}

@media(min-width:641px) {
    .fine-rare-nav li {
        min-width: 10.625rem
    }
}

@media(min-width:768px) {
    .fine-rare-nav li {
        min-width: 12.5rem
    }
}

.fine-rare-nav li::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    content: "";
    border-top: solid .0625rem #e6e6e6;
    width: 100%;
    height: .0625rem
}

.fine-rare-nav li:last-child {
    min-width: 8.75rem
}

@media(max-width:767.98px) {
    .fine-rare-nav li:last-child {
        min-width: 6.25rem
    }
}

@media(max-width:640px) {
    .fine-rare-nav li:last-child {
        min-width: 4.375rem
    }
}

.fine-rare-nav li:last-child::before {
    display: none
}

.fine-rare-nav li.is-active .bg,
.fine-rare-nav li:hover .bg {
    background-image: url(/themes/custom/themacallan_v2/css/../images/fine-and-rare/hover_back.png)
}

@media(min-width:641px) {
    .fine-rare-nav li.is-active .bg,
    .fine-rare-nav li:hover .bg {
        border-radius: 45px;
        width: 5.625rem;
        height: 5.625rem
    }
}

@media(min-width:768px) {
    .fine-rare-nav li.is-active .bg,
    .fine-rare-nav li:hover .bg {
        border-radius: 55px;
        width: 6.875rem;
        height: 6.875rem
    }
}

.fine-rare-nav li.is-active .text,
.fine-rare-nav li:hover .text {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .6);
    background-image: url(/themes/custom/themacallan_v2/css/../images/fine-and-rare/hover_front.png);
    color: #fff
}

.fine-rare-nav li .disc {
    top: 0;
    position: absolute;
    border-radius: 35px;
    position: relative;
    -webkit-transform: perspective(1px);
    transform: perspective(1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    width: 4.375rem;
    height: 4.375rem
}

@media(min-width:641px) {
    .fine-rare-nav li .disc {
        border-radius: 50px;
        width: 6.25rem;
        height: 6.25rem
    }
}

@media(min-width:768px) {
    .fine-rare-nav li .disc {
        border-radius: 70px;
        width: 8.75rem;
        height: 8.75rem
    }
}

.fine-rare-nav li .bg {
    border-radius: 27px;
    position: relative;
    background: url(/themes/custom/themacallan_v2/css/../images/fine-and-rare/grey_back.png) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.375rem;
    height: 3.375rem
}

@media(min-width:641px) {
    .fine-rare-nav li .bg {
        border-radius: 40px;
        width: 5rem;
        height: 5rem
    }
}

@media(min-width:768px) {
    .fine-rare-nav li .bg {
        border-radius: 50px;
        width: 6.25rem;
        height: 6.25rem
    }
}

.fine-rare-nav li .bg,
.fine-rare-nav li .text {
    -webkit-transition: width .5s, height .5s, border-radius .5s;
    transition: width .5s, height .5s, border-radius .5s
}

.fine-rare-nav li .text {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
    border-radius: 20px;
    -webkit-transform: perspective(1px);
    transform: perspective(1px);
    background-image: url(/themes/custom/themacallan_v2/css/../images/fine-and-rare/grey_front.png);
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1a1a1a;
    font-size: .75rem;
    width: 2.5rem;
    height: 2.5rem
}

@media(min-width:641px) {
    .fine-rare-nav li .text {
        border-radius: 33px;
        font-size: 1.25rem;
        width: 4.125rem;
        height: 4.125rem
    }
}

@media(min-width:768px) {
    .fine-rare-nav li .text {
        border-radius: 40px;
        font-size: 1.5rem;
        width: 5rem;
        height: 5rem
    }
}

.decade-gallery {
    display: none;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: 1s all ease-out;
    transition: 1s all ease-out;
    margin-top: 3.75rem;
    padding-bottom: 7.5rem
}

@media(max-width:767.98px) {
    .decade-gallery {
        padding-bottom: 5rem;
        margin-top: 0
    }
}

.decade-gallery.is-active {
    display: block;
    visibility: visible;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.decade-gallery .infocard {
    text-align: left;
    -webkit-perspective: 250rem;
    perspective: 250rem;
    margin: auto
}

.decade-gallery .infocard h3 {
    font-size: 1.5rem
}

.decade-gallery .infocard .back,
.decade-gallery .infocard .front {
    z-index: 2;
    position: absolute;
    -webkit-box-shadow: 15px 30px 25px rgba(217, 217, 217, .5);
    box-shadow: 15px 30px 25px rgba(217, 217, 217, .5);
    padding: .625rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    border: solid .0625rem rgba(217, 217, 217, .8);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

@media(min-width:641px) {
    .decade-gallery .infocard .back,
    .decade-gallery .infocard .front {
        padding: 1.25rem
    }
}

@media(min-width:641px) {
    .decade-gallery .infocard .back,
    .decade-gallery .infocard .front {
        -webkit-box-shadow: 25px 40px 35px rgba(217, 217, 217, .5);
        box-shadow: 25px 40px 35px rgba(217, 217, 217, .5)
    }
}

@media(min-width:768px) {
    .decade-gallery .infocard .back,
    .decade-gallery .infocard .front {
        -webkit-box-shadow: 35px 50px 45px rgba(217, 217, 217, .5);
        box-shadow: 35px 50px 45px rgba(217, 217, 217, .5)
    }
}

.decade-gallery .infocard .turn {
    top: -1px;
    right: -1px;
    z-index: 10;
    position: absolute;
    background-color: #fff;
    overflow: visible;
    cursor: pointer;
    width: 2.375rem;
    height: 2.5rem
}

@media(min-width:641px) {
    .decade-gallery .infocard .turn {
        width: 3.5rem;
        height: 3.5rem
    }
}

.decade-gallery .infocard .turn img {
    top: -14px;
    right: -21px;
    position: absolute;
    min-width: 5rem;
    height: 5rem
}

@media(min-width:641px) {
    .decade-gallery .infocard .turn img {
        min-width: 6.8125rem;
        height: 6.8125rem;
        right: -1.8125rem;
        top: -1.1875rem
    }
}

.decade-gallery .infocard .border {
    background-image: url(/themes/custom/themacallan_v2/css/../images/fine-and-rare/border-tile.jpg);
    width: 100%;
    height: 100%;
    padding: .3125rem;
    border: 0 !important
}

@media(min-width:641px) {
    .decade-gallery .infocard .border {
        padding: .625rem
    }
}

.decade-gallery .infocard .border .content {
    background-color: #fff;
    width: 100%;
    height: 100%
}

.decade-gallery .infocard .front {
    z-index: 3
}

.decade-gallery .infocard .front .content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.decade-gallery .infocard .front .left,
.decade-gallery .infocard .front .right {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 0
}

.decade-gallery .infocard .front .left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.decade-gallery .infocard .front .left img {
    width: auto;
    max-height: calc(100% - 55px);
    max-width: 100%;
    height: 100%
}

.ie11 .decade-gallery .infocard .front .left img {
    max-height: 36.5625rem
}

.is-tablet .decade-gallery .infocard .front .left img {
    height: auto;
    max-height: calc(100% - 90px)
}

.decade-gallery .infocard .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.decade-gallery .infocard .back .turn {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s
}

.decade-gallery .infocard .back .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.25rem;
    overflow: hidden
}

@media(max-width:767.98px) {
    .decade-gallery .infocard .back .content {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.decade-gallery .infocard .back .content h3 {
    margin-top: 0
}

.decade-gallery .infocard .back .text {
    max-width: calc(50% - 10px)
}

@media(max-width:767.98px) {
    .decade-gallery .infocard .back .text {
        max-width: 100%;
        padding-bottom: .625rem
    }
}

.decade-gallery .infocard .back .nose {
    margin-right: .625rem
}

@media(max-width:767.98px) {
    .decade-gallery .infocard .back .nose {
        margin-right: 0
    }
}

.decade-gallery .infocard .back .palate {
    margin-left: .625rem
}

@media(max-width:767.98px) {
    .decade-gallery .infocard .back .palate {
        margin-left: 0
    }
}

.decade-gallery .infocard .back .chart {
    max-width: 50%
}

@media(max-width:767.98px) {
    .decade-gallery .infocard .back .chart {
        max-width: 100%
    }
}

.decade-gallery .infocard .back .about {
    max-width: 100%
}

.decade-gallery .infocard.is_rotated .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.decade-gallery .infocard.is_rotated .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.decade-gallery .infocard.is_rotated .back .turn {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.decade-gallery .infocard h3 {
    margin-top: 1.875rem;
    margin-bottom: 0
}

@media(max-width:767.98px) {
    .decade-gallery .infocard h3 {
        margin-top: 1.25rem
    }
}

@media(max-width:640px) {
    .decade-gallery .infocard h3 {
        font-size: .8125rem
    }
}

@media(max-width:480px) {
    .decade-gallery .infocard h3 {
        margin-top: .625rem
    }
}

@media(min-width:768px) {
    .decade-gallery .infocard h3 {
        margin-top: 2.0625rem
    }
}

.decade-gallery .infocard p,
.decade-gallery .infocard .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .decade-gallery .infocard .form-message {
    margin-top: .25rem;
    margin-bottom: 0;
    font-size: 1rem
}

@media(max-width:640px) {
    .decade-gallery .infocard p,
    .decade-gallery .infocard .mac-ex-code-verification-form .form-message,
    .mac-ex-code-verification-form .decade-gallery .infocard .form-message {
        margin-top: .1875rem;
        font-size: .9375rem
    }
}

.module-gallery-type4 {
    background-color: #fff;
    padding-top: 0;
    position: relative
}

.module-gallery-type4 .owl-carousel {
    width: 100%;
    min-height: 27.3125rem
}

@media(min-width:641px) {
    .module-gallery-type4 .owl-carousel {
        min-height: 41.625rem
    }
}

@media(min-width:768px) {
    .module-gallery-type4 .owl-carousel {
        min-height: 46.25rem
    }
}

.module-gallery-type4 .owl-stage-outer {
    overflow: visible
}

.module-gallery-type4 .item,
.module-gallery-type4 .owl-item {
    width: 20.3125rem;
    height: 27.3125rem;
    padding: 0
}

@media(min-width:641px) {
    .module-gallery-type4 .item,
    .module-gallery-type4 .owl-item {
        width: 33.75rem;
        height: 41.625rem
    }
}

@media(min-width:768px) {
    .module-gallery-type4 .item,
    .module-gallery-type4 .owl-item {
        width: 37.5rem;
        height: 46.25rem
    }
}

.module-gallery-type4 .btn_left,
.module-gallery-type4 .btn_right {
    top: 47.5%;
    left: 50%;
    z-index: 4;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.module-gallery-type4 .btn_left img,
.module-gallery-type4 .btn_right img {
    height: 2.5rem
}

@media(min-width:768px) {
    .module-gallery-type4 .btn_left img,
    .module-gallery-type4 .btn_right img {
        height: 3.75rem
    }
}

.module-gallery-type4 .btn_left {
    margin-left: -11.0625rem
}

@media(min-width:641px) {
    .module-gallery-type4 .btn_left {
        margin-left: -18.75rem
    }
}

@media(min-width:768px) {
    .module-gallery-type4 .btn_left {
        margin-left: -20.625rem
    }
}

@media(max-width:320px) {
    .module-gallery-type4 .btn_left {
        margin-left: -10rem
    }
}

.module-gallery-type4 .btn_right {
    margin-left: 9.125rem
}

@media(min-width:641px) {
    .module-gallery-type4 .btn_right {
        margin-left: 15rem
    }
}

@media(min-width:768px) {
    .module-gallery-type4 .btn_right {
        margin-left: 16.875rem
    }
}

@media(max-width:320px) {
    .module-gallery-type4 .btn_right {
        margin-left: 8.125rem
    }
}

.module-gallery-type4 .btn_right img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.module-gallery-type4 .owl-dots {
    position: static
}

.module-gallery-type4 .owl-dots .owl-dot span {
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
    background-color: #000;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.module-gallery-type4 .owl-dots .owl-dot.active span {
    background-color: #8b0000;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1)
}

.dashboard {
    color: #4d4d4d
}

.dashboard h1,
.dashboard h2,
.dashboard h3,
.dashboard h4 {
    color: #1a1a1a
}

.dashboard hr {
    margin: 1.5rem 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: none
}

.sign-in h3 {
    font-size: .75rem;
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    letter-spacing: .075rem
}

.dashboard-signpost h2 {
    font-size: 1.125rem
}

.dashboard-signpost h2::before {
    margin-right: 1.2rem;
    font-size: 1.4rem;
    margin-left: 0;
    vertical-align: text-bottom
}

.dashboard-signpost p,
.dashboard-signpost .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .dashboard-signpost .form-message {
    font-size: 1rem
}

.dashboard-signpost:hover .dashboard-signpost__link,
.dashboard-signpost:focus .dashboard-signpost__link {
    border-color: #862633
}

.your-details__label {
    font-size: .75rem;
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    letter-spacing: .075rem
}

.your-details__value {
    color: #1a1a1a;
    font-family: adobe-garamond-pro, times new roman, Serif;
    letter-spacing: .1rem
}

.sidebar__link {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-family: gotham, Sans-Serif;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .075rem
}

@media(min-width:992px) {
    .sidebar__link {
        font-size: .7rem
    }
}

.sidebar__link:hover,
.sidebar__link--active {
    border-color: #862633
}

.sidebar__link--warning::after {
    color: #dc3545;
    font-size: 1rem
}

.ballot__status {
    color: #862633
}

form label,
form .form-item__label {
    font-size: .85rem;
    color: #1a1a1a
}

form .form-item__description {
    font-family: gotham, Sans-Serif;
    font-size: .85rem
}

form .form-item__error {
    font-family: gotham, Sans-Serif;
    font-size: .85rem;
    color: #dc3545
}

form .form-item--toggle .form-item__updated {
    font-family: gotham, Sans-Serif;
    font-size: .85rem;
    color: #28a745
}

.password-meta {
    font-family: gotham, Sans-Serif;
    font-size: .625rem;
    font-weight: 700
}

.password-meta .forgot-password-link {
    color: #1a1a1a;
    border-bottom: 1px solid;
    text-decoration: none;
    text-transform: uppercase
}

.password-meta .forgot-password-link:hover {
    text-decoration: none;
    color: #862633
}

.tippy-tooltip {
    font-family: gotham, Sans-Serif;
    font-size: .85rem
}

.tooltip-icon {
    color: #862633
}

.order-tile::after {
    color: #4d4d4d
}

.order-tile:hover::after {
    color: #862633
}

.order-tile__heading {
    font-size: 1.25rem
}

.order-tile__date,
.order-tile__status,
.order-tile__payment,
.order-tile__total {
    font-size: 1rem;
    text-transform: uppercase
}

.order-info__shipping-address h2,
.order-info__billing-address h2 {
    font-size: 1.25rem
}

.order-info__shipping-address p,
.order-info__shipping-address .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .order-info__shipping-address .form-message,
.order-info__billing-address p,
.order-info__billing-address .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .order-info__billing-address .form-message {
    font-size: 1rem
}

.order-info__shipping-address p br:last-child,
.order-info__shipping-address .mac-ex-code-verification-form .form-message br:last-child,
.mac-ex-code-verification-form .order-info__shipping-address .form-message br:last-child,
.order-info__billing-address p br:last-child,
.order-info__billing-address .mac-ex-code-verification-form .form-message br:last-child,
.mac-ex-code-verification-form .order-info__billing-address .form-message br:last-child {
    display: none
}

.order-info__subtotal,
.order-info__shipping,
.order-info__vat {
    font-size: 1rem
}

.line-item__heading {
    font-size: 1.25rem
}

.line-item__description {
    font-size: 1rem
}

.line-item__costs p,
.line-item__costs .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .line-item__costs .form-message {
    font-size: 1rem
}

.dashboard-message {
    font-family: gotham, Sans-Serif;
    font-size: .85rem
}

.dashboard-message--error {
    color: #dc3545;
    background-color: rgba(220, 53, 69, .08)
}

.dashboard-message--success {
    color: #28a745;
    background-color: rgba(40, 167, 69, .08)
}

.dashboard-message--information {
    color: #4d4d4d;
    background-color: rgba(77, 77, 77, .08)
}

.tile__heading {
    font-weight: 700
}

.video-item__video {
    position: relative;
    overflow: visible;
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width:1200px) {
    .video-item__video {
        top: 0
    }
}

.video-item__video .video-item__outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #fff;
    display: none
}

.video-item__video .video-item__outline::before {
    left: -50px
}

.video-item__video .video-item__outline::after {
    right: -60px
}

.video-item__video .video-item__outline::after,
.video-item__video .video-item__outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #fff;
    margin-right: 15px;
    opacity: .3
}

@media(min-width:768px) {
    .video-item__video .video-item__outline {
        display: inline-block
    }
}

.video-item {
    margin-bottom: 0
}

.content-teaser__wrapper {
    text-decoration: none !important;
    color: inherit !important
}

.content-teaser__wrapper .content-teaser-subheading {
    font-size: 1.4rem;
    font-style: italic;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    text-transform: capitalize !important
}

.content-teaser__wrapper .content-teaser__description {
    border-left: 1px solid #f5f5f5;
    padding: .5rem 1.75rem 0;
    border-right: 1px solid #f5f5f5;
    margin-top: 0 !important
}

.content-teaser__wrapper .content-teaser__cta {
    padding: 0 1.75rem 1rem;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 2px 8px -8px #000;
    box-shadow: 0 2px 8px -8px #000
}

.content-teaser__wrapper .content-teaser__cta p,
.content-teaser__wrapper .content-teaser__cta .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .content-teaser__wrapper .content-teaser__cta .form-message {
    font-size: .9375rem;
    font-family: gotham_htfmedium, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8b0000;
    font-weight: 600
}

.biography .row:first-child {
    border-top: solid 1px #f8f9fa;
    border-bottom: solid 1px #f8f9fa
}

.biography .biography__heading {
    font-size: 1.875rem;
    text-transform: uppercase;
    text-align: center
}

@media(min-width:768px) {
    .biography .biography__heading {
        font-size: 2.8125rem;
        text-align: left
    }
}

.biography .biography__content {
    font-size: 1.5rem
}

@media(min-width:768px) {
    .biography .biography__content {
        font-size: 1.25rem
    }
}

@media(min-width:576px) {
    .social-links__wrapper::after,
    .social-links__wrapper::before {
        position: absolute;
        display: inline-block;
        width: 12rem;
        height: 1px;
        top: 1rem;
        margin-right: 15px;
        content: '';
        border-top: 1px solid #4d4d4d;
        opacity: .2
    }
    .social-links__wrapper::before {
        left: 0
    }
    .social-links__wrapper::after {
        right: 0
    }
}

.social-links__heading {
    font-family: gotham_htfmedium, Sans-Serif;
    letter-spacing: 1px;
    font-size: .65rem
}

.social-links__icon::before {
    color: #000
}

.social-links-blockstyle__heading {
    font-family: gotham_htfmedium, Sans-Serif;
    letter-spacing: 1px;
    font-size: .65rem
}

.social-links-blockstyle__icon {
    text-transform: uppercase;
    font-family: gotham;
    font-size: .7rem;
    background: #f8f9fa;
    color: #1a1a1a;
    padding: 10px
}

.social-links-blockstyle__icon::before {
    color: #1a1a1a
}

.social-links-blockstyle__icon:hover {
    background-color: #862633;
    color: #fff
}

.social-links-blockstyle__icon:hover::before {
    color: #fff
}

.macallan-experience .two-col-section .countdown {
    background: #f9f9f9
}

@media(min-width:768px) {
    .macallan-experience .two-col-section .countdown__block {
        padding: .5rem
    }
}

.macallan-experience .two-col-section .countdown__block--inner {
    border: none;
    background: 0 0
}

.macallan-experience .two-col-section .countdown__block--inner::after {
    padding: 0
}

.macallan-experience .two-col-section .countdown__digit {
    font-size: 4rem;
    font-weight: 700;
    position: relative;
    left: auto;
    -webkit-transform: none;
    transform: none
}

@media(min-width:768px) {
    .macallan-experience .two-col-section .countdown__digit {
        font-size: 3rem
    }
}

@media(min-width:992px) {
    .macallan-experience .two-col-section .countdown__digit {
        font-size: 5rem
    }
}

@media(min-width:1200px) {
    .macallan-experience .two-col-section .countdown__digit {
        font-size: 6rem
    }
}

.macallan-experience .two-col-section .countdown__label {
    font-size: 1.5rem;
    color: #1a1a1a;
    font-weight: 700;
    margin-top: 0
}

@media(min-width:768px) {
    .macallan-experience .two-col-section .countdown__label {
        font-size: 1.2rem
    }
}

@media(min-width:992px) {
    .macallan-experience .two-col-section .countdown__label {
        font-size: 1.5rem
    }
}

@media(min-width:1200px) {
    .macallan-experience .two-col-section .countdown__label {
        font-size: 1.75rem
    }
}

.giftguide {
    background: #fff url(/themes/custom/themacallan_v2/css/../images/bg_wood_contrast.jpg) center top no-repeat;
    background-size: 100%
}

.giftguide__outline {
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-size: 20px
}

@media(min-width:992px) {
    .giftguide__outline {
        margin-bottom: 24px;
        font-size: 1.5rem
    }
}

.giftguide__outline::before {
    content: "—";
    margin-right: 12px;
    color: #bababa
}

.giftguide__outline::after {
    content: "—";
    margin-left: 12px;
    color: #bababa
}

.giftguide__heading {
    margin: 0 0 12px;
    font-size: 28px
}

@media(min-width:992px) {
    .giftguide__heading {
        font-size: 2.5rem;
        margin: 0 0 18px
    }
}

.giftguide__instruction {
    margin: 0 0 30px;
    font-size: 18px
}

@media(min-width:992px) {
    .giftguide__instruction {
        margin: 0 0 38px;
        font-size: 1.25rem
    }
}

.giftguide__option-link {
    color: #4d4d4d;
    -webkit-transition: color .5s;
    transition: color .5s;
    text-decoration: none
}

.giftguide__option-link:hover,
.giftguide__option-link:focus {
    text-decoration: none;
    color: #4d4d4d
}

@media(min-width:768px) {
    .giftguide__option-link:hover,
    .giftguide__option-link:focus {
        color: #862633
    }
}

.giftguide__results-tabs .giftguide__instruction {
    margin: 2.5rem 0 1.5rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-size: 1.5rem
}

.giftguide__results-tabs li.is-active a {
    font-weight: 700;
    color: #862633
}

.giftguide__results-tabs li a {
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-size: 1.5rem;
    color: #4d4d4d
}

.giftguide__result .giftguide__outline {
    margin-bottom: 30px
}

.giftguide__result .giftguide__outline::before,
.giftguide__result .giftguide__outline::after {
    display: none
}

.giftguide__result .giftguide__outline span {
    display: block
}

.giftguide__result .giftguide__outline span::before {
    content: "—";
    margin-right: 12px;
    color: #bababa
}

.giftguide__result .giftguide__outline span::after {
    content: "—";
    margin-left: 12px;
    color: #bababa
}

.giftguide__result .gift-guide__carousel.owl-carousel .owl-dots {
    margin-top: 1rem
}

.giftguide__result .gift-guide__carousel.owl-carousel button.owl-dot {
    background: #a4a4a4;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    opacity: .5
}

.giftguide__result .gift-guide__carousel.owl-carousel button.owl-dot.active {
    opacity: 1
}

.giftguide__result .content-accordion__heading {
    padding: 1.5rem 1rem 1.5rem 0;
    letter-spacing: 1px;
    font-size: 1rem
}

@media(min-width:768px) {
    .giftguide__result .content-accordion__heading {
        padding: 1.5rem 0;
        font-size: 1.25rem
    }
}

.giftguide__result .content-accordion__heading::before {
    position: relative;
    top: 5px;
    margin-right: 1rem;
    font-size: 2rem
}

.giftguide__result .content-accordion__heading::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e807";
    top: auto;
    padding: .25rem 0
}

.giftguide__result .content-accordion__heading.is-active::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e80a"
}

.giftguide__result .giftguide__serve .serve__name {
    color: #862633;
    letter-spacing: 1px;
    font-size: 1.25rem
}

.giftguide__result .giftguide__serve .serve__copy p,
.giftguide__result .giftguide__serve .serve__copy .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .giftguide__result .giftguide__serve .serve__copy .form-message,
.giftguide__result .giftguide__serve .serve__copy li {
    font-size: 1.1rem;
    color: #4d4d4d
}

.giftguide__grappos .grappos__heading {
    letter-spacing: 1px;
    font-size: 1rem
}

.giftguide__grappos .grappos__heading::before {
    font-size: 2rem
}

@media(min-width:768px) {
    .giftguide__grappos .grappos__heading {
        font-size: 1.25rem
    }
}

@media(min-width:768px) {
    .giftguide__social-share .social-links__wrapper::after,
    .giftguide__social-share .social-links__wrapper::before {
        width: 3rem
    }
}

@media(min-width:1200px) {
    .giftguide__social-share .social-links__wrapper::after,
    .giftguide__social-share .social-links__wrapper::before {
        width: 6rem
    }
}

.giftguide__result-actions {
    margin-top: 30px
}

.giftguide__result-actions a+a {
    margin-left: 2rem
}

.giftguide__result-actions .product-listing__action-label {
    font-size: 11px;
    color: #862633;
    text-decoration: none
}

@media(min-width:992px) {
    .giftguide__result-actions .product-listing__action-label {
        font-size: .75rem
    }
}

.giftguide__result-actions .product-listing__action-label:hover,
.giftguide__result-actions .product-listing__action-label:focus {
    color: #862633;
    text-decoration: none
}

.giftguide__result-link {
    color: #4d4d4d;
    text-decoration: none
}

.giftguide__result-link:hover,
.giftguide__result-link:focus {
    color: #4d4d4d;
    text-decoration: none
}

@media(min-width:992px) {
    .giftguide__result-link:hover,
    .giftguide__result-link:focus {
        color: #862633
    }
}

.giftguide__result-link .giftguide__heading {
    font-size: 20px;
    margin-top: 30px
}

@media(min-width:992px) {
    .giftguide__result-link .giftguide__heading {
        font-size: 1.5rem;
        margin-top: 45px
    }
}

.giftguide__anchor {
    position: absolute;
    top: -58px;
    left: 0
}

@media(min-width:992px) {
    .giftguide__anchor {
        top: -70px
    }
}

.map-section {
    margin: 0 auto
}

.map-section #map {
    background: #343a40
}

.map-section .ui-bubble .H_ib_body {
    border: solid 1px #ccc;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 4px 6px 5px #cdcdcd;
    box-shadow: 4px 6px 5px #cdcdcd
}

.map-section .ui-bubble .H_ib_body .H_ib_content {
    font-family: adobe-garamond-pro, times new roman, Serif;
    text-transform: uppercase
}

.map-section .ui-bubble .H_ib_body .H_ib_content p,
.map-section .ui-bubble .H_ib_body .H_ib_content .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .map-section .ui-bubble .H_ib_body .H_ib_content .form-message {
    font-size: 1rem
}

.map-section .ui-bubble .H_ib_body .H_ib_content .heading {
    font-size: 1.625rem
}

.map-section .ui-bubble .H_ib_body .H_ib_content .link a,
.map-section .ui-bubble .H_ib_body .H_ib_content .link a:hover {
    font-size: .875rem;
    color: #8b0000
}

.map-section .ui-bubble .H_ib_tail {
    display: none
}

.map-section .ui-bubble .H_icon {
    fill: #343a40
}

.map-section .map-section__sidebar {
    background-color: #f4f3f3
}

.map-section .map-section__sidebar .map-section__panel:nth-child(2) {
    border-top: solid #8b0000 1px;
    border-bottom: solid #8b0000 1px
}

.map-section .panel__heading {
    font-family: adobe-garamond-pro, times new roman, Serif
}

.search__form {
    border-bottom-color: #cfcfcf
}

.search .search__input {
    font-family: adobe-garamond-pro, times new roman, Serif
}

.search .search__clear {
    color: #1a1a1a
}

.search .search__clear:hover,
.search .search__clear:focus {
    color: #862633
}

.search-suggestions__title {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    font-size: 1.5rem;
    margin-top: 0;
    text-transform: none;
    text-align: left;
    margin-bottom: 1.5rem
}

.search-suggestions__title::before {
    left: -50px
}

.search-suggestions__title::after {
    right: -60px
}

.search-suggestions__title::after,
.search-suggestions__title::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

@media(min-width:768px) {
    .search-suggestions__title {
        margin-bottom: 2rem
    }
}

.search-suggestions__title::before {
    content: none
}

.search-suggestions__list {
    margin-bottom: 0
}

.search-suggestions__item {
    font-size: 1.15rem;
    line-height: 1.2em
}

.search-suggestions__link {
    color: #4d4d4d
}

.search-suggestions__link:hover {
    color: #862633
}

.search-suggestions__link:hover .suggestion-highlight {
    color: #862633
}

.search-suggestions__link .suggestion-highlight {
    color: #000
}

.search-suggestions__search-group {
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-size: 1rem
}

.search-suggestions__link:hover .search-suggestions__search-group {
    text-decoration: none
}

.block-themacallan-v2-searchpageblock,
.block.support-search-block,
.block-themacallan-v2-supportpagesearch,
.block-themacallan-v2-supportsectionsearch {
    text-align: center
}

.block-themacallan-v2-searchpageblock .container,
.block.support-search-block .container,
.block-themacallan-v2-supportpagesearch .container,
.block-themacallan-v2-supportsectionsearch .container {
    max-width: none
}

.block-themacallan-v2-searchpageblock .element__heading--1,
.block.support-search-block .element__heading--1,
.block-themacallan-v2-supportpagesearch .element__heading--1,
.block-themacallan-v2-supportsectionsearch .element__heading--1 {
    margin: 1.5rem auto 2rem;
    text-align: center;
    font-size: 2rem
}

@media(min-width:768px) {
    .block-themacallan-v2-searchpageblock .element__heading--1,
    .block.support-search-block .element__heading--1,
    .block-themacallan-v2-supportpagesearch .element__heading--1,
    .block-themacallan-v2-supportsectionsearch .element__heading--1 {
        margin: 4.5rem auto 2.5rem
    }
}

@media(min-width:992px) {
    .block-themacallan-v2-searchpageblock .element__heading--1,
    .block.support-search-block .element__heading--1,
    .block-themacallan-v2-supportpagesearch .element__heading--1,
    .block-themacallan-v2-supportsectionsearch .element__heading--1 {
        font-size: 2.5rem
    }
}

.block-themacallan-v2-searchpageblock .element__heading--3+.element__heading--1,
.block.support-search-block .element__heading--3+.element__heading--1,
.block-themacallan-v2-supportpagesearch .element__heading--3+.element__heading--1,
.block-themacallan-v2-supportsectionsearch .element__heading--3+.element__heading--1 {
    margin-top: 2rem
}

.block-themacallan-v2-searchpageblock .element__heading--3,
.block.support-search-block .element__heading--3,
.block-themacallan-v2-supportpagesearch .element__heading--3,
.block-themacallan-v2-supportsectionsearch .element__heading--3 {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    font-weight: 400;
    margin: 1rem auto 0
}

.block-themacallan-v2-searchpageblock .element__heading--3::before,
.block.support-search-block .element__heading--3::before,
.block-themacallan-v2-supportpagesearch .element__heading--3::before,
.block-themacallan-v2-supportsectionsearch .element__heading--3::before {
    left: -50px
}

.block-themacallan-v2-searchpageblock .element__heading--3::after,
.block.support-search-block .element__heading--3::after,
.block-themacallan-v2-supportpagesearch .element__heading--3::after,
.block-themacallan-v2-supportsectionsearch .element__heading--3::after {
    right: -60px
}

.block-themacallan-v2-searchpageblock .element__heading--3::after,
.block-themacallan-v2-searchpageblock .element__heading--3::before,
.block.support-search-block .element__heading--3::after,
.block.support-search-block .element__heading--3::before,
.block-themacallan-v2-supportpagesearch .element__heading--3::after,
.block-themacallan-v2-supportpagesearch .element__heading--3::before,
.block-themacallan-v2-supportsectionsearch .element__heading--3::after,
.block-themacallan-v2-supportsectionsearch .element__heading--3::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

@media(min-width:768px) {
    .block-themacallan-v2-searchpageblock .element__heading--3,
    .block.support-search-block .element__heading--3,
    .block-themacallan-v2-supportpagesearch .element__heading--3,
    .block-themacallan-v2-supportsectionsearch .element__heading--3 {
        margin: 4.5rem auto 0
    }
}

.block-themacallan-v2-searchpageblock .search,
.block.support-search-block .search,
.block-themacallan-v2-supportpagesearch .search,
.block-themacallan-v2-supportsectionsearch .search {
    margin-bottom: 1.75rem
}

@media(min-width:768px) {
    .block-themacallan-v2-searchpageblock .search,
    .block.support-search-block .search,
    .block-themacallan-v2-supportpagesearch .search,
    .block-themacallan-v2-supportsectionsearch .search {
        margin-top: 2rem;
        margin-bottom: 3rem
    }
}

.block-themacallan-v2-searchpageblock .search__form,
.block.support-search-block .search__form,
.block-themacallan-v2-supportpagesearch .search__form,
.block-themacallan-v2-supportsectionsearch .search__form {
    margin: 0 1.5rem;
    width: auto
}

@media(min-width:768px) {
    .block-themacallan-v2-searchpageblock .search__form,
    .block.support-search-block .search__form,
    .block-themacallan-v2-supportpagesearch .search__form,
    .block-themacallan-v2-supportsectionsearch .search__form {
        margin: 0 auto;
        max-width: 930px
    }
}

.block.block-themacallan-v2-supportsectionsearch {
    border-top: 1px solid #ced4da
}

@media(min-width:992px) {
    .block.block-themacallan-v2-supportsectionsearch {
        border-top: none
    }
}

.block.block-themacallan-v2-supportsectionsearch .element__heading--3 {
    display: none
}

@media(min-width:992px) {
    .block.block-themacallan-v2-supportsectionsearch .element__heading--3 {
        display: inline-block
    }
}

.block.block-themacallan-v2-supportsectionsearch .search {
    margin: -1px -15px
}

@media(min-width:992px) {
    .block.block-themacallan-v2-supportsectionsearch .search {
        margin: 2rem auto 3rem
    }
}

.block.block-themacallan-v2-supportsectionsearch .search__form {
    margin: 0;
    padding-left: 15px
}

@media(min-width:768px) {
    .block.block-themacallan-v2-supportsectionsearch .search__form {
        width: 100%
    }
}

@media(min-width:992px) {
    .block.block-themacallan-v2-supportsectionsearch .search__form {
        margin: 0 auto;
        padding-left: 0;
        width: 66%
    }
}

.block.block-themacallan-v2-supportsectionsearch .search__form .icon-search {
    font-size: 1.25rem;
    line-height: 1;
    -ms-flex-item-align: center;
    align-self: center
}

@media(min-width:992px) {
    .block.block-themacallan-v2-supportsectionsearch .search__form .icon-search {
        font-size: 1.5rem;
        line-height: 1.5;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.block.block-themacallan-v2-supportsectionsearch .search__form .search__input {
    padding: .4rem 1rem .5rem .75rem;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .75rem;
    text-transform: uppercase
}

@media(min-width:992px) {
    .block.block-themacallan-v2-supportsectionsearch .search__form .search__input {
        padding: .25rem 1rem .5rem;
        font-family: adobe-garamond-pro, times new roman, Serif;
        font-size: 1.5rem;
        text-transform: none
    }
}

.block.block-themacallan-v2-supportsectionsearch .search__form .search__submit {
    min-height: 50px
}

@media(min-width:768px) {
    .block.block-themacallan-v2-supportsectionsearch .search__form .search__submit {
        min-height: 58px
    }
}

@media(min-width:992px) {
    .block.block-themacallan-v2-supportsectionsearch .search__form .search__submit {
        min-height: 0
    }
}

.signpost-card__heading,
.signpost-card__caption,
.signpost-card__link-text {
    color: #1a1a1a
}

@media(min-width:768px) {
    .signpost-card__heading,
    .signpost-card__caption,
    .signpost-card__link-text {
        color: #fff
    }
}

.signpost-card__container {
    margin: 0
}

.signpost-card__heading {
    text-transform: none;
    font-size: 1.15rem
}

@media(min-width:768px) {
    .signpost-card__heading {
        font-size: 1.5rem
    }
}

.signpost-card__link-text {
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: 2px
}

@media(min-width:992px) {
    .signpost-card__link-text {
        margin-top: -2rem;
        opacity: 0;
        visibility: hidden
    }
}

@media(min-width:992px) {
    .signpost-card:hover .signpost-card__link-text,
    .signpost-card:focus .signpost-card__link-text {
        margin-top: 0;
        opacity: 1;
        visibility: visible
    }
}

.columns--trending h2 {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    text-transform: none;
    text-align: left
}

.columns--trending h2::before {
    left: -50px
}

.columns--trending h2::after {
    right: -60px
}

.columns--trending h2::after,
.columns--trending h2::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

@media(min-width:768px) {
    .columns--trending h2 {
        margin-bottom: 2rem
    }
}

.columns--trending h2::before {
    content: none
}

.columns--trending .row--columns {
    margin-bottom: -1rem
}

.search-result-card {
    background: #fff;
    border: 1px solid #e9ecef;
    -webkit-box-shadow: 0 4px 5px -1px #ced4da;
    box-shadow: 0 4px 5px -1px #ced4da
}

.search-result-card__link {
    color: #000
}

.search-result-card__link:focus,
.search-result-card__link:hover {
    text-decoration: none;
    color: #000
}

@media(min-width:992px) {
    .search-result-card__link:focus .search-result-card__cta-text,
    .search-result-card__link:hover .search-result-card__cta-text {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-1.8rem);
        transform: translateY(-1.8rem)
    }
}

@media(min-width:1200px) {
    .search-result-card__link:focus .search-result-card__cta-text,
    .search-result-card__link:hover .search-result-card__cta-text {
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }
}

.search-result-card__image {
    padding: .5rem .5rem 0
}

@media(min-width:768px) {
    .search-result-card__image {
        padding: 0
    }
}

.search-result-card__content {
    position: relative
}

.search-result-card__outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    font-size: 1rem;
    margin-bottom: .35rem
}

.search-result-card__outline::before {
    left: -50px
}

.search-result-card__outline::after {
    right: -60px
}

.search-result-card__outline::after,
.search-result-card__outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

@media(min-width:992px) {
    .search-result-card__outline {
        font-size: 1.25rem;
        margin-bottom: .7rem
    }
}

.search-result-card__outline::before {
    left: -30px
}

@media(min-width:992px) {
    .search-result-card__outline::before {
        left: -50px
    }
}

.search-result-card__outline::after {
    margin-right: 30px
}

@media(min-width:992px) {
    .search-result-card__outline::after {
        margin-right: 15px
    }
}

.search-result-card__outline::after,
.search-result-card__outline::before {
    top: .75rem;
    width: 20px
}

@media(min-width:768px) {
    .search-result-card__outline::after,
    .search-result-card__outline::before {
        top: .65rem
    }
}

@media(min-width:992px) {
    .search-result-card__outline::after,
    .search-result-card__outline::before {
        width: 30px;
        top: 1rem
    }
}

.search-result-card__icon {
    color: #862633
}

.search-result-card__title {
    text-transform: none;
    font-size: 1.15rem
}

@media(min-width:768px) {
    .search-result-card__title {
        font-size: 1.25rem
    }
}

@media(min-width:992px) {
    .search-result-card__title {
        font-size: 1.4rem
    }
}

@media(min-width:1200px) {
    .search-result-card__title {
        font-size: 1.5rem
    }
}

.search-result-card__copy {
    font-size: 1rem
}

@media(min-width:992px) {
    .search-result-card__copy {
        font-size: 1.15rem
    }
}

.search-result-card__cta-text {
    margin: 0 0 1.25rem;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: 2px;
    color: #862633
}

@media(min-width:992px) {
    .search-result-card__cta-text {
        margin: auto 0 1.5rem
    }
}

@media(min-width:992px) {
    .search-result-card__cta-text {
        margin: auto 0 0;
        opacity: 0;
        visibility: hidden
    }
}

.facets {
    -ms-overflow-style: none;
    overflow-x: auto
}

.facets::-webkit-scrollbar {
    display: none
}

.facets.child-facet-is-shown {
    display: none
}

.facets__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(min-width:768px) {
    .facets__wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.facets__list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media(min-width:768px) {
    .facets__list {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: calc(930px + 30px)
    }
}

.facets__item {
    white-space: nowrap
}

.facets__item a,
.facets__item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .8rem;
    font-family: gotham, Sans-Serif;
    text-transform: uppercase
}

.facets__item a {
    color: #000;
    position: relative
}

.facets__item a:hover,
.facets__item a:focus {
    font-weight: 700;
    text-decoration: none
}

.facets__item a.is-active {
    font-weight: 700
}

.facets__item a.is-active::after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #000
}

.facets__item:first-child {
    margin-left: 0
}

.facets__item:last-child {
    margin-right: 0;
    padding-right: calc(1.5rem + 15px)
}

@media(min-width:768px) {
    .facets__item:last-child {
        padding-right: 15px
    }
}

.facets__item--prefix {
    display: none;
    padding-left: calc(1.5rem + 15px)
}

@media(min-width:768px) {
    .facets__item--prefix {
        padding-left: 15px
    }
}

@media(min-width:768px) {
    .facets__item--prefix {
        display: block;
        background: #fff;
        font-weight: 700
    }
}

.facets__item--prefix+.facets__item {
    padding-left: calc(1.5rem + 15px)
}

@media(min-width:768px) {
    .facets__item--prefix+.facets__item {
        padding-left: 0
    }
}

.facets__item--prefix span {
    color: #000
}

.facets__item--list-clear {
    margin-left: auto
}

.facets .facet-item__count {
    margin-left: .25rem
}

.facets__active-title {
    margin: 0;
    display: block;
    background: #fff url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg) center top no-repeat;
    background-size: 100%;
    letter-spacing: 1px
}

@media(min-width:768px) {
    .facets__active-title {
        display: none
    }
}

.facets .facet-item__status {
    display: none
}

.help-accordion__heading:hover,
.help-accordion__heading:focus {
    color: #862633;
    text-decoration: underline
}

.help-accordion__heading::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e807";
    font-size: .75em
}

.help-accordion__heading.is-active::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e80a"
}

.help-accordion__read-more {
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    color: #862633
}

.help-accordion__read-more:hover,
.help-accordion__read-more:focus {
    text-decoration: none;
    color: #862633
}

.help-topic-group__title {
    font-size: 1.5rem
}

@media(min-width:992px) {
    .help-topic-group__title {
        font-size: 1.8rem
    }
}

.help-topic-group .content-accordion__show-all .button::after,
.help-topic-group .content-accordion__show-all .shopping-cart .shopping-cart__footer button.shopping-cart__checkout::after,
.shopping-cart .shopping-cart__footer .help-topic-group .content-accordion__show-all button.shopping-cart__checkout::after,
.help-topic-group .content-accordion__show-all .syrenis-cookie-widget .cookie_btn button::after,
.syrenis-cookie-widget .cookie_btn .help-topic-group .content-accordion__show-all button::after,
.help-topic-group .content-accordion__show-all .syrenis-cookie-widget .popup .save::after,
.syrenis-cookie-widget .popup .help-topic-group .content-accordion__show-all .save::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e807";
    font-size: 1.1em;
    margin-left: .5rem
}

.help-topic-card {
    background: #fff;
    border: none
}

@media(min-width:768px) {
    .help-topic-card {
        padding: 2rem 1.5rem;
        -webkit-box-shadow: #e6e6e6 0 0 0 1px;
        box-shadow: #e6e6e6 0 0 0 1px
    }
}

.help-topic-card__link {
    color: #1a1a1a;
    text-decoration: none;
    -webkit-box-shadow: #e6e6e6 0 0 0 1px;
    box-shadow: #e6e6e6 0 0 0 1px;
    border-left: 4px solid #fff;
    -webkit-transition: border 250ms, -webkit-box-shadow 250ms;
    transition: border 250ms, -webkit-box-shadow 250ms;
    transition: box-shadow 250ms, border 250ms;
    transition: box-shadow 250ms, border 250ms, -webkit-box-shadow 250ms
}

@media(min-width:768px) {
    .help-topic-card__link {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        -webkit-transition: none;
        transition: none;
        float: left
    }
}

.help-topic-card__link:hover,
.help-topic-card__link:focus {
    text-decoration: none;
    color: #1a1a1a;
    -webkit-box-shadow: #cfcfcf 0 0 5px;
    box-shadow: #cfcfcf 0 0 5px;
    border-color: #862633
}

@media(min-width:768px) {
    .help-topic-card__link:hover,
    .help-topic-card__link:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        color: #862633
    }
}

.help-topic-card__link .help-topic-card__icon {
    color: #862633
}

@media(min-width:768px) {
    .help-topic-card__link .help-topic-card__icon {
        font-size: 2.5rem
    }
}

@media(min-width:768px) {
    .help-topic-card__name {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

.help-topic-card__quicklinks-item {
    line-height: 1.1
}

.help-topic-card__quicklinks-item a {
    color: #1a1a1a;
    font-size: 1rem;
    text-decoration: none
}

.help-topic-card__quicklinks-item a:hover,
.help-topic-card__quicklinks-item a:focus {
    color: #862633;
    text-decoration: underline
}

.help-topic-card__quicklinks-item a::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e809";
    font-size: .75em;
    margin-left: .5rem;
    display: inline-block
}

.help-topic-card__show-all {
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 700;
    font-size: .75rem;
    letter-spacing: 2px;
    color: #862633;
    text-decoration: none
}

.help-topic-card__show-all:hover,
.help-topic-card__show-all:focus {
    color: #862633;
    text-decoration: none
}

.search-help-category-card {
    background: #fff;
    border: none
}

@media(min-width:768px) {
    .search-help-category-card {
        -webkit-box-shadow: #e6e6e6 0 0 0 1px;
        box-shadow: #e6e6e6 0 0 0 1px
    }
}

.search-help-category-card__link {
    color: #1a1a1a;
    text-decoration: none;
    -webkit-box-shadow: #e6e6e6 0 0 0 1px;
    box-shadow: #e6e6e6 0 0 0 1px;
    border-left: 4px solid #fff;
    -webkit-transition: border 250ms, -webkit-box-shadow 250ms;
    transition: border 250ms, -webkit-box-shadow 250ms;
    transition: box-shadow 250ms, border 250ms;
    transition: box-shadow 250ms, border 250ms, -webkit-box-shadow 250ms
}

@media(min-width:768px) {
    .search-help-category-card__link {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        -webkit-transition: none;
        transition: none;
        float: left
    }
}

.search-help-category-card__link:hover,
.search-help-category-card__link:focus {
    text-decoration: none;
    color: #1a1a1a;
    -webkit-box-shadow: #cfcfcf 0 0 5px;
    box-shadow: #cfcfcf 0 0 5px;
    border-color: #862633
}

@media(min-width:768px) {
    .search-help-category-card__link:hover,
    .search-help-category-card__link:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        color: #862633
    }
}

.search-help-category-card__link .search-help-category-card__icon {
    color: #862633
}

@media(min-width:768px) {
    .search-help-category-card__name {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

#coverage-check-product-detail {
    margin: 0 0 1rem
}

#coverage-check-product-detail .container {
    background-color: #f4f3f3;
    text-align: left
}

#coverage-check-product-detail .container p,
#coverage-check-product-detail .container .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form #coverage-check-product-detail .container .form-message {
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .075rem;
    margin: 0 0 10px
}

#coverage-check-product-detail .container p:last-child,
#coverage-check-product-detail .container .mac-ex-code-verification-form .form-message:last-child,
.mac-ex-code-verification-form #coverage-check-product-detail .container .form-message:last-child {
    margin: 0
}

#coverage-check-product-detail .shipping-options {
    margin-top: 1rem;
    text-align: left
}

#coverage-check-product-detail .shipping-options__button {
    background: 0 0;
    border: 0;
    outline: none;
    font-size: .75rem;
    color: #1a1a1a;
    line-height: 1.15;
    font-family: gotham_htfmedium, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: .075rem;
    font-weight: 400
}

#coverage-check-product-detail .shipping-options__button i {
    font-size: .8rem;
    margin-left: .5rem
}

#coverage-check-product-detail .shipping-options__button i::before {
    font-weight: 700
}

#coverage-check-product-detail table {
    border-top: 1px solid #f4f3f3;
    border-bottom: 1px solid #f4f3f3;
    border-collapse: inherit;
    margin: 1rem 0;
    width: 100%
}

#coverage-check-product-detail table td {
    width: 100%;
    padding-left: 1rem;
    font-size: 1.1rem;
    text-transform: capitalize
}

#coverage-check-product-detail table td:first-child {
    border-right: 1px solid #f4f3f3;
    margin: .2rem 0;
    display: block;
    padding-right: 1rem;
    padding-left: 0;
    white-space: nowrap
}

#coverage-check-product-detail label {
    font-size: .75rem;
    color: #1a1a1a;
    line-height: 1.15;
    font-family: gotham_htfmedium, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: .075rem;
    font-weight: 400
}

#coverage-check-product-detail label#shipping-options {
    margin: 2rem 0 0
}

#coverage-check-product-detail #reserve-bar-link {
    display: block;
    margin-bottom: 1rem;
    text-decoration: underline
}

#coverage-check-product-detail .shop-price {
    font-size: 2rem
}

#coverage-check-product-detail .shop-price .vat {
    display: block;
    margin: 0 0 0 1rem;
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    color: #4d4d4d;
    letter-spacing: .01875rem
}

@media(min-width:768px) {
    #coverage-check-product-detail .shop-price .vat {
        display: inline-block
    }
}

#coverage-check-product-detail .validity-alert {
    margin-bottom: 1rem;
    display: block;
    color: #862633;
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .075rem
}

#coverage-check-product-detail .button--buy {
    margin: 0 0 2rem;
    padding-left: 3rem;
    padding-right: 3rem
}

#coverage-check-product-detail .button--tertiary .button-label__icons .status-icon::before,
#coverage-check-product-detail .btn .button-label__icons .status-icon::before {
    color: #a8cf45
}

.coverage-check__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #862633;
    font-family: gotham, Sans-Serif;
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .075rem
}

.coverage-check__warning .icon {
    margin-right: 10px
}

.card-types h4 {
    font-family: gotham, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .075rem
}

.card-types__title {
    background-color: #f4f3f3
}

.card-types .card-logos__logo {
    border: 1px solid #f4f3f3
}

@media(min-width:768px) {
    .shopping-cart-item h4 {
        font-size: 1.25rem
    }
}

.shopping-cart-item__error {
    color: #862633;
    font-family: gotham, Sans-Serif;
    font-size: .8rem;
    text-transform: uppercase;
    width: 100%
}

.shopping-cart-item__error a {
    border-bottom: 1px solid
}

.shopping-cart-item__error a:hover {
    text-decoration: none
}

.shopping-cart-item__error::before {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e82a";
    margin-right: .5rem
}

.shopping-cart-item__remove {
    font-family: gotham_htfmedium, Sans-Serif;
    letter-spacing: .075rem;
    text-transform: uppercase;
    font-size: .75rem
}

.shopping-cart-page-item__remove {
    font-family: gotham_htfmedium, Sans-Serif;
    letter-spacing: .075rem;
    text-transform: uppercase;
    font-size: .75rem
}

@media(min-width:768px) {
    .shopping-cart-page-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.shopping-cart-page-item {
    border-bottom: 1px solid #e6e6e6
}

.shopping-cart-page-item__error {
    color: #862633;
    font-family: gotham, Sans-Serif;
    font-size: .8rem;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

.shopping-cart-page-item__quantity--decrease,
.shopping-cart-page-item__quantity--increase {
    border: 2px solid #e6e6e6
}

.shopping-cart-page-item__quantity--value {
    background: #e6e6e6
}

@media(min-width:768px) {
    .shopping-cart-page-item__image {
        width: 15%
    }
    .shopping-cart-page-item__image img {
        max-height: 250px
    }
    .shopping-cart-page-item__title {
        width: 25%
    }
    .shopping-cart-page-item__details {
        width: 40%
    }
    .shopping-cart-page-item__error {
        margin-top: 1rem
    }
}

@media(min-width:1200px) {
    .shopping-cart-page-item__image {
        width: auto
    }
}

.shopping-cart-page__image {
    border: 1px solid #e6e6e6
}

.shopping-cart-page__summary-content {
    padding: 2rem 0;
    border-bottom: 1px solid #e6e6e6
}

@media(min-width:768px) {
    .shopping-cart-page__summary-content {
        padding: 0;
        border: none
    }
}

.shopping-cart-page p.footer-total,
.shopping-cart-page .mac-ex-code-verification-form .footer-total.form-message,
.mac-ex-code-verification-form .shopping-cart-page .footer-total.form-message {
    padding: 1.5rem 0
}

.shopping-cart-page p.footer-total .footer-total__label,
.shopping-cart-page .mac-ex-code-verification-form .footer-total.form-message .footer-total__label,
.mac-ex-code-verification-form .shopping-cart-page .footer-total.form-message .footer-total__label {
    text-transform: uppercase
}

.shopping-cart .shopping-cart__footer button.shopping-cart__checkout {
    padding: 1rem 1.2rem
}

.shopping-cart-toggle .btn__counter {
    font-size: 11px;
    font-weight: 600;
    background: #1a1a1a;
    font-family: gotham, Sans-Serif;
    color: #fff
}

.header-light .shopping-cart-toggle .btn__counter {
    background: #fff;
    color: #1a1a1a
}

.header-light .is-stuck .shopping-cart-toggle .btn__counter,
.header-dark .shopping-cart-toggle .btn__counter {
    background: #1a1a1a;
    color: #fff
}

#integrated-checkout label {
    display: inline-block;
    line-height: 1.15;
    font-family: gotham_htfmedium, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: .075rem;
    font-size: .8rem;
    margin: .635rem 0;
    font-weight: 800
}

#integrated-checkout .form-progress {
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 700;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .075rem;
    color: #1a1a1a
}

#integrated-checkout .form-progress__divider {
    background: #000
}

#integrated-checkout .form-progress__divider--disabled {
    background: #b3b3b3
}

#integrated-checkout .form-progress__link {
    color: #1a1a1a
}

#integrated-checkout .form-progress__link::before {
    border: solid #000 1px
}

#integrated-checkout .form-progress__link--disabled {
    color: #b3b3b3
}

#integrated-checkout .form-progress__link--disabled::before {
    border: solid #b3b3b3 1px
}

#integrated-checkout .shipping-details,
#integrated-checkout .billing-details,
#integrated-checkout .shipping-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem 0
}

#integrated-checkout .shipping-details__content,
#integrated-checkout .billing-details__content,
#integrated-checkout .shipping-page__content {
    width: 100%
}

@media(min-width:992px) {
    #integrated-checkout .shipping-details__content,
    #integrated-checkout .billing-details__content,
    #integrated-checkout .shipping-page__content {
        width: 60%
    }
}

#integrated-checkout .shipping-details .intl-tel-input .flag-container,
#integrated-checkout .billing-details .intl-tel-input .flag-container,
#integrated-checkout .shipping-page .intl-tel-input .flag-container {
    border: 1px solid #f4f3f3;
    margin-right: 1rem
}

#integrated-checkout .shipping-details .intl-tel-input .flag-container .selected-flag,
#integrated-checkout .billing-details .intl-tel-input .flag-container .selected-flag,
#integrated-checkout .shipping-page .intl-tel-input .flag-container .selected-flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .9rem;
    padding-left: 0;
    background: 0 0;
    font-family: gotham, Sans-Serif
}

#integrated-checkout .shipping-details .intl-tel-input .flag-container .country-list .flag-box,
#integrated-checkout .billing-details .intl-tel-input .flag-container .country-list .flag-box,
#integrated-checkout .shipping-page .intl-tel-input .flag-container .country-list .flag-box {
    display: none
}

#integrated-checkout .shipping-summary {
    width: 100%;
    margin: 1rem 0;
    padding: 1.5rem 2rem;
    border: 1px solid #f4f3f3
}

#integrated-checkout .shipping-summary .shipping-edit {
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

#integrated-checkout .shipping-summary .shipping-edit i {
    margin-left: .5rem;
    font-size: 1rem
}

#integrated-checkout .shipping-summary h4,
#integrated-checkout .shipping-summary .shipping-edit {
    margin: .25rem 0;
    line-height: 1.15;
    font-family: gotham_htfmedium, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: .05rem;
    font-size: .75rem;
    font-weight: 500
}

#integrated-checkout .order-summary {
    width: 100%;
    margin: 1rem 0;
    padding: 2rem;
    border: 1px solid #f4f3f3
}

#integrated-checkout .order-summary .order-delivery-method {
    padding-bottom: 1rem;
    border-bottom: 1px solid #f4f3f3
}

#integrated-checkout .order-summary .order-delivery-method h4,
#integrated-checkout .order-summary .order-delivery-method p,
#integrated-checkout .order-summary .order-delivery-method .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form #integrated-checkout .order-summary .order-delivery-method .form-message {
    margin: 0
}

#integrated-checkout .order-summary .order-items-item {
    border-bottom: 1px solid #f4f3f3
}

#integrated-checkout .order-summary .order-items-item__details {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#integrated-checkout .order-summary .order-items-item__description {
    font-size: 1.15rem
}

#integrated-checkout .order-summary .order-items-item__image {
    max-width: 40%
}

#integrated-checkout .order-summary .order-items-item__quantity {
    font-family: adobe-garamond-pro, times new roman, Serif;
    font-size: 1.15rem;
    text-transform: uppercase
}

#integrated-checkout .order-summary .order-items-item__price {
    font-size: 1.15rem;
    margin: 0
}

#integrated-checkout .order-summary .order-subtotals {
    border-bottom: 1px solid #f4f3f3
}

#integrated-checkout .order-summary .order-title {
    border-bottom: 1px solid #f4f3f3
}

#integrated-checkout .order-summary .order-title__icon {
    color: #862633
}

#integrated-checkout .order-info-blocks {
    width: 100%
}

#integrated-checkout .popup-inner {
    width: 80%;
    margin: 0 auto
}

#integrated-checkout .terms-conditions {
    padding: 2rem 0
}

#integrated-checkout .terms-conditions p,
#integrated-checkout .terms-conditions .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form #integrated-checkout .terms-conditions .form-message {
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 400;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .075rem
}

#integrated-checkout .terms-conditions--policies {
    color: #1a1a1a
}

#integrated-checkout .terms-conditions--advisory {
    color: gray
}

#integrated-checkout .terms-conditions label {
    font-weight: 400
}

.shopping-cart-page__gift-messaging .gift-message-title {
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    color: #000;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none
}

.shopping-cart-page__gift-messaging .gift-message-title::before,
.shopping-cart-page__gift-messaging .gift-message-title::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.shopping-cart-page__gift-messaging .gift-message-title::before {
    left: -50px
}

.shopping-cart-page__gift-messaging .gift-message-title::after {
    right: -60px
}

.block-themacallan-v2-shippingdelivery .paragraph__column {
    padding: 0
}

.owl-carousel .popup.visible {
    -webkit-transition: none;
    transition: none
}

.syrenis-cookie-widget {
    font-family: adobe-garamond-pro, times new roman, Serif
}

.syrenis-cookie-widget h3,
.syrenis-cookie-widget h4 {
    color: #1a1a1a
}

.syrenis-cookie-widget .footer {
    z-index: 9999
}

.syrenis-cookie-widget .cookie {
    background: #862633;
    padding: 1rem
}

@media(min-width:1200px) {
    .syrenis-cookie-widget .cookie {
        padding: 1rem 8rem
    }
}

.syrenis-cookie-widget .cookie_text {
    font-size: 1.1rem;
    color: #fff
}

.syrenis-cookie-widget input+.slider {
    background-color: #888
}

.syrenis-cookie-widget input:checked+.slider {
    background-color: #862633
}

.syrenis-cookie-widget .accept-all-span {
    font-family: gotham, Sans-Serif;
    color: #1a1a1a;
    text-transform: uppercase;
    font-size: 1rem
}

.syrenis-cookie-widget .main-wraper button.toggle-butn-box {
    width: 95%;
    margin: 0 auto;
    display: block
}

.syrenis-cookie-widget .status {
    display: none
}

.syrenis-cookie-widget .on_off_switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.syrenis-cookie-widget .on_off_switch .switch_inner_switch {
    margin-left: 1rem
}

.syrenis-cookie-widget .cookie_btn {
    padding: rem(8px) 0
}

.syrenis-cookie-widget .cookie_btn button {
    height: 2.75rem !important;
    margin-left: rem(10px);
    padding: .65rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 0;
    background: #1a1a1a;
    color: #fff;
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: .075rem;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s
}

.syrenis-cookie-widget .cookie_btn button:hover,
.syrenis-cookie-widget .cookie_btn button:focus {
    background: #1a1a1a;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .7)
}

.syrenis-cookie-widget .cookie_btn button:last-child {
    height: 2.75rem !important;
    background: #1a1a1a;
    font-size: .75rem !important
}

.syrenis-cookie-widget .cookie_btn button:last-child:hover {
    background: #1a1a1a
}

.syrenis-cookie-widget .cookie_btn .View_all {
    margin-right: 0
}

.syrenis-cookie-widget .popup .save {
    height: 2.75rem !important;
    padding: .65rem 1.5rem;
    border-radius: 0;
    background: #862633;
    color: #fff;
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: .075rem;
    font-weight: 600
}

.syrenis-cookie-widget .popup .save:hover,
.syrenis-cookie-widget .popup .save:focus {
    background: #9a2c3b
}

.syrenis-cookie-widget .pop_up {
    height: 100%
}

.syrenis-cookie-widget .verti-scroll {
    max-height: none;
    height: 100%
}

.syrenis-cookie-widget .content_title {
    margin: 1rem 0
}

#CookiePolicyTable {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-family: adobe-garamond-pro, times new roman, Serif;
    font-weight: 300;
    color: #1a1a1a;
    padding: 0 1rem;
    border: 1px solid #1a1a1a;
    border-collapse: collapse
}

@media(min-width:992px) {
    #CookiePolicyTable {
        padding: 0
    }
}

#CookiePolicyTable>thead>tr {
    border-bottom: 1px solid #1a1a1a
}

#CookiePolicyTable>thead>tr>td {
    background: 0 0;
    color: #1a1a1a;
    font-family: adobe-garamond-pro, times new roman, Serif;
    font-weight: 500;
    padding: 0 0 rem(15px)
}

#CookiePolicyTable>thead>tr>td:first-child,
#CookiePolicyTable>thead>tr>td:last-child {
    border-radius: 0
}

#CookiePolicyTable>tbody>tr {
    border-bottom: 1px solid #1a1a1a;
    padding: rem(15px) rem(10px) rem(15px) 0
}

#CookiePolicyTable>tbody>tr:nth-child(even) {
    background: 0 0
}

.file-card__link-wrapper {
    color: #4d4d4d
}

.file-card__link-wrapper:hover {
    color: #4d4d4d
}

.file-card__details p,
.file-card__details .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .file-card__details .form-message {
    font-size: 1rem;
    color: #862633
}

.file-card__filetype-image {
    border-color: #4d4d4d
}

.file-card__filetype-image-content {
    color: #4d4d4d
}

.product-comparison__bg-image {
    background-color: #000
}

.product-comparison__wrapper {
    z-index: 1;
    background: linear-gradient(black 0, rgba(0, 0, 0, 0.4) 200px, black 300px)
}

@media(min-width:992px) {
    .product-comparison__wrapper {
        background: 0 0
    }
}

.product-comparison__wrapper::before,
.product-comparison__wrapper::after {
    display: none;
    content: "";
    height: 100%;
    width: 15%;
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 3
}

@media(min-width:992px) {
    .product-comparison__wrapper::before,
    .product-comparison__wrapper::after {
        display: block
    }
}

.product-comparison__wrapper::before {
    right: auto;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(70%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 70%)
}

.product-comparison__wrapper::after {
    left: auto;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%)
}

.product-comparison__control {
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer
}

.product-comparison__control a {
    color: #fff
}

.product-comparison__carousel.owl-carousel {
    z-index: auto
}

.product-comparison__carousel.owl-carousel .owl-nav {
    z-index: 5
}

.product-comparison__carousel.owl-carousel .owl-dots {
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:992px) {
    .product-comparison__carousel.owl-carousel .owl-dots {
        display: none
    }
}

.product-comparison__carousel.owl-carousel .owl-dots .owl-dot {
    width: calc(100%/3);
    margin: 0
}

.product-comparison__carousel.owl-carousel .owl-dots .owl-dot span {
    width: 100%;
    margin: 1rem 0;
    height: 4px;
    border-radius: 0;
    background: rgba(255, 255, 255, .35)
}

.product-comparison__carousel.owl-carousel .owl-dots .owl-dot.active span {
    background: #fff
}

.product-comparison__carousel.owl-carousel .owl-dots .owl-dot.active:hover span,
.product-comparison__carousel.owl-carousel .owl-dots .owl-dot.active:focus span {
    background: #fff
}

.product-comparison__carousel.owl-carousel .owl-dots .owl-dot:hover,
.product-comparison__carousel.owl-carousel .owl-dots .owl-dot:focus {
    cursor: initial
}

.product-comparison__carousel.owl-carousel .owl-dots .owl-dot:hover span,
.product-comparison__carousel.owl-carousel .owl-dots .owl-dot:focus span {
    background: rgba(255, 255, 255, .35)
}

@media(min-width:992px) {
    .product-comparison__carousel.item-1-active .owl-item:nth-child(2) .product__image {
        position: fixed
    }
}

@media(min-width:992px) {
    .product-comparison__carousel.item-2-active .owl-item:first-child .product__image {
        position: fixed;
        right: 0
    }
}

@media(min-width:992px) {
    .product-comparison__carousel.item-2-active .owl-item:last-child .product__image {
        position: fixed
    }
}

@media(min-width:992px) {
    .product-comparison__carousel.item-3-active .owl-item:nth-child(2) .product__image {
        position: fixed;
        right: 0
    }
}

.product-comparison .product__actions--desktop {
    max-width: 15rem
}

.product-comparison .product__actions--mobile {
    max-width: initial
}

.product-comparison .product__actions--desktop .button--primary,
.product-comparison .product__actions--desktop .product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .product-comparison .product__actions--desktop .button,
.product-comparison .product__actions--desktop .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn .product-comparison .product__actions--desktop button,
.product-comparison .product__actions--desktop .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external .product-comparison .product__actions--desktop button,
.product-comparison .product__actions--desktop .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .product-comparison .product__actions--desktop .save,
.product-comparison .product__actions--desktop .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .product-comparison .product__actions--desktop .save,
.product-comparison .product__actions--desktop .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-comparison .product__actions--desktop button.shopping-cart__checkout,
.product-comparison .product__actions--desktop .contact-us .contact-brand-form.contact .paragraph--btn--primary,
.contact-us .contact-brand-form.contact .product-comparison .product__actions--desktop .paragraph--btn--primary,
.product-comparison .product__actions--desktop .button--tertiary,
.product-comparison .product__actions--mobile .button--primary,
.product-comparison .product__actions--mobile .product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .product-comparison .product__actions--mobile .button,
.product-comparison .product__actions--mobile .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn .product-comparison .product__actions--mobile button,
.product-comparison .product__actions--mobile .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external .product-comparison .product__actions--mobile button,
.product-comparison .product__actions--mobile .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .product-comparison .product__actions--mobile .save,
.product-comparison .product__actions--mobile .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .product-comparison .product__actions--mobile .save,
.product-comparison .product__actions--mobile .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-comparison .product__actions--mobile button.shopping-cart__checkout,
.product-comparison .product__actions--mobile .contact-us .contact-brand-form.contact .paragraph--btn--primary,
.contact-us .contact-brand-form.contact .product-comparison .product__actions--mobile .paragraph--btn--primary,
.product-comparison .product__actions--mobile .button--tertiary {
    width: 100%;
    border: none
}

.product-comparison .product__actions--desktop .button--primary,
.product-comparison .product__actions--desktop .product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .product-comparison .product__actions--desktop .button,
.product-comparison .product__actions--desktop .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn .product-comparison .product__actions--desktop button,
.product-comparison .product__actions--desktop .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external .product-comparison .product__actions--desktop button,
.product-comparison .product__actions--desktop .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .product-comparison .product__actions--desktop .save,
.product-comparison .product__actions--desktop .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .product-comparison .product__actions--desktop .save,
.product-comparison .product__actions--desktop .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-comparison .product__actions--desktop button.shopping-cart__checkout,
.product-comparison .product__actions--desktop .contact-us .contact-brand-form.contact .paragraph--btn--primary,
.contact-us .contact-brand-form.contact .product-comparison .product__actions--desktop .paragraph--btn--primary,
.product-comparison .product__actions--mobile .button--primary,
.product-comparison .product__actions--mobile .product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .product-comparison .product__actions--mobile .button,
.product-comparison .product__actions--mobile .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn .product-comparison .product__actions--mobile button,
.product-comparison .product__actions--mobile .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external .product-comparison .product__actions--mobile button,
.product-comparison .product__actions--mobile .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .product-comparison .product__actions--mobile .save,
.product-comparison .product__actions--mobile .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .product-comparison .product__actions--mobile .save,
.product-comparison .product__actions--mobile .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-comparison .product__actions--mobile button.shopping-cart__checkout,
.product-comparison .product__actions--mobile .contact-us .contact-brand-form.contact .paragraph--btn--primary,
.contact-us .contact-brand-form.contact .product-comparison .product__actions--mobile .paragraph--btn--primary {
    background: #fff;
    color: #000;
    border: none
}

.product-comparison .product__actions--desktop .button--tertiary,
.product-comparison .product__actions--mobile .button--tertiary {
    color: #fff
}

.product-comparison .product__actions--desktop .button--tertiary:hover,
.product-comparison .product__actions--desktop .button--tertiary:focus,
.product-comparison .product__actions--mobile .button--tertiary:hover,
.product-comparison .product__actions--mobile .button--tertiary:focus {
    text-decoration: underline
}

.product-comparison .product__tasting-notes h3 {
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none
}

.product-comparison .product__tasting-notes .product__tasting-note {
    padding: 1rem
}

.product-comparison--no-bg {
    background: #f7f5f4
}

.product-comparison--no-bg .product-comparison__wrapper {
    background: 0 0
}

.product-comparison--no-bg .product-comparison__wrapper::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), color-stop(70%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 70%)
}

.product-comparison--no-bg .product-comparison__wrapper::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%)
}

.product-comparison--no-bg .product-comparison__controls {
    border-color: rgba(168, 168, 168, .35)
}

.product-comparison--no-bg .product-comparison__control a {
    color: #862633
}

.product-comparison--no-bg .dynamic-underline {
    background: #862633
}

.product-comparison--no-bg .product__actions--desktop .button--primary,
.product-comparison--no-bg .product__actions--desktop .product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .product-comparison--no-bg .product__actions--desktop .button,
.product-comparison--no-bg .product__actions--desktop .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn .product-comparison--no-bg .product__actions--desktop button,
.product-comparison--no-bg .product__actions--desktop .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external .product-comparison--no-bg .product__actions--desktop button,
.product-comparison--no-bg .product__actions--desktop .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .product-comparison--no-bg .product__actions--desktop .save,
.product-comparison--no-bg .product__actions--desktop .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .product-comparison--no-bg .product__actions--desktop .save,
.product-comparison--no-bg .product__actions--desktop .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-comparison--no-bg .product__actions--desktop button.shopping-cart__checkout,
.product-comparison--no-bg .product__actions--desktop .contact-us .contact-brand-form.contact .paragraph--btn--primary,
.contact-us .contact-brand-form.contact .product-comparison--no-bg .product__actions--desktop .paragraph--btn--primary,
.product-comparison--no-bg .product__actions--mobile .button--primary,
.product-comparison--no-bg .product__actions--mobile .product-details__wrapper .product-details__details .external .button,
.product-details__wrapper .product-details__details .external .product-comparison--no-bg .product__actions--mobile .button,
.product-comparison--no-bg .product__actions--mobile .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn button,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .cookie_btn .product-comparison--no-bg .product__actions--mobile button,
.product-comparison--no-bg .product__actions--mobile .syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external button,
.syrenis-cookie-widget .cookie_btn .product-details__wrapper .product-details__details .external .product-comparison--no-bg .product__actions--mobile button,
.product-comparison--no-bg .product__actions--mobile .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .save,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .product-comparison--no-bg .product__actions--mobile .save,
.product-comparison--no-bg .product__actions--mobile .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .product-comparison--no-bg .product__actions--mobile .save,
.product-comparison--no-bg .product__actions--mobile .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .product-comparison--no-bg .product__actions--mobile button.shopping-cart__checkout,
.product-comparison--no-bg .product__actions--mobile .contact-us .contact-brand-form.contact .paragraph--btn--primary,
.contact-us .contact-brand-form.contact .product-comparison--no-bg .product__actions--mobile .paragraph--btn--primary {
    background: #862633;
    color: #fff;
    border: none
}

.product-comparison--no-bg .product__actions--desktop .button--tertiary,
.product-comparison--no-bg .product__actions--mobile .button--tertiary {
    color: #862633
}

.product-comparison--no-bg .product__actions--desktop .button--tertiary:hover,
.product-comparison--no-bg .product__actions--desktop .button--tertiary:focus,
.product-comparison--no-bg .product__actions--mobile .button--tertiary:hover,
.product-comparison--no-bg .product__actions--mobile .button--tertiary:focus {
    text-decoration: underline
}

.product-comparison--no-bg__carousel.owl-carousel .owl-dots .owl-dot span {
    background: rgba(168, 168, 168, .35)
}

.product-comparison--no-bg__carousel.owl-carousel .owl-dots .owl-dot.active span {
    background: #862633
}

.header {
    width: 100%;
    z-index: 101;
    position: static;
    position: sticky;
    margin-bottom: -60px
}

@media(min-width:576px) {
    .header {
        margin-bottom: -70px
    }
}

.no-hero .header,
.sg-pattern-example .header,
.toolbar-fixed .header,
.toolbar-fixed.toolbar-tray-open .header,
.toolbar-horizontal .header,
.toolbar-vertical .header {
    margin-bottom: 0
}

.header-light-bg .header::after {
    opacity: 1
}

.mob-menu-active .header {
    background-color: #fff
}

@media(min-width:992px) {
    .header .injected-secondary-menu {
        display: none
    }
}

.header__logo .icon-brand-font {
    color: #1a1a1a;
    font-size: 1.15rem
}

@media(min-width:768px) {
    .header__logo .icon-brand-font {
        font-size: 2rem
    }
}

.header__logo .icon-brand-font::before {
    width: auto
}

.header-light .header__logo .icon-brand-font {
    color: #fff
}

.is-stuck .header__logo .icon-brand-font,
.mob-menu-active .header__logo .icon-brand-font,
.header-light-bg .header__logo .icon-brand-font,
.toolbar-fixed .header__logo .icon-brand-font,
.toolbar-horizontal .header__logo .icon-brand-font,
.toolbar-vertical .header__logo .icon-brand-font,
.submenu-is-active .header__logo .icon-brand-font,
.search-overlay-is-active .header__logo .icon-brand-font {
    color: #1a1a1a
}

@media(max-width:767.98px) {
    .mini-cart-active .header__logo .icon-brand-font {
        color: #1a1a1a
    }
}

.toggle-expand .menu-icon {
    left: 15px;
    top: 1.5rem
}

@media(min-width:768px) {
    .toggle-expand .menu-icon {
        left: 2.5rem;
        top: 1.6rem
    }
}

.toggle-expand .menu-icon span {
    background: #fff
}

.header-light .toggle-expand .menu-icon span {
    background: #fff
}

.is-stuck .toggle-expand .menu-icon span,
.mob-menu-active .toggle-expand .menu-icon span,
.header-light-bg .toggle-expand .menu-icon span,
.toolbar-fixed .toggle-expand .menu-icon span,
.toolbar-horizontal .toggle-expand .menu-icon span,
.toolbar-vertical .toggle-expand .menu-icon span,
.search-overlay-is-active .toggle-expand .menu-icon span {
    background: #1a1a1a
}

.main-nav {
    position: fixed
}

@media(min-width:1200px) {
    .main-nav {
        position: static
    }
}

.main-nav.open {
    bottom: 9rem;
    background: #fff;
    overflow-y: auto;
    z-index: 99
}

.main-nav.open .main-menu__item {
    margin: 0 2.75rem
}

.main-nav.open .main-menu__item:last-child {
    border: none
}

.main-nav.open .main-menu__item--sub {
    width: 100%;
    margin: 0
}

@media(min-width:1200px) {
    .main-nav .main-menu--sub {
        display: block
    }
}

@media(min-width:1200px) {
    .main-nav .main-menu__item--with-sub:hover .main-menu__link,
    .main-nav .main-menu__item--with-sub:focus .main-menu__link {
        color: #fff
    }
}

.main-nav .main-menu__link {
    font-size: .875rem;
    color: #fff;
    width: 100%
}

@media(min-width:1200px) {
    .main-nav .main-menu__link {
        font-size: .75rem
    }
}

.header-light .main-nav .main-menu__link {
    color: #fff;
}

.is-stuck .main-nav .main-menu__link,
.mob-menu-active .main-nav .main-menu__link,
.header-light-bg .main-nav .main-menu__link,
.toolbar-fixed .main-nav .main-menu__link,
.submenu-is-active .main-nav .main-menu__link,
.search-overlay-is-active .main-nav .main-menu__link {
    color: #fff;
}

.main-nav .main-menu__link--sub {
    margin: 0;
    width: 100%;
    font-size: .75rem
}

@media(min-width:1200px) {
    .main-nav .main-menu__link--sub {
        color: #1a1a1a
    }
}

@media(min-width:1200px) {
    .header-light .main-nav .main-menu__link--sub {
        color: #1a1a1a
    }
}

.mob-menu-active .main-nav .main-menu__link--sub {
    color: #4d4d4d
}

@media(min-width:1200px) {
    .main-nav .main-menu .submenu {
       /*  background: #fff url(/themes/custom/themacallan_v2/css/../images/bg_submenu.jpg) center top 72px repeat-x; */
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
        max-height: none
    }
}

.main-nav .main-menu .submenu .main-menu--sub {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(min-width:1200px) {
    .main-nav .main-menu .submenu .main-menu--sub {
        padding: 8rem 0 4rem;
        max-height: none
    }
}

.main-nav .main-menu .submenu .main-menu__item {
    text-align: left
}

@media(min-width:1200px) {
    .main-nav .main-menu .submenu .main-menu__item {
        -webkit-transition: .2s all ease-out;
        transition: .2s all ease-out
    }
}

@media(min-width:1200px) {
    .main-nav .main-menu .submenu .main-menu__item:hover,
    .main-nav .main-menu .submenu .main-menu__item:focus {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

.open .main-nav .main-menu .submenu .expand-sub::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(min-width:1200px) {
    .main-nav .main-menu .submenu .menu-promo {
        margin: 8rem 0 4rem
    }
}

.main-nav .main-menu .submenu .menu-promo .menu-promo__headline {
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .75rem;
    color: #1a1a1a;
    -webkit-transition: .2s -webkit-transform ease-out;
    transition: .2s -webkit-transform ease-out;
    transition: .2s transform ease-out;
    transition: .2s transform ease-out, .2s -webkit-transform ease-out
}

.main-nav .main-menu .submenu .menu-promo .menu-promo__link {
    text-decoration: none;
    color: #1a1a1a
}

.main-nav .main-menu .submenu .menu-promo .menu-promo__link:hover,
.main-nav .main-menu .submenu .menu-promo .menu-promo__link:focus {
    text-decoration: none
}

.main-nav .main-menu .submenu .menu-promo .menu-promo__link:hover .menu-promo__headline,
.main-nav .main-menu .submenu .menu-promo .menu-promo__link:focus .menu-promo__headline {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.header-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 12px 0 0;
    margin: 0 0 0 auto;
    list-style: none;
    z-index: 15
}

@media(min-width:768px) {
    .header-icons {
        padding-right: 8px
    }
}

@media(min-width:1200px) {
    .header-icons {
        margin-left: 0
    }
}

.header-icons .mobilecartbutton {
    position: relative
}

.header-icons__icon {
    border-bottom: 2px solid transparent;
    padding: 0 .3rem
}

@media(min-width:576px) {
    .header-icons__icon {
        padding: 0 .4rem
    }
}

.header-icons__icon:hover>a::before,
.header-icons__icon:hover>button::before {
    font-weight: 700
}

.header-icons__icon:last-child {
    margin-right: 0
}

.header-icons__icon>a,
.header-icons__icon>button {
    padding: 0 .15rem;
    text-decoration: none;
    color: #1a1a1a;
    background: 0 0;
    border: none
}

@media(min-width:576px) {
    .header-icons__icon>a,
    .header-icons__icon>button {
        padding: 0 .25rem
    }
}

.header-light .header-icons__icon>a,
.header-light .header-icons__icon>button {
    color: #fff
}

.is-stuck .header-icons__icon>a,
.mob-menu-active .header-icons__icon>a,
.header-light-bg .header-icons__icon>a,
.toolbar-fixed .header-icons__icon>a,
.toolbar-horizontal .header-icons__icon>a,
.toolbar-vertical .header-icons__icon>a,
.submenu-is-active .header-icons__icon>a,
.search-overlay-is-active .header-icons__icon>a,
.is-stuck .header-icons__icon>button,
.mob-menu-active .header-icons__icon>button,
.header-light-bg .header-icons__icon>button,
.toolbar-fixed .header-icons__icon>button,
.toolbar-horizontal .header-icons__icon>button,
.toolbar-vertical .header-icons__icon>button,
.submenu-is-active .header-icons__icon>button,
.search-overlay-is-active .header-icons__icon>button {
    color: #1a1a1a
}

@media(max-width:767.98px) {
    .mini-cart-active .header-icons__icon>a,
    .mini-cart-active .header-icons__icon>button {
        color: #1a1a1a
    }
}

.header-icons__icon .icon {
    font-size: 1.25rem;
    cursor: pointer
}

.header-icons__icon--contact {
    display: none
}

@media(min-width:1200px) {
    .header-icons__icon--contact {
        display: inline-block
    }
}

.header-icons__icon--where-to-find-us {
    display: none
}

@media(min-width:576px) {
    .header-icons__icon--where-to-find-us {
        display: inline-block
    }
}

@media(min-width:992px) {
    .header-icons__icon--where-to-find-us {
        position: relative
    }
}

.header-icons__icon--where-to-find-us:hover,
.header-icons__icon--where-to-find-us:focus {
    border-bottom-color: #1a1a1a
}

.header-light .header-icons__icon--where-to-find-us:hover,
.header-light .header-icons__icon--where-to-find-us:focus {
    border-bottom-color: #fff
}

.is-stuck .header-icons__icon--where-to-find-us:hover,
.mob-menu-active .header-icons__icon--where-to-find-us:hover,
.header-light-bg .header-icons__icon--where-to-find-us:hover,
.toolbar-fixed .header-icons__icon--where-to-find-us:hover,
.toolbar-horizontal .header-icons__icon--where-to-find-us:hover,
.toolbar-vertical .header-icons__icon--where-to-find-us:hover,
.submenu-is-active .header-icons__icon--where-to-find-us:hover,
.search-overlay-is-active .header-icons__icon--where-to-find-us:hover,
.is-stuck .header-icons__icon--where-to-find-us:focus,
.mob-menu-active .header-icons__icon--where-to-find-us:focus,
.header-light-bg .header-icons__icon--where-to-find-us:focus,
.toolbar-fixed .header-icons__icon--where-to-find-us:focus,
.toolbar-horizontal .header-icons__icon--where-to-find-us:focus,
.toolbar-vertical .header-icons__icon--where-to-find-us:focus,
.submenu-is-active .header-icons__icon--where-to-find-us:focus,
.search-overlay-is-active .header-icons__icon--where-to-find-us:focus {
    border-bottom-color: #1a1a1a
}

.header-icons__icon--where-to-find-us:hover .header__secondary-menu,
.header-icons__icon--where-to-find-us:focus .header__secondary-menu {
    display: block
}

.agegate__link {
    display: none;
    bottom: 6rem;
    left: 0;
    right: 0;
    width: auto;
    height: 3.125rem;
    padding: 0 2.1875rem;
    opacity: 0;
    position: fixed;
    border-bottom: .0625rem solid rgba(255, 255, 255, .1);
    background: #1a1a1a;
    -webkit-transition: .1s opacity linear;
    transition: .1s opacity linear
}

@media(min-width:1200px) {
    .agegate__link {
        display: inline-block;
        opacity: 1;
        position: static;
        height: auto;
        width: auto;
        background: 0 0;
        border: none;
        padding: 0 .4rem 0 1rem
    }
}

.agegate__link.open {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.agegate__link .agegate__label {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    font-size: .625rem;
    letter-spacing: .075rem;
    text-align: left
}

@media(min-width:1200px) {
    .agegate__link .agegate__label {
        display: none
    }
}

.agegate__link .agegate__content {
    position: relative;
    min-width: 0;
    line-height: 0
}

.agegate__link a.button,
.agegate__link .syrenis-cookie-widget .popup a.save,
.syrenis-cookie-widget .popup .agegate__link a.save {
    min-width: 0;
    max-width: none;
    width: 100%;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    padding: 0;
    font-size: .75rem;
    line-height: 1.15;
    letter-spacing: 0;
    font-family: gotham, Sans-Serif;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    overflow: hidden;
    margin: 0;
    border: none
}

@media(min-width:1200px) {
    .agegate__link a.button,
    .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .agegate__link a.save {
        padding: .4rem .25rem .6rem;
        font-size: .85rem;
        color: #1a1a1a
    }
}

.agegate__link a.button:hover,
.agegate__link .syrenis-cookie-widget .popup a.save:hover,
.syrenis-cookie-widget .popup .agegate__link a.save:hover,
.agegate__link a.button:focus,
.agegate__link .syrenis-cookie-widget .popup a.save:focus,
.syrenis-cookie-widget .popup .agegate__link a.save:focus {
    text-decoration: none
}

@media(min-width:1200px) {
    .header-light .agegate__link a.button,
    .header-light .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .header-light .agegate__link a.save {
        color: #fff
    }
}

@media(min-width:1200px) {
    .is-stuck .agegate__link a.button,
    .is-stuck .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .is-stuck .agegate__link a.save,
    .mob-menu-active .agegate__link a.button,
    .mob-menu-active .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .mob-menu-active .agegate__link a.save,
    .header-light-bg .agegate__link a.button,
    .header-light-bg .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .header-light-bg .agegate__link a.save,
    .toolbar-fixed .agegate__link a.button,
    .toolbar-fixed .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .toolbar-fixed .agegate__link a.save,
    .toolbar-horizontal .agegate__link a.button,
    .toolbar-horizontal .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .toolbar-horizontal .agegate__link a.save,
    .toolbar-vertical .agegate__link a.button,
    .toolbar-vertical .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .toolbar-vertical .agegate__link a.save,
    .submenu-is-active .agegate__link a.button,
    .submenu-is-active .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .submenu-is-active .agegate__link a.save,
    .search-overlay-is-active .agegate__link a.button,
    .search-overlay-is-active .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .search-overlay-is-active .agegate__link a.save {
        color: #1a1a1a
    }
}

.agegate__link h2 {
    font-family: gotham, Sans-Serif;
    font-weight: 600;
    letter-spacing: .075rem;
    text-transform: uppercase;
    font-size: .75rem;
    margin-top: .624rem;
    margin-bottom: .624rem;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    min-width: 12.5rem;
    text-align: left
}

.header__secondary-menu {
    display: none;
    top: 50px;
    right: 0;
    padding-top: 1rem;
    width: 100%
}

@media(min-width:992px) {
    .header__secondary-menu {
        width: 200px;
        right: -30px;
        top: 34px
    }
}

@media(min-width:1200px) {
    .header__secondary-menu {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.header__secondary-menu div {
    background: #fff;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .5)
}

.header__secondary-menu .secondary-menu__header {
    display: block;
    padding: .75rem 2rem;
    margin: 0;
    font-family: gotham_htfmedium, Sans-Serif;
    text-align: center;
    color: #1a1a1a;
    text-transform: uppercase;
    font-size: .8rem;
    background: #f8f9fa
}

.header__secondary-menu .stacked-menu__item {
    font-family: gotham_htfmedium, Sans-Serif;
    text-align: center;
    color: #1a1a1a;
    text-transform: uppercase;
    font-size: .8rem
}

.header__secondary-menu .stacked-menu__link {
    display: block;
    padding: .75rem 2rem;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    color: #1a1a1a !important;
    font-size: .8rem
}

@media(min-width:992px) {
    .header__secondary-menu .stacked-menu__link:hover,
    .header__secondary-menu .stacked-menu__link:focus {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

header .social-icons {
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 6rem;
    padding: 0 2.1875rem;
    opacity: 0;
    position: fixed;
    background: #1a1a1a;
    -webkit-transition: .1s opacity linear;
    transition: .1s opacity linear
}

header .social-icons.open {
    opacity: 1;
    display: block
}

@media(min-width:1200px) {
    header .social-icons.open {
        opacity: 0;
        display: none
    }
}

header .social-icons .social-links {
    padding-top: 2rem
}

header .social-icons .social-links ul {
    list-style-type: none
}

.macallan-experience nav {
    width: 100%
}

@media(min-width:1200px) {
    .macallan-experience .main-nav {
        width: 100%
    }
}

@media(min-width:1200px) {
    .macallan-experience .main-nav .main-menu__item--with-sub {
        position: relative
    }
}

@media(min-width:1200px) {
    .macallan-experience .main-nav .main-menu__link {
        border: 2px solid transparent
    }
}

@media(min-width:1200px) {
    .macallan-experience .main-nav .main-menu__link--reserve {
        padding: 1rem;
        margin: 1rem 0;
        border: solid 2px #fff
    }
    .macallan-experience .main-nav .main-menu__link--reserve:hover {
        border: solid 2px #fff
    }
}

@media(min-width:1200px) {
    .macallan-experience .main-nav .main-menu__link--sub {
        padding: 1rem 0
    }
}

@media(min-width:1200px) {
    .macallan-experience .main-nav .main-menu .submenu {
        position: absolute;
        top: 50px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 1rem;
        width: 100%;
        min-width: 150px;
        background: #fff
    }
}

.macallan-experience .main-nav .main-menu .submenu__container {
    padding: 0
}

.macallan-experience .main-nav .main-menu .submenu .main-menu--sub {
    padding: 0;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
}

@media(min-width:1200px) {
    .macallan-experience .main-nav .main-menu .submenu .main-menu__item {
        border: 2px solid #1a1a1a;
        text-align: center
    }
    .macallan-experience .main-nav .main-menu .submenu .main-menu__item:hover {
        -webkit-transform: none;
        transform: none
    }
    .macallan-experience .main-nav .main-menu .submenu .main-menu__item:not(:only-child):last-child {
        border-top: none
    }
}

@media(min-width:1200px) {
    .macallan-experience .main-nav .main-menu .submenu .main-menu__link:hover {
        -webkit-transform: none;
        transform: none
    }
}

.macallan-experience .header-icons__icon {
    display: none
}

.macallan-experience .header-icons__icon--language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:1200px) {
    .macallan-experience .is-stuck .header__logo .icon-brand-font {
        color: #1a1a1a
    }
}

@media(min-width:1200px) {
    .main-nav .main-menu__item--with-sub:hover .main-menu__link,
    .main-nav .main-menu__item--with-sub:focus .main-menu__link {
        color: #1a1a1a
    }
}

@media(min-width:1200px) {
    .macallan-experience .is-stuck .main-nav .main-menu .submenu {
        top: 65px
    }
}

@media(min-width:1200px) {
    .macallan-experience .is-stuck .main-nav .main-menu__link {
        color: #1a1a1a
    }
}

@media(min-width:1200px) {
    .main-nav .main-menu__link--sub {
        color: #fff
    }
}

@media(min-width:1200px) {
    .macallan-experience .submenu-is-active .main-nav .main-menu__link--sub {
        color: #1a1a1a
    }
}

@media(min-width:1200px) {
    .macallan-experience .is-stuck .main-nav .main-menu__link--sub {
        color: #1a1a1a
    }
}

@media(min-width:1200px) {
    .macallan-experience .submenu-is-active .agegate__link a.button,
    .macallan-experience .submenu-is-active .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .macallan-experience .submenu-is-active .agegate__link a.save {
        color: #fff
    }
}

@media(min-width:1200px) {
    .macallan-experience .is-stuck .agegate__link a.button,
    .macallan-experience .is-stuck .agegate__link .syrenis-cookie-widget .popup a.save,
    .syrenis-cookie-widget .popup .macallan-experience .is-stuck .agegate__link a.save {
        color: #1a1a1a
    }
}

@media(min-width:1200px) {
    .macallan-experience .is-stuck .main-menu .main-menu__link--reserve {
        border: solid 2px #1a1a1a
    }
    .macallan-experience .is-stuck .main-menu .main-menu__link--reserve:hover {
        border: solid 2px #1a1a1a
    }
}

.hide-language-switcher .header-icons__icon--language {
    background-color: #fff
}

.hide-language-switcher .header-icons__icon--language .agegate__label,
.hide-language-switcher .header-icons__icon--language .agegate__content {
    display: none
}

.site-footer {
    background: #1a1a1a;
    font-family: gotham, Sans-Serif;
	background-image: url("../images/footer_subscribe_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

footer div.footer__top {
    padding: 0 1.375rem;
    display: block;
    text-align: left
}

@media(max-width:991.98px) {
    footer div.footer__top>div {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
}

@media(min-width:1200px) {
    footer div.footer__top {
        padding: 2.5rem 0 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

footer div.footer__top .footer__item-1 {
    display: none
}

@media(min-width:1200px) {
    footer div.footer__top .footer__item-1 {
        display: block
    }
}

footer div.footer__top .footer__item-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

footer div.footer__top nav h2 {
    position: relative;
    font-family: gotham, Sans-Serif;
    margin: 0;
    padding: 1.25em 0;
    text-transform: uppercase;
    font-size: .75rem;
    color: #fff;
    line-height: 2;
    font-weight: 600;
    letter-spacing: .6px
}

@media(min-width:1200px) {
    footer div.footer__top nav h2 {
        display: none
    }
}

footer div.footer__top nav h2::after {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    top: 50%;
    right: .75rem;
    border-width: 4px;
    border-bottom-width: 0;
    border-style: solid;
    border-color: #fff transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

footer div.footer__top nav ul {
    display: none
}

@media(min-width:1200px) {
    footer div.footer__top nav ul {
        display: block
    }
}

footer div.footer__top nav li {
    margin: 0 0 1rem
}

footer div.footer__top nav li:first-of-type {
    display: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 1.25rem
}

@media(min-width:1200px) {
    footer div.footer__top nav li:first-of-type {
        display: block
    }
}

footer div.footer__top nav li a.stacked-menu__link {
    display: block;
    text-transform: uppercase;
    font-size: .75rem;
    color: #fff;
    line-height: 2;
    font-weight: 700;
    letter-spacing: .6px
}

footer div.footer__bottom {
    border-top: none
}

@media(min-width:1200px) {
    footer div.footer__bottom {
        /* border-top: 1px solid #262626 */
    }
}

footer div.footer__bottom p,
footer div.footer__bottom .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form footer div.footer__bottom .form-message {
    font-family: gotham, Sans-Serif;
    color: rgba(255, 255, 255, .5);
    font-size: .75rem;
    margin: 1rem 0 0
}

footer div.footer__bottom .inline-menu__item {
    display: inline-block;
    margin: .875rem .5rem 0 0;
    padding: 0 .625rem 0 0;
    border-right: 1px solid #fff
}

footer div.footer__bottom .inline-menu__item:last-child {
    border-right: none
}

footer div.footer__bottom .inline-menu__item .inline-menu__link {
    text-transform: uppercase;
    font-size: .625rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px
}

.block-themacallan-v2-copyrightfr img {
    width: 35px;
    height: 35px
}

.block-themacallan-v2-copyrightfr p,
.block-themacallan-v2-copyrightfr .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .block-themacallan-v2-copyrightfr .form-message,
.block-themacallan-v2-copyrightfr .embedded-entity {
    display: inline-block
}

.block-themacallan-v2-copyrightfr .embedded-entity {
    margin-right: 2rem
}

.one-col-section.paragraph--width--medium {
    max-width: 85rem
}

.one-col-section.one-col-section__quote {
    text-align: center
}

@media(min-width:576px) {
    .one-col-section.one-col-section__quote {
        padding-left: 15px
    }
}

@media(max-width:991.98px) {
    .one-col-section .signpost.justify-content-start {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.node .one-col-section__text h1 {
    font-size: 2.5rem;
    line-height: 1.2
}

.node .one-col-section__text h2 {
    font-size: 2rem
}

.node .one-col-section__text h3 {
    font-size: 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem
}

.two-col-section--trending.container {
    padding-top: .5rem
}

@media(min-width:576px) {
    .two-col-section--trending.container {
        padding-top: 1rem
    }
}

@media(min-width:768px) {
    .two-col-section--trending.container {
        width: 100%;
        max-width: 1440px;
        padding: 2rem 15px 4rem;
        margin-right: auto;
        margin-left: auto
    }
}

.two-col-section--trending .row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(min-width:768px) {
    .two-col-section--trending .row {
        margin: 0 auto;
        width: 100%;
        max-width: 930px
    }
}

.two-col-section--trending .two-col-section__mobile-headings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 1.5rem;
    border-bottom: 1px solid #ced4da
}

.two-col-section--trending .two-col-section__mobile-headings .text-section__heading {
    margin: 0;
    padding: .75rem 0;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .75rem;
    letter-spacing: 1px;
    cursor: pointer
}

.two-col-section--trending .two-col-section__mobile-headings .text-section__heading.is-active {
    border-bottom: 2px solid #000
}

.two-col-section--trending .two-col-section__mobile-headings .text-section__heading+.text-section__heading {
    margin-left: 2rem
}

@media(min-width:768px) {
    .two-col-section--trending .two-col-section__mobile-headings .text-section__heading {
        display: none;
        border-bottom: none
    }
}

@media(min-width:768px) {
    .two-col-section--trending .two-col-section__mobile-headings {
        border-bottom: none
    }
}

.two-col-section--trending .col-item {
    display: none;
    padding: 0
}

.two-col-section--trending .col-item.is-active {
    padding: 0 calc(15px + 1.5rem);
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%
}

.two-col-section--trending .col-item.is-active .text-section {
    text-align: left
}

.two-col-section--trending .col-item.is-active .text-section .text-section__caption {
    display: block
}

@media(min-width:768px) {
    .two-col-section--trending .col-item.is-active {
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%
    }
}

@media(min-width:768px) {
    .two-col-section--trending .col-item {
        display: block
    }
    .two-col-section--trending .col-item:first-child {
        padding-right: 15px
    }
}

.two-col-section--trending .text-section .text-section__wrapper {
    padding: 0
}

.two-col-section--trending .text-section .text-section__heading {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    display: none;
    margin: 0 auto 0 0;
    letter-spacing: 1px
}

.two-col-section--trending .text-section .text-section__heading::before {
    left: -50px
}

.two-col-section--trending .text-section .text-section__heading::after {
    right: -60px
}

.two-col-section--trending .text-section .text-section__heading::after,
.two-col-section--trending .text-section .text-section__heading::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.two-col-section--trending .text-section .text-section__heading::before {
    display: none
}

@media(min-width:768px) {
    .two-col-section--trending .text-section .text-section__heading {
        display: block
    }
}

.two-col-section--trending .text-section .text-section__caption {
    padding-top: 1.5rem
}

.two-col-section--trending .text-section .text-section__caption ul {
    padding: 0
}

.two-col-section--trending .text-section .text-section__caption ul li {
    padding-bottom: 1rem;
    list-style-type: none
}

.two-col-section--trending .text-section .text-section__caption ul li:last-child {
    padding-bottom: 0
}

.two-col-section--trending .text-section .text-section__caption ul li a {
    color: #1a1a1a
}

.two-col-section--trending .text-section .text-section__caption ul li a::after {
    font-family: fontello_platform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    speak: none;
    display: inline-block;
    content: "\e809";
    font-size: .75em;
    margin-left: .5rem;
    display: inline-block
}

.two-col-section--contact {
    padding-top: 3.5rem;
    border-top: 1px solid #ced4da;
    background: #fff url(/themes/custom/themacallan_v2/css/../images/bg_submenu.jpg) center top repeat-x
}

.one-col-section.background-macallan-red .row,
.two-col-section.background-macallan-red .row,
.three-col-section.background-macallan-red .row,
.four-col-section.background-macallan-red .row {
    background: #862633
}

.one-col-section.background-macallan-black .row,
.two-col-section.background-macallan-black .row,
.three-col-section.background-macallan-black .row,
.four-col-section.background-macallan-black .row {
    background: #1a1a1a
}

.one-col-section.background-macallan-blue .row,
.two-col-section.background-macallan-blue .row,
.three-col-section.background-macallan-blue .row,
.four-col-section.background-macallan-blue .row {
    background: #0079c0
}

.one-col-section.background-macallan-green .row,
.two-col-section.background-macallan-green .row,
.three-col-section.background-macallan-green .row,
.four-col-section.background-macallan-green .row {
    background: #a8cf45
}

.one-col-section.background-macallan-red *,
.one-col-section.background-macallan-red .text-section__outline::before,
.one-col-section.background-macallan-red .text-section__outline::after,
.one-col-section.background-macallan-black *,
.one-col-section.background-macallan-black .text-section__outline::before,
.one-col-section.background-macallan-black .text-section__outline::after,
.one-col-section.background-macallan-blue *,
.one-col-section.background-macallan-blue .text-section__outline::before,
.one-col-section.background-macallan-blue .text-section__outline::after,
.two-col-section.background-macallan-red *,
.two-col-section.background-macallan-red .text-section__outline::before,
.two-col-section.background-macallan-red .text-section__outline::after,
.two-col-section.background-macallan-black *,
.two-col-section.background-macallan-black .text-section__outline::before,
.two-col-section.background-macallan-black .text-section__outline::after,
.two-col-section.background-macallan-blue *,
.two-col-section.background-macallan-blue .text-section__outline::before,
.two-col-section.background-macallan-blue .text-section__outline::after,
.three-col-section.background-macallan-red *,
.three-col-section.background-macallan-red .text-section__outline::before,
.three-col-section.background-macallan-red .text-section__outline::after,
.three-col-section.background-macallan-black *,
.three-col-section.background-macallan-black .text-section__outline::before,
.three-col-section.background-macallan-black .text-section__outline::after,
.three-col-section.background-macallan-blue *,
.three-col-section.background-macallan-blue .text-section__outline::before,
.three-col-section.background-macallan-blue .text-section__outline::after,
.four-col-section.background-macallan-red *,
.four-col-section.background-macallan-red .text-section__outline::before,
.four-col-section.background-macallan-red .text-section__outline::after,
.four-col-section.background-macallan-black *,
.four-col-section.background-macallan-black .text-section__outline::before,
.four-col-section.background-macallan-black .text-section__outline::after,
.four-col-section.background-macallan-blue *,
.four-col-section.background-macallan-blue .text-section__outline::before,
.four-col-section.background-macallan-blue .text-section__outline::after {
    color: #fff !important;
    border-color: #fff !important
}

@media(min-width:768px) {
    .macallan-experience .eventbrite-widget-column .two-col__item-image {
        padding-right: 0
    }
    .macallan-experience .eventbrite-widget-column .two-col__item- {
        padding-left: 0
    }
    .macallan-experience .eventbrite-widget-column .paragraph--type--ed-code-snippet .paragraph__column {
        padding-bottom: 0
    }
}

.one-col-section__wrapper,
.two-col-section__wrapper,
.three-col-section__wrapper,
.four-col-section__wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.one-col-section__wrapper .one-col-section,
.one-col-section__wrapper .two-col-section,
.one-col-section__wrapper .three-col-section,
.one-col-section__wrapper .four-col-section,
.two-col-section__wrapper .one-col-section,
.two-col-section__wrapper .two-col-section,
.two-col-section__wrapper .three-col-section,
.two-col-section__wrapper .four-col-section,
.three-col-section__wrapper .one-col-section,
.three-col-section__wrapper .two-col-section,
.three-col-section__wrapper .three-col-section,
.three-col-section__wrapper .four-col-section,
.four-col-section__wrapper .one-col-section,
.four-col-section__wrapper .two-col-section,
.four-col-section__wrapper .three-col-section,
.four-col-section__wrapper .four-col-section {
    margin-top: 0;
    margin-bottom: 0
}

.one-col-section__wrapper .row,
.two-col-section__wrapper .row,
.three-col-section__wrapper .row,
.four-col-section__wrapper .row {
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width:1200px) {
    .one-col-section__stats .stats {
        padding: 0 15rem
    }
}

.grid.row.product-listing-grid {
    margin: 2em auto 6em
}

.grid.row.product-listing-grid .grid__item {
    padding: 0;
    margin: 0
}

.grid.row.shop-page .grid.row {
    margin: 0 auto
}

.content-grid .grid__outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    margin-bottom: 0
}

.content-grid .grid__outline::before {
    left: -50px
}

.content-grid .grid__outline::after {
    right: -60px
}

.content-grid .grid__outline::after,
.content-grid .grid__outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.content-grid--support .grid__heading {
    font-size: 2rem
}

@media(min-width:992px) {
    .content-grid--support .grid__heading {
        font-size: 2.5rem
    }
}

.content-grid--support .grid__outline+.grid__heading {
    margin-top: 2rem
}

.content-grid .grid.row {
    margin-bottom: 0
}

.node>.product-range-grid:first-child {
    margin-top: 4.55rem
}

.product-listing-grid,
.product-range-grid {
    padding-top: 60px;
    padding-bottom: 60px;
    z-index: unset
}

.product-listing-grid .grid-header,
.product-range-grid .grid-header {
    margin: -1.25rem auto 0;
    padding-top: 0;
    padding-bottom: 1.5rem;
    text-align: center
}

.product-listing-grid .grid.row,
.product-range-grid .grid.row {
    margin-top: 0
}

.product-listing-grid .grid.row.cols-3,
.product-listing-grid .grid.row.cols-4,
.product-range-grid .grid.row.cols-3,
.product-range-grid .grid.row.cols-4 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -30px
}

@media(min-width:576px) {
    .product-listing-grid .grid.row.cols-3,
    .product-listing-grid .grid.row.cols-4,
    .product-range-grid .grid.row.cols-3,
    .product-range-grid .grid.row.cols-4 {
        max-width: 720px
    }
}

@media(min-width:768px) {
    .product-listing-grid .grid.row.cols-3,
    .product-listing-grid .grid.row.cols-4,
    .product-range-grid .grid.row.cols-3,
    .product-range-grid .grid.row.cols-4 {
        max-width: 960px
    }
}

@media(min-width:992px) {
    .product-listing-grid .grid.row.cols-3,
    .product-listing-grid .grid.row.cols-4,
    .product-range-grid .grid.row.cols-3,
    .product-range-grid .grid.row.cols-4 {
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .product-listing-grid .grid.row.cols-3,
    .product-listing-grid .grid.row.cols-4,
    .product-range-grid .grid.row.cols-3,
    .product-range-grid .grid.row.cols-4 {
        max-width: 1440px
    }
}

@media(max-width:575.98px) {
    .product-listing-grid .col-6,
    .product-range-grid .col-6 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.carousel__wrapper--product-range,
.carousel__wrapper--products,
.carousel__wrapper--fullbleed_product_card {
    margin: 0 auto;
    padding: 3.75rem 5rem
}

@media(max-width:991.98px) {
    .carousel__wrapper--product-range,
    .carousel__wrapper--products,
    .carousel__wrapper--fullbleed_product_card {
        padding: 3.75rem 2.5rem
    }
}

.carousel__wrapper--product-range .owl-carousel .owl-item,
.carousel__wrapper--products .owl-carousel .owl-item,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item {
    padding: 0
}

.carousel__wrapper--product-range .owl-carousel .owl-item .owl-item__inner,
.carousel__wrapper--products .owl-carousel .owl-item .owl-item__inner,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .owl-item__inner {
    height: 100%
}

.carousel__wrapper--product-range .owl-carousel .owl-item .product-image__image-primary img,
.carousel__wrapper--products .owl-carousel .owl-item .product-image__image-primary img,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .product-image__image-primary img {
    display: inline-block;
    width: auto
}

.carousel__wrapper--product-range .owl-carousel .owl-nav,
.carousel__wrapper--products .owl-carousel .owl-nav,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav {
    display: block;
    top: calc(50% - 3.5rem)
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-next {
    width: 55px;
    height: 55px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-next::before {
    width: 12px;
    height: 12px
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-prev {
    left: -2.9rem
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-prev::before,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-prev::before {
    left: 3px
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-next {
    right: -5.9rem
}

.carousel__wrapper--product-range .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--products .owl-carousel .owl-nav .owl-next::before,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-nav .owl-next::before {
    left: -3px
}

.carousel__wrapper--product-range .featured-first,
.carousel__wrapper--products .featured-first,
.carousel__wrapper--fullbleed_product_card .featured-first {
    height: 100%
}

.carousel__wrapper--product-range .range-listing.featured,
.carousel__wrapper--product-range .product-listing.featured,
.carousel__wrapper--products .range-listing.featured,
.carousel__wrapper--products .product-listing.featured,
.carousel__wrapper--fullbleed_product_card .range-listing.featured,
.carousel__wrapper--fullbleed_product_card .product-listing.featured {
    height: 100%
}

.carousel__wrapper--product-range .range-listing__caption,
.carousel__wrapper--product-range .product-listing__caption,
.carousel__wrapper--products .range-listing__caption,
.carousel__wrapper--products .product-listing__caption,
.carousel__wrapper--fullbleed_product_card .range-listing__caption,
.carousel__wrapper--fullbleed_product_card .product-listing__caption {
    display: none
}

@media(max-width:991.98px) {
    .carousel__wrapper--fullbleed_product_card {
        padding: 3.75rem 0
    }
    .carousel__wrapper--fullbleed_product_card .container {
        padding: 0
    }
}

@media(max-width:767.98px) {
    .carousel__wrapper--video.carousel__wrapper .owl-carousel {
        padding-left: 10px;
        padding-right: 10px
    }
    .carousel__wrapper--video.carousel__wrapper .owl-carousel .owl-item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.carousel__wrapper--video .accessible-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carousel__wrapper--video .element__heading--wrapper,
.carousel__wrapper--video .element__heading,
.carousel__wrapper--video .element__heading--copy {
    text-align: center
}

.carousel__wrapper--video a.button--primary,
.carousel__wrapper--video .product-details__wrapper .product-details__details .external a.button,
.product-details__wrapper .product-details__details .external .carousel__wrapper--video a.button,
.carousel__wrapper--video .product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup a.save,
.product-details__wrapper .product-details__details .external .syrenis-cookie-widget .popup .carousel__wrapper--video a.save,
.carousel__wrapper--video .syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external a.save,
.syrenis-cookie-widget .popup .product-details__wrapper .product-details__details .external .carousel__wrapper--video a.save,
.carousel__wrapper--video .contact-us .contact-brand-form.contact a.paragraph--btn--primary,
.contact-us .contact-brand-form.contact .carousel__wrapper--video a.paragraph--btn--primary {
    margin: 0 auto
}

.carousel__wrapper--video .owl-item__inner--video {
    width: 100%
}

.carousel__wrapper--video .carousel-item {
    color: #fff
}

@media(max-width:991.98px) {
    .carousel__wrapper--video .carousel-item:hover .responsive-bg,
    .carousel__wrapper--video .carousel-item:focus .responsive-bg {
        -webkit-transform: none;
        transform: none
    }
}

.carousel__wrapper--video .carousel-item__content .hero-item__outline {
    margin-bottom: 0
}

.carousel__wrapper--video .carousel-item__content .hero-item__outline::before,
.carousel__wrapper--video .carousel-item__content .hero-item__outline::after {
    content: '';
    border-top: none
}

@media(max-width:991.98px) {
    .carousel__wrapper--video .carousel-item__content .hero-item__outline,
    .carousel__wrapper--video .carousel-item__content .hero-item__heading {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.carousel__wrapper--video .footer {
    text-align: right
}

@media(max-width:991.98px) {
    .carousel__wrapper--video .footer {
        z-index: 5;
        position: absolute;
        right: 0;
        width: 50%
    }
}

@media(min-width:768px) {
    .carousel__wrapper--video .footer {
        padding-top: 1rem
    }
}

.carousel__wrapper--hero_carousel {
    background: #1a1a1a;
    margin-bottom: 0
}

.carousel__wrapper--hero_carousel .owl-theme .owl-dots .owl-dot span {
    background: #525252
}

.carousel__wrapper--hero_carousel .owl-theme .owl-dots .owl-dot.active span,
.carousel__wrapper--hero_carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff
}

.carousel__wrapper--simple {
    margin-bottom: 2rem
}

.carousel__wrapper--simple .owl-theme .owl-dots .owl-dot {
    margin: 0
}

.carousel__wrapper--simple .owl-theme .owl-dots .owl-dot span {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.carousel__wrapper--simple .owl-theme .owl-dots .owl-dot.active span {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.carousel__wrapper--products .element__heading {
    padding: 2rem 0 0
}

.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover {
    color: #862633
}

.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .button,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .carousel__wrapper--text-structured .text-section--structured .text-section__link:hover button.shopping-cart__checkout,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .carousel__wrapper--text-structured .text-section--structured .text-section__link:hover button,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .syrenis-cookie-widget .popup .save,
.syrenis-cookie-widget .popup .carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .save,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .button--paragraph--btn--primary,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .protected-pages .protected-pages-enter-password .form-fieldset .form-submit,
.protected-pages .protected-pages-enter-password .form-fieldset .carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .form-submit,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .button--paragraph--btn--secondary {
    color: #fff
}

.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .button--paragraph--btn--tertiary,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:hover .button--paragraph--btn--text {
    color: #1a1a1a
}

.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .button,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .carousel__wrapper--text-structured .text-section--structured .text-section__link:focus button.shopping-cart__checkout,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .carousel__wrapper--text-structured .text-section--structured .text-section__link:focus button,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .syrenis-cookie-widget .popup .save,
.syrenis-cookie-widget .popup .carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .save,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .button--paragraph--btn--primary,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .protected-pages .protected-pages-enter-password .form-fieldset .form-submit,
.protected-pages .protected-pages-enter-password .form-fieldset .carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .form-submit,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .button--paragraph--btn--secondary {
    color: #fff
}

.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .button--paragraph--btn--tertiary,
.carousel__wrapper--text-structured .text-section--structured .text-section__link:focus .button--paragraph--btn--text {
    color: #1a1a1a
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers)>.container {
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .element__heading {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .element__heading {
        max-width: 720px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .element__heading {
        max-width: 960px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .element__heading {
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .element__heading {
        max-width: 1440px
    }
}

@media(max-width:767.98px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-stage-outer {
        height: 300px
    }
}

@media(max-width:767.98px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-item__inner--spotlight {
        width: calc(100vw - 30px)
    }
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-dots {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-dots {
        max-width: 720px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-dots {
        max-width: 960px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-dots {
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-dots {
        max-width: 1440px
    }
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-dots {
    margin-top: 1rem;
    padding-bottom: 4rem
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-dots {
        margin-top: 2rem;
        padding-bottom: 0
    }
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav {
    display: block;
    height: auto;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 5px;
    text-align: left
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav {
        top: calc(50% - 3rem - 21px);
        bottom: auto;
        left: 0
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav {
        top: calc(50% - 3rem - 28px)
    }
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-prev,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-next {
    z-index: 3;
    -webkit-transform: none;
    transform: none;
    margin: 0;
    position: relative
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-prev,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-next {
        position: absolute;
        top: 0
    }
}

@media(min-width:992px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-prev,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-next {
        width: 55px;
        height: 55px
    }
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-prev::before,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-next::before {
    border-color: #a4a4a4
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-prev::before,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-next::before {
        border-color: #fff
    }
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-prev {
    left: 0
}

.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-next {
    margin-left: .5rem;
    right: 0
}

@media(min-width:768px) {
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-carousel.owl-theme .owl-nav .owl-next {
        margin-left: 0
    }
}

.carousel__wrapper--fullbleed,
.carousel__wrapper--fullbleed_product_card,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers),
.carousel__wrapper--product-range,
.carousel__wrapper--video,
.carousel__wrapper--products {
    padding-bottom: 20px
}

.carousel__wrapper--fullbleed .owl-nav,
.carousel__wrapper--fullbleed_product_card .owl-nav,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav,
.carousel__wrapper--product-range .owl-nav,
.carousel__wrapper--video .owl-nav,
.carousel__wrapper--products .owl-nav {
    display: block;
    height: auto;
    margin: 0 0 0 3px;
    width: 100%;
    text-align: left;
    z-index: 3
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-nav,
    .carousel__wrapper--fullbleed_product_card .owl-nav,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav,
    .carousel__wrapper--product-range .owl-nav,
    .carousel__wrapper--video .owl-nav,
    .carousel__wrapper--products .owl-nav {
        margin: 0;
        position: absolute;
        top: calc(50% - 1rem - 20px);
        bottom: auto;
        left: 0
    }
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .owl-nav,
    .carousel__wrapper--fullbleed_product_card .owl-nav,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav,
    .carousel__wrapper--product-range .owl-nav,
    .carousel__wrapper--video .owl-nav,
    .carousel__wrapper--products .owl-nav {
        top: calc(50% - 1rem - 28px)
    }
}

.carousel__wrapper--fullbleed .owl-nav .owl-prev,
.carousel__wrapper--fullbleed .owl-nav .owl-next,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-next,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next,
.carousel__wrapper--product-range .owl-nav .owl-prev,
.carousel__wrapper--product-range .owl-nav .owl-next,
.carousel__wrapper--video .owl-nav .owl-prev,
.carousel__wrapper--video .owl-nav .owl-next,
.carousel__wrapper--products .owl-nav .owl-prev,
.carousel__wrapper--products .owl-nav .owl-next {
    z-index: 3;
    -webkit-transform: none;
    transform: none;
    margin: 0;
    position: relative;
    width: 35px;
    height: 35px;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    background: 0 0 !important;
    border-radius: 0;
    border: none
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-nav .owl-prev,
    .carousel__wrapper--fullbleed .owl-nav .owl-next,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-next,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next,
    .carousel__wrapper--product-range .owl-nav .owl-prev,
    .carousel__wrapper--product-range .owl-nav .owl-next,
    .carousel__wrapper--video .owl-nav .owl-prev,
    .carousel__wrapper--video .owl-nav .owl-next,
    .carousel__wrapper--products .owl-nav .owl-prev,
    .carousel__wrapper--products .owl-nav .owl-next {
        position: absolute;
        top: 0;
        background: #1a1a1a !important;
        width: 40px;
        height: 40px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .owl-nav .owl-prev,
    .carousel__wrapper--fullbleed .owl-nav .owl-next,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-next,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next,
    .carousel__wrapper--product-range .owl-nav .owl-prev,
    .carousel__wrapper--product-range .owl-nav .owl-next,
    .carousel__wrapper--video .owl-nav .owl-prev,
    .carousel__wrapper--video .owl-nav .owl-next,
    .carousel__wrapper--products .owl-nav .owl-prev,
    .carousel__wrapper--products .owl-nav .owl-next {
        width: 55px;
        height: 55px
    }
}

.carousel__wrapper--fullbleed .owl-nav .owl-prev:hover,
.carousel__wrapper--fullbleed .owl-nav .owl-next:hover,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev:hover,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-next:hover,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev:hover,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next:hover,
.carousel__wrapper--product-range .owl-nav .owl-prev:hover,
.carousel__wrapper--product-range .owl-nav .owl-next:hover,
.carousel__wrapper--video .owl-nav .owl-prev:hover,
.carousel__wrapper--video .owl-nav .owl-next:hover,
.carousel__wrapper--products .owl-nav .owl-prev:hover,
.carousel__wrapper--products .owl-nav .owl-next:hover {
    background: 0 0
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-nav .owl-prev:hover,
    .carousel__wrapper--fullbleed .owl-nav .owl-next:hover,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev:hover,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-next:hover,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev:hover,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next:hover,
    .carousel__wrapper--product-range .owl-nav .owl-prev:hover,
    .carousel__wrapper--product-range .owl-nav .owl-next:hover,
    .carousel__wrapper--video .owl-nav .owl-prev:hover,
    .carousel__wrapper--video .owl-nav .owl-next:hover,
    .carousel__wrapper--products .owl-nav .owl-prev:hover,
    .carousel__wrapper--products .owl-nav .owl-next:hover {
        background: #1a1a1a
    }
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-nav .owl-prev:hover::before,
    .carousel__wrapper--fullbleed .owl-nav .owl-next:hover::before,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev:hover::before,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-next:hover::before,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev:hover::before,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next:hover::before,
    .carousel__wrapper--product-range .owl-nav .owl-prev:hover::before,
    .carousel__wrapper--product-range .owl-nav .owl-next:hover::before,
    .carousel__wrapper--video .owl-nav .owl-prev:hover::before,
    .carousel__wrapper--video .owl-nav .owl-next:hover::before,
    .carousel__wrapper--products .owl-nav .owl-prev:hover::before,
    .carousel__wrapper--products .owl-nav .owl-next:hover::before {
        border: solid #fff;
        border-width: 0 2px 2px 0
    }
}

.carousel__wrapper--fullbleed .owl-nav .owl-prev:focus,
.carousel__wrapper--fullbleed .owl-nav .owl-next:focus,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev:focus,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-next:focus,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev:focus,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next:focus,
.carousel__wrapper--product-range .owl-nav .owl-prev:focus,
.carousel__wrapper--product-range .owl-nav .owl-next:focus,
.carousel__wrapper--video .owl-nav .owl-prev:focus,
.carousel__wrapper--video .owl-nav .owl-next:focus,
.carousel__wrapper--products .owl-nav .owl-prev:focus,
.carousel__wrapper--products .owl-nav .owl-next:focus {
    outline: none
}

.carousel__wrapper--fullbleed .owl-nav .owl-prev span,
.carousel__wrapper--fullbleed .owl-nav .owl-next span,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev span,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-next span,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev span,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next span,
.carousel__wrapper--product-range .owl-nav .owl-prev span,
.carousel__wrapper--product-range .owl-nav .owl-next span,
.carousel__wrapper--video .owl-nav .owl-prev span,
.carousel__wrapper--video .owl-nav .owl-next span,
.carousel__wrapper--products .owl-nav .owl-prev span,
.carousel__wrapper--products .owl-nav .owl-next span {
    display: none
}

.carousel__wrapper--fullbleed .owl-nav .owl-prev::before,
.carousel__wrapper--fullbleed .owl-nav .owl-next::before,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev::before,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-next::before,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev::before,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next::before,
.carousel__wrapper--product-range .owl-nav .owl-prev::before,
.carousel__wrapper--product-range .owl-nav .owl-next::before,
.carousel__wrapper--video .owl-nav .owl-prev::before,
.carousel__wrapper--video .owl-nav .owl-next::before,
.carousel__wrapper--products .owl-nav .owl-prev::before,
.carousel__wrapper--products .owl-nav .owl-next::before {
    content: '';
    border: solid #a4a4a4;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    width: 12px;
    height: 12px;
    left: 3px;
    top: 3px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-nav .owl-prev::before,
    .carousel__wrapper--fullbleed .owl-nav .owl-next::before,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev::before,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-next::before,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev::before,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next::before,
    .carousel__wrapper--product-range .owl-nav .owl-prev::before,
    .carousel__wrapper--product-range .owl-nav .owl-next::before,
    .carousel__wrapper--video .owl-nav .owl-prev::before,
    .carousel__wrapper--video .owl-nav .owl-next::before,
    .carousel__wrapper--products .owl-nav .owl-prev::before,
    .carousel__wrapper--products .owl-nav .owl-next::before {
        border-color: #fff
    }
}

.carousel__wrapper--fullbleed .owl-nav .owl-prev,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev,
.carousel__wrapper--product-range .owl-nav .owl-prev,
.carousel__wrapper--video .owl-nav .owl-prev,
.carousel__wrapper--products .owl-nav .owl-prev {
    left: 0
}

.carousel__wrapper--fullbleed .owl-nav .owl-prev::before,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-prev::before,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-prev::before,
.carousel__wrapper--product-range .owl-nav .owl-prev::before,
.carousel__wrapper--video .owl-nav .owl-prev::before,
.carousel__wrapper--products .owl-nav .owl-prev::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.carousel__wrapper--fullbleed .owl-nav .owl-next,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-next,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next,
.carousel__wrapper--product-range .owl-nav .owl-next,
.carousel__wrapper--video .owl-nav .owl-next,
.carousel__wrapper--products .owl-nav .owl-next {
    right: 0;
    margin-left: .5rem
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-nav .owl-next,
    .carousel__wrapper--fullbleed_product_card .owl-nav .owl-next,
    .carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next,
    .carousel__wrapper--product-range .owl-nav .owl-next,
    .carousel__wrapper--video .owl-nav .owl-next,
    .carousel__wrapper--products .owl-nav .owl-next {
        margin-left: 0
    }
}

.carousel__wrapper--fullbleed .owl-nav .owl-next::before,
.carousel__wrapper--fullbleed_product_card .owl-nav .owl-next::before,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-nav .owl-next::before,
.carousel__wrapper--product-range .owl-nav .owl-next::before,
.carousel__wrapper--video .owl-nav .owl-next::before,
.carousel__wrapper--products .owl-nav .owl-next::before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    left: -3px
}

.carousel__wrapper--fullbleed a.uppercase,
.carousel__wrapper--fullbleed_product_card a.uppercase,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) a.uppercase,
.carousel__wrapper--product-range a.uppercase,
.carousel__wrapper--video a.uppercase,
.carousel__wrapper--products a.uppercase {
    text-transform: uppercase;
    font-family: gotham, Sans-Serif;
    font-size: .75rem;
    letter-spacing: 2px;
    font-weight: 700;
    color: #862633
}

.carousel__wrapper--fullbleed a.uppercase:hover,
.carousel__wrapper--fullbleed_product_card a.uppercase:hover,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) a.uppercase:hover,
.carousel__wrapper--product-range a.uppercase:hover,
.carousel__wrapper--video a.uppercase:hover,
.carousel__wrapper--products a.uppercase:hover {
    color: #862633
}

.carousel__wrapper--fullbleed .owl-theme .owl-dots,
.carousel__wrapper--fullbleed_product_card .owl-theme .owl-dots,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-theme .owl-dots,
.carousel__wrapper--product-range .owl-theme .owl-dots,
.carousel__wrapper--video .owl-theme .owl-dots,
.carousel__wrapper--products .owl-theme .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 1rem
}

.carousel__wrapper--fullbleed .owl-theme .owl-dots .owl-dot,
.carousel__wrapper--fullbleed_product_card .owl-theme .owl-dots .owl-dot,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-theme .owl-dots .owl-dot,
.carousel__wrapper--product-range .owl-theme .owl-dots .owl-dot,
.carousel__wrapper--video .owl-theme .owl-dots .owl-dot,
.carousel__wrapper--products .owl-theme .owl-dots .owl-dot {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 2px;
    margin: 0;
    background: #ccc;
    border: none
}

.carousel__wrapper--fullbleed .owl-theme .owl-dots .owl-dot span,
.carousel__wrapper--fullbleed_product_card .owl-theme .owl-dots .owl-dot span,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-theme .owl-dots .owl-dot span,
.carousel__wrapper--product-range .owl-theme .owl-dots .owl-dot span,
.carousel__wrapper--video .owl-theme .owl-dots .owl-dot span,
.carousel__wrapper--products .owl-theme .owl-dots .owl-dot span {
    margin: 0;
    width: 0;
    height: 0
}

.carousel__wrapper--fullbleed .owl-theme .owl-dots .owl-dot.active,
.carousel__wrapper--fullbleed_product_card .owl-theme .owl-dots .owl-dot.active,
.carousel__wrapper--spotlight:not(.carousel__wrapper--Numbers) .owl-theme .owl-dots .owl-dot.active,
.carousel__wrapper--product-range .owl-theme .owl-dots .owl-dot.active,
.carousel__wrapper--video .owl-theme .owl-dots .owl-dot.active,
.carousel__wrapper--products .owl-theme .owl-dots .owl-dot.active {
    background-color: #862633
}

.owl-theme .owl-dots .owl-dot {
    margin: 0 5px
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #862633
}

.owl-carousel.number-carousel .owl-nav .owl-next,
.owl-carousel.number-carousel .owl-nav .owl-prev {
    font-family: gotham, Sans-Serif
}

.carousel__wrapper--fullbleed,
.carousel__wrapper--fullbleed_product_card,
.carousel__wrapper--video {
    display: block;
    margin: 0 auto;
    max-width: 100vw;
    padding-top: 58px;
    padding-bottom: 53px;
    position: relative
}

.carousel__wrapper--fullbleed::after,
.carousel__wrapper--fullbleed_product_card::after,
.carousel__wrapper--video::after {
    display: block;
    clear: both;
    content: ""
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed,
    .carousel__wrapper--fullbleed_product_card,
    .carousel__wrapper--video {
        padding-bottom: 58px
    }
}

.carousel__wrapper--fullbleed .element__heading,
.carousel__wrapper--fullbleed .element__heading--copy,
.carousel__wrapper--fullbleed_product_card .element__heading,
.carousel__wrapper--fullbleed_product_card .element__heading--copy,
.carousel__wrapper--video .element__heading,
.carousel__wrapper--video .element__heading--copy {
    max-width: 95vw;
    margin: 0 auto
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .element__heading,
    .carousel__wrapper--fullbleed .element__heading--copy,
    .carousel__wrapper--fullbleed_product_card .element__heading,
    .carousel__wrapper--fullbleed_product_card .element__heading--copy,
    .carousel__wrapper--video .element__heading,
    .carousel__wrapper--video .element__heading--copy {
        max-width: 975px
    }
}

@media(max-width:767.98px) {
    .carousel__wrapper--fullbleed .element__heading,
    .carousel__wrapper--fullbleed_product_card .element__heading,
    .carousel__wrapper--video .element__heading {
        text-align: left
    }
}

.carousel__wrapper--fullbleed .footer,
.carousel__wrapper--fullbleed_product_card .footer,
.carousel__wrapper--video .footer {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    margin-top: -28px
}

@media(min-width:576px) {
    .carousel__wrapper--fullbleed .footer,
    .carousel__wrapper--fullbleed_product_card .footer,
    .carousel__wrapper--video .footer {
        max-width: 720px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .footer,
    .carousel__wrapper--fullbleed_product_card .footer,
    .carousel__wrapper--video .footer {
        max-width: 960px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .footer,
    .carousel__wrapper--fullbleed_product_card .footer,
    .carousel__wrapper--video .footer {
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .carousel__wrapper--fullbleed .footer,
    .carousel__wrapper--fullbleed_product_card .footer,
    .carousel__wrapper--video .footer {
        max-width: 1440px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .footer,
    .carousel__wrapper--fullbleed_product_card .footer,
    .carousel__wrapper--video .footer {
        text-align: left;
        margin-top: 0
    }
}

.carousel__wrapper--fullbleed .element__heading--wrapper,
.carousel__wrapper--fullbleed_product_card .element__heading--wrapper,
.carousel__wrapper--video .element__heading--wrapper {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .carousel__wrapper--fullbleed .element__heading--wrapper,
    .carousel__wrapper--fullbleed_product_card .element__heading--wrapper,
    .carousel__wrapper--video .element__heading--wrapper {
        max-width: 720px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .element__heading--wrapper,
    .carousel__wrapper--fullbleed_product_card .element__heading--wrapper,
    .carousel__wrapper--video .element__heading--wrapper {
        max-width: 960px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .element__heading--wrapper,
    .carousel__wrapper--fullbleed_product_card .element__heading--wrapper,
    .carousel__wrapper--video .element__heading--wrapper {
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .carousel__wrapper--fullbleed .element__heading--wrapper,
    .carousel__wrapper--fullbleed_product_card .element__heading--wrapper,
    .carousel__wrapper--video .element__heading--wrapper {
        max-width: 1440px
    }
}

.carousel__wrapper--fullbleed .element__heading--copy,
.carousel__wrapper--fullbleed_product_card .element__heading--copy,
.carousel__wrapper--video .element__heading--copy {
    padding: 6px 0 30px;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #4d4d4d;
    text-align: left
}

.carousel__wrapper--fullbleed .element__heading+.owl-carousel,
.carousel__wrapper--fullbleed_product_card .element__heading+.owl-carousel,
.carousel__wrapper--video .element__heading+.owl-carousel {
    margin-top: 2rem
}

.carousel__wrapper--fullbleed .owl-carousel,
.carousel__wrapper--fullbleed_product_card .owl-carousel,
.carousel__wrapper--video .owl-carousel {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .carousel__wrapper--fullbleed .owl-carousel,
    .carousel__wrapper--fullbleed_product_card .owl-carousel,
    .carousel__wrapper--video .owl-carousel {
        max-width: 720px
    }
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-carousel,
    .carousel__wrapper--fullbleed_product_card .owl-carousel,
    .carousel__wrapper--video .owl-carousel {
        max-width: 960px
    }
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .owl-carousel,
    .carousel__wrapper--fullbleed_product_card .owl-carousel,
    .carousel__wrapper--video .owl-carousel {
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .carousel__wrapper--fullbleed .owl-carousel,
    .carousel__wrapper--fullbleed_product_card .owl-carousel,
    .carousel__wrapper--video .owl-carousel {
        max-width: 1440px
    }
}

.carousel__wrapper--fullbleed .owl-carousel .owl-stage-outer,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-stage-outer,
.carousel__wrapper--video .owl-carousel .owl-stage-outer {
    overflow: visible
}

.carousel__wrapper--fullbleed .owl-carousel .owl-stage,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-stage,
.carousel__wrapper--video .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel__wrapper--fullbleed .owl-carousel .range-listing__heading,
.carousel__wrapper--fullbleed_product_card .owl-carousel .range-listing__heading,
.carousel__wrapper--video .owl-carousel .range-listing__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.carousel__wrapper--fullbleed .owl-carousel .range-listing__action-label,
.carousel__wrapper--fullbleed_product_card .owl-carousel .range-listing__action-label,
.carousel__wrapper--video .owl-carousel .range-listing__action-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item,
.carousel__wrapper--video .owl-carousel .owl-item {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-color: #fff
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item.owl-item--header,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item.owl-item--header,
.carousel__wrapper--video .owl-carousel .owl-item.owl-item--header {
    background-color: transparent
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .owl-item__inner,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .owl-item__inner,
.carousel__wrapper--video .owl-carousel .owl-item .owl-item__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .featured-first,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .featured-first,
.carousel__wrapper--video .owl-carousel .owl-item .featured-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .range-listing.featured,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .range-listing.featured,
.carousel__wrapper--video .owl-carousel .owl-item .range-listing.featured {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item.owl-item--header,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item.owl-item--header,
.carousel__wrapper--video .owl-carousel .owl-item.owl-item--header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .element__heading--inner,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .element__heading--inner,
.carousel__wrapper--video .owl-carousel .owl-item .element__heading--inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .owl-carousel .owl-item .element__heading--inner,
    .carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .element__heading--inner,
    .carousel__wrapper--video .owl-carousel .owl-item .element__heading--inner {
        padding-right: 3rem
    }
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .element__heading--inner .element__heading,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .element__heading--inner .element__heading,
.carousel__wrapper--video .owl-carousel .owl-item .element__heading--inner .element__heading {
    text-align: left;
    font-size: 2rem;
    line-height: 30px
}

@media(min-width:992px) {
    .carousel__wrapper--fullbleed .owl-carousel .owl-item .element__heading--inner .element__heading,
    .carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .element__heading--inner .element__heading,
    .carousel__wrapper--video .owl-carousel .owl-item .element__heading--inner .element__heading {
        font-size: 2.25rem;
        line-height: 48px
    }
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .product-image__image-primary img,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .product-image__image-primary img,
.carousel__wrapper--video .owl-carousel .owl-item .product-image__image-primary img {
    display: inline-block;
    width: auto
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .quick-buy__image img,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .quick-buy__image img,
.carousel__wrapper--video .owl-carousel .owl-item .quick-buy__image img {
    display: inline-block;
    width: auto
}

.carousel__wrapper--fullbleed .owl-carousel .owl-item .featured-first .range-listing.featured .product-image__image-featured,
.carousel__wrapper--fullbleed_product_card .owl-carousel .owl-item .featured-first .range-listing.featured .product-image__image-featured,
.carousel__wrapper--video .owl-carousel .owl-item .featured-first .range-listing.featured .product-image__image-featured {
    width: 100%
}

.carousel__wrapper--fullbleed .owl-theme .owl-nav .owl-prev.disabled,
.carousel__wrapper--fullbleed .owl-theme .owl-nav .owl-next.disabled,
.carousel__wrapper--fullbleed_product_card .owl-theme .owl-nav .owl-prev.disabled,
.carousel__wrapper--fullbleed_product_card .owl-theme .owl-nav .owl-next.disabled,
.carousel__wrapper--video .owl-theme .owl-nav .owl-prev.disabled,
.carousel__wrapper--video .owl-theme .owl-nav .owl-next.disabled {
    opacity: 1
}

@media(min-width:768px) {
    .carousel__wrapper--fullbleed .owl-theme .owl-nav .owl-prev.disabled,
    .carousel__wrapper--fullbleed .owl-theme .owl-nav .owl-next.disabled,
    .carousel__wrapper--fullbleed_product_card .owl-theme .owl-nav .owl-prev.disabled,
    .carousel__wrapper--fullbleed_product_card .owl-theme .owl-nav .owl-next.disabled,
    .carousel__wrapper--video .owl-theme .owl-nav .owl-prev.disabled,
    .carousel__wrapper--video .owl-theme .owl-nav .owl-next.disabled {
        visibility: hidden
    }
}

.block-ed-agegate-form {
    background: #000
}

.block-ed-agegate-form .form-control,
.block-ed-agegate-form .country-data {
    border: 0
}

.block-ed-agegate-form::before {
    content: '';
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    background-size: cover;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-name: agegateIntro;
    animation-name: agegateIntro;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

body .ajax-progress {
    display: none
}

body.agegate-active {
    overflow: hidden;
    position: fixed;
    top: 0;
    height: 100%;
    background: #000
}

body.agegate-active .header,
body.agegate-active .main-content,
body.agegate-active .site-footer,
body.agegate-active .below-content {
    display: none
}

body.agegate-active .block-ed-agegate-form {
    width: 100%;
    height: 100vh
}

@media screen and (orientation:landscape) and (min-width:319px) and (max-width:812px) {
    body.agegate-active .block-ed-agegate-form {
        display: block;
        padding-top: 2.5rem
    }
}

body.agegate-active .ed_agegate_modal+.ui-widget-overlay {
    z-index: 209;
    background-color: rgba(255, 255, 255, .8)
}

.ui-dialog .ui-dialog-titlebar-close {
    background-image: url(/themes/custom/themacallan_v2/css/../images/close-icon.png);
    background-position: center;
    border: 1px solid rgba(0, 0, 0, .3);
    width: 1.75rem;
    height: 1.75rem;
    padding: .9375rem;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-color: #fff;
    top: .9375rem;
    z-index: 999;
    cursor: pointer
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    outline: none
}

.agegate-active .agegate__btn,
.overlay_wrapper .agegate__btn {
    background-color: #862633;
    color: #fff;
    font-family: gotham, Sans-Serif;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid transparent
}

.agegate-active .agegate__btn:hover,
.agegate-active .agegate__btn:focus,
.overlay_wrapper .agegate__btn:hover,
.overlay_wrapper .agegate__btn:focus {
    border: 1px solid rgba(255, 255, 255, .7)
}

@media(max-width:575.98px) {
    .agegate-active .agegate__btn,
    .overlay_wrapper .agegate__btn {
        margin: .3125rem 0 .625rem
    }
}

.agegate-active .btn-disable,
.overlay_wrapper .btn-disable {
    background-color: #9b9b9b;
    color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none
}

.block-ed-agegate-form {
    color: #1a1a1a;
    display: none
}

.agegate-form {
    color: #fff;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.4;
    text-align: center
}

.agegate-form-inner {
    margin: 0 auto
}

@media(min-width:576px) {
    .agegate-form .agegate-logo {
        margin-bottom: 1rem
    }
}

.agegate-form .icon-brand-font {
    font-size: 1.25rem
}

@media(min-width:576px) {
    .agegate-form .icon-brand-font {
        font-size: 1.875rem
    }
}

.agegate-form .icon-brand-font::before {
    margin: 0;
    width: 100%
}

.agegate-form p,
.agegate-form .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .agegate-form .form-message {
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #fff;
    letter-spacing: normal
}

@media(min-width:576px) {
    .agegate-form p,
    .agegate-form .mac-ex-code-verification-form .form-message,
    .mac-ex-code-verification-form .agegate-form .form-message {
        margin-bottom: 1.25rem;
        font-size: 1.25rem
    }
}

.agegate-form p.block-title,
.agegate-form .mac-ex-code-verification-form .block-title.form-message,
.mac-ex-code-verification-form .agegate-form .block-title.form-message {
    margin-bottom: 1.5rem
}

.agegate-form p.strapline,
.agegate-form .mac-ex-code-verification-form .strapline.form-message,
.mac-ex-code-verification-form .agegate-form .strapline.form-message {
    width: 80%;
    margin: 1rem auto;
    text-transform: uppercase
}

@media(min-width:576px) {
    .agegate-form p.strapline,
    .agegate-form .mac-ex-code-verification-form .strapline.form-message,
    .mac-ex-code-verification-form .agegate-form .strapline.form-message {
        padding: 1rem 0
    }
}

.agegate-form p a,
.agegate-form .mac-ex-code-verification-form .form-message a,
.mac-ex-code-verification-form .agegate-form .form-message a {
    text-decoration: underline
}

.agegate-form .agegate-form-part {
    width: 100%;
    text-align: center
}

.agegate-form .agegate-form-part>div:nth-child(2) {
    padding-left: 2.5rem;
    border-left: .125rem solid rgba(0, 0, 0, .3)
}

@media(max-width:767.98px) {
    .agegate-form .agegate-form-part>div:nth-child(2) {
        padding-left: 5vw
    }
}

@media(max-width:575.98px) {
    .agegate-form .agegate-form-part>div:nth-child(2) {
        padding-left: 0;
        border-left: 0
    }
}

.agegate-form .form-group {
    text-align: left;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 500;
    font-size: .75rem;
    margin-bottom: 1.25rem
}

@media(max-width:320px) {
    .agegate-form .form-group {
        margin-bottom: 0
    }
}

.agegate-form .form-group label {
    letter-spacing: .075rem
}

.agegate-form .form-group .err-msg {
    font-family: gotham_htfmedium, Sans-Serif;
    color: #8b0000;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    margin-top: .5rem
}

.agegate-form .form-group.country label {
    display: none
}

.agegate-form .form-group.dob label {
    display: none
}

.agegate-form .form-group.dob .col {
    padding-right: .75rem
}

.agegate-form .form-group.dob .col:last-child {
    padding-right: 0
}

.agegate-form .form-group.dob input {
    font-family: gotham_htfmedium, Sans-Serif;
    background-color: #fff;
    border-radius: 0;
    margin: 0 auto;
    color: gray;
    font-size: 1.2rem;
    line-height: 1.0625rem;
    letter-spacing: .0625rem;
    min-height: 2.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .agegate-form .form-group.dob input {
        font-size: .75rem
    }
}

.agegate-form .form-group.dob input:focus {
    border: 1px solid #ced4da
}

.agegate-form .form-group.dob input::-ms-expand {
    display: none
}

.agegate-form .form-group.dob input::-webkit-input-placeholder,
.agegate-form .form-group.dob input::-moz-placeholder,
.agegate-form .form-group.dob input:-ms-input-placeholder,
.agegate-form .form-group.dob input:-moz-placeholder {
    color: #4a4a4a;
    font-size: .875rem;
    letter-spacing: .0625rem;
    line-height: 1.0625rem;
    text-align: center
}

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

.agegate-form .form-group.dob:first-child input {
    margin-left: 0
}

.agegate-form .form-group.dob:last-child input {
    margin-right: 0
}

.agegate-form .country-data {
    background-color: #fff;
    border: .0625rem solid #ccc;
    padding: .6875rem .875rem;
    line-height: 1.7
}

.agegate-form .country-data:hover {
    background-color: #f4f3f3
}

@media(max-width:575.98px) {
    .agegate-form .country-data {
        line-height: 1
    }
}

.agegate-form .country_info {
    display: inline-block;
    color: gray
}

@media(max-width:575.98px) {
    .agegate-form .country_info {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 60%;
        line-height: 1.8
    }
}

.agegate-form .country_info img {
    margin-right: .9375rem
}

.agegate-form .country_info img.flag-url {
    width: 1.875rem;
    height: 1.375rem
}

@media(max-width:575.98px) {
    .agegate-form .country_info img {
        margin-right: .125rem
    }
}

.agegate-form .agegate-overlay-popup-cta {
    float: right
}

.agegate-form .agegate-overlay-popup-cta a {
    font-size: .75rem;
    padding: 0;
    line-height: 1;
    margin: 0;
    border: none;
    color: #8b0000;
    min-width: unset
}

@media(max-width:575.98px) {
    .agegate-form .agegate-overlay-popup-cta a {
        line-height: 1.8
    }
}

.agegate-separator,
.overlay-separator {
    margin: 1.875rem auto;
    background: #dadada;
    width: 2.8125rem;
    height: .125rem
}

@media(max-width:767.98px) {
    .agegate-separator,
    .overlay-separator {
        margin: 1.25rem auto
    }
}

.overlay-separator {
    margin-top: 0
}

.conditions-text {
    text-align: center;
    margin-top: 1.25rem
}

.conditions-text p,
.conditions-text .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .conditions-text .form-message,
.conditions-text a {
    color: #fff;
    font-size: .875rem;
    line-height: 1.5
}

.ed_agegate_modal {
    z-index: 9999 !important;
    -webkit-box-shadow: 0 .125rem .375rem 0 rgba(0, 0, 0, .3);
    box-shadow: 0 .125rem .375rem 0 rgba(0, 0, 0, .3);
    border: .0625rem solid #ccc
}

@media(max-width:767.98px) {
    .ed_agegate_modal {
        max-width: 50rem;
        width: 90% !important;
        margin: 0 auto;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.ed_agegate_modal .ui-dialog-titlebar {
    padding: 0;
    background-color: transparent;
    border: 0
}

.ed_agegate_modal .ui-dialog-titlebar .ui-dialog-title {
    display: none
}

.ed_agegate_modal .ui-dialog-titlebar .ui-button {
    right: 1.125rem;
    top: 1.125rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    z-index: 220;
    background-color: #fff;
    border-color: rgba(0, 0, 0, .3)
}

.ed_agegate_modal .ui-dialog-titlebar .ui-button:focus {
    background-color: transparent;
    outline: 0
}

@media(max-width:767.98px) {
    .ed_agegate_modal .ui-dialog-titlebar .ui-button {
        right: .3125rem;
        top: .9375rem
    }
}

.ed_agegate_modal .ui-dialog-titlebar .ui-button .ui-icon {
    background-image: url(/themes/custom/themacallan_v2/css/../images/close-icon.png);
    background-position: 0 0;
    background-size: 100% auto
}

.ed_agegate_modal .overlay_wrapper {
    padding: 1.875rem 5.625rem 0
}

@media(max-width:767.98px) {
    .ed_agegate_modal .overlay_wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.ed_agegate_modal .overlay_heading {
    font-family: adobe-garamond-pro, times new roman, Serif;
    margin-bottom: 1.875rem;
    margin-top: 0
}

.ed_agegate_modal .overlay_countries {
    text-align: left;
    font-size: .75rem;
    color: #4d4d4d
}

.ed_agegate_modal .overlay_countries .col-6 {
    margin-bottom: 1.875rem;
    position: relative;
    padding-bottom: 1.125rem
}

@media(max-width:767.98px) {
    .ed_agegate_modal .overlay_countries .col-6 {
        margin-bottom: 1.25rem
    }
}

.ed_agegate_modal .overlay_countries label {
    margin-bottom: 1.125rem
}

.ed_agegate_modal .overlay_countries img {
    margin-right: .75rem
}

@media(max-width:575.98px) {
    .ed_agegate_modal .overlay_countries img {
        margin-right: .125rem
    }
}

.ed_agegate_modal .overlay_countries .country-language {
    bottom: 0;
    position: absolute
}

.ed_agegate_modal .overlay-text p,
.ed_agegate_modal .overlay-text .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .ed_agegate_modal .overlay-text .form-message {
    font-family: adobe-garamond-pro, times new roman, Serif;
    color: #4d4d4d;
    margin: 0
}

.ed_agegate_modal .overlay-form-block p,
.ed_agegate_modal .overlay-form-block .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .ed_agegate_modal .overlay-form-block .form-message {
    font-family: adobe-garamond-pro, times new roman, Serif;
    color: #4d4d4d;
    margin-bottom: 0
}

.ed_agegate_modal .overlay-form-block .form-control {
    background-color: #f4f3f3;
    border-radius: 0;
    border: none;
    text-align: left;
    color: #1a1a1a;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.0625rem;
    letter-spacing: .0625rem;
    min-height: 2.75rem;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 1.5625rem;
    text-transform: uppercase
}

.ed_agegate_modal .overlay-form-block .form-control::-ms-expand {
    display: none
}

.ed_agegate_modal .overlay-form-block .form-control:focus::-ms-value {
    background: #f4f3f3
}

.ed_agegate_modal .overlay-countries-form {
    margin: 1.25rem 0;
    text-align: left
}

.ed_agegate_modal .overlay-countries-form label {
    font-size: .75rem;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 500;
    letter-spacing: .075rem;
    color: #1a1a1a;
    line-height: .875rem
}

.ed_agegate_modal .overlay-countries-form .countries {
    position: relative
}

.ed_agegate_modal .overlay-countries-form .btn {
    margin-bottom: 0
}

.ed_agegate_modal .country-language span {
    display: block;
    cursor: pointer;
    margin-bottom: .5rem
}

.ed_agegate_modal .country-language span:last-child {
    margin-bottom: 0
}

@media(max-width:767.98px) {
    .ed_agegate_modal .country-language span {
        margin-bottom: .9375rem
    }
}

.macallan-experience .block-ed-agegate-form .icon-brand-font::before {
    content: '';
    background-image: url(/themes/custom/themacallan_v2/css/../images/macallan-experience-age-gate-logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 7rem
}

@-webkit-keyframes agegateIntro {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1)
    }
}

@keyframes agegateIntro {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1)
    }
}

.tabs-section {
    margin-top: 0;
    margin-bottom: 0
}

.tabs-section .content-tabs__link {
    font-family: adobe-garamond-pro, times new roman, Serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 2px;
    color: #000
}

.tabs-section .content-tabs__link:focus,
.tabs-section .content-tabs__link:hover {
    color: #8b0000;
    text-decoration: underline
}

.macallan-experience .content-accordion__heading {
    text-transform: none;
    font-size: 1.25rem
}

.accordion-section {
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width:992px) {
    .accordion-section .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.accordion-section .element__heading {
    padding-bottom: 1rem
}

.accordion-section .text-section__caption,
.accordion-section .text-section__wrapper p,
.accordion-section .text-section__wrapper .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .accordion-section .text-section__wrapper .form-message,
.accordion-section .text-section__wrapper h3 {
    max-width: 100% !important
}

.content-accordion__heading {
    text-transform: initial;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem
}

.content-accordion__heading::after,
.content-accordion__heading.is-active::after {
    content: '';
    border: solid #a4a4a4;
    border-width: 0 0 2px 2px;
    display: inline-block;
    padding: 5px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    position: absolute;
    top: 1.5rem;
    right: 5px
}

.content-accordion__heading.is-active::after {
    border-width: 2px 2px 0 0
}

.block-help-topics-cards {
    border-top: 1px solid #cfcfcf;
    background: #fff url(/themes/custom/themacallan_v2/css/../images/bg_wood.jpg) center top no-repeat;
    background-size: 100%;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media(min-width:768px) {
    .block-help-topics-cards {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media(min-width:992px) {
    .block-help-topics-cards {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.block-help-topics-cards__title {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin: 0 0 2rem
}

@media(min-width:768px) {
    .block-help-topics-cards__title {
        margin: 0 0 3rem
    }
}

.support-feedback {
    background-image: url(/themes/custom/themacallan_v2/css/../images/fine-and-rare/border-tile.jpg);
    background-repeat: repeat;
    background-position: 0 0;
    padding: 1.5rem;
    margin-top: 4rem
}

@media(min-width:768px) {
    .support-feedback {
        padding: 1.875rem
    }
}

.support-feedback__wrapper {
    background: #fff;
    padding: 2.5rem 1rem
}

@media(min-width:768px) {
    .support-feedback__wrapper {
        padding: 2.5rem
    }
}

.support-feedback__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:768px) {
    .support-feedback__form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.support-feedback__title {
    margin: 0 0 1.5rem;
    font-size: 1.5rem
}

@media(min-width:768px) {
    .support-feedback__title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0 1.5rem;
        font-size: 1.875rem
    }
}

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

.support-feedback__actions .button,
.support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions button,
.support-feedback__actions .syrenis-cookie-widget .popup .save,
.syrenis-cookie-widget .popup .support-feedback__actions .save {
    margin-bottom: 0;
    min-width: 6rem
}

@media(min-width:768px) {
    .support-feedback__actions .button,
    .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn button,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions button,
    .support-feedback__actions .syrenis-cookie-widget .popup .save,
    .syrenis-cookie-widget .popup .support-feedback__actions .save {
        min-width: 7.5rem
    }
}

@media(min-width:1200px) {
    .support-feedback__actions .button,
    .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn button,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions button,
    .support-feedback__actions .syrenis-cookie-widget .popup .save,
    .syrenis-cookie-widget .popup .support-feedback__actions .save {
        min-width: 10rem
    }
}

.support-feedback__actions .button+.button,
.support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+.button,
.shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout+.button,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn button+.button,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions button+.button,
.support-feedback__actions .syrenis-cookie-widget .popup .save+.button,
.syrenis-cookie-widget .popup .support-feedback__actions .save+.button,
.support-feedback__actions .shopping-cart .shopping-cart__footer .button+button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .support-feedback__actions .button+button.shopping-cart__checkout,
.support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout+button.shopping-cart__checkout,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn .shopping-cart .shopping-cart__footer button+button.shopping-cart__checkout,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions .shopping-cart .shopping-cart__footer button+button.shopping-cart__checkout,
.support-feedback__actions .syrenis-cookie-widget .popup .shopping-cart .shopping-cart__footer .save+button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .support-feedback__actions .syrenis-cookie-widget .popup .save+button.shopping-cart__checkout,
.syrenis-cookie-widget .popup .support-feedback__actions .shopping-cart .shopping-cart__footer .save+button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .syrenis-cookie-widget .popup .support-feedback__actions .save+button.shopping-cart__checkout,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn .button+button,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions .button+button,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+button,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn button+button,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions button+button,
.support-feedback__actions .syrenis-cookie-widget .popup .cookie_btn .save+button,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn .popup .save+button,
.syrenis-cookie-widget .popup .support-feedback__actions .cookie_btn .save+button,
.syrenis-cookie-widget .cookie_btn .popup .support-feedback__actions .save+button,
.support-feedback__actions .syrenis-cookie-widget .popup .button+.save,
.syrenis-cookie-widget .popup .support-feedback__actions .button+.save,
.support-feedback__actions .shopping-cart .shopping-cart__footer .syrenis-cookie-widget .popup button.shopping-cart__checkout+.save,
.syrenis-cookie-widget .popup .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+.save,
.shopping-cart .shopping-cart__footer .support-feedback__actions .syrenis-cookie-widget .popup button.shopping-cart__checkout+.save,
.syrenis-cookie-widget .popup .shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout+.save,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn .popup button+.save,
.support-feedback__actions .syrenis-cookie-widget .popup .cookie_btn button+.save,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions .popup button+.save,
.syrenis-cookie-widget .popup .cookie_btn .support-feedback__actions button+.save,
.support-feedback__actions .syrenis-cookie-widget .popup .save+.save,
.syrenis-cookie-widget .popup .support-feedback__actions .save+.save {
    margin-left: 1rem
}

@media(min-width:768px) {
    .support-feedback__actions .button+.button,
    .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+.button,
    .shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout+.button,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn button+.button,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions button+.button,
    .support-feedback__actions .syrenis-cookie-widget .popup .save+.button,
    .syrenis-cookie-widget .popup .support-feedback__actions .save+.button,
    .support-feedback__actions .shopping-cart .shopping-cart__footer .button+button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .support-feedback__actions .button+button.shopping-cart__checkout,
    .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout+button.shopping-cart__checkout,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn .shopping-cart .shopping-cart__footer button+button.shopping-cart__checkout,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions .shopping-cart .shopping-cart__footer button+button.shopping-cart__checkout,
    .support-feedback__actions .syrenis-cookie-widget .popup .shopping-cart .shopping-cart__footer .save+button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .support-feedback__actions .syrenis-cookie-widget .popup .save+button.shopping-cart__checkout,
    .syrenis-cookie-widget .popup .support-feedback__actions .shopping-cart .shopping-cart__footer .save+button.shopping-cart__checkout,
    .shopping-cart .shopping-cart__footer .syrenis-cookie-widget .popup .support-feedback__actions .save+button.shopping-cart__checkout,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn .button+button,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions .button+button,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+button,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn button+button,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions button+button,
    .support-feedback__actions .syrenis-cookie-widget .popup .cookie_btn .save+button,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn .popup .save+button,
    .syrenis-cookie-widget .popup .support-feedback__actions .cookie_btn .save+button,
    .syrenis-cookie-widget .cookie_btn .popup .support-feedback__actions .save+button,
    .support-feedback__actions .syrenis-cookie-widget .popup .button+.save,
    .syrenis-cookie-widget .popup .support-feedback__actions .button+.save,
    .support-feedback__actions .shopping-cart .shopping-cart__footer .syrenis-cookie-widget .popup button.shopping-cart__checkout+.save,
    .syrenis-cookie-widget .popup .support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout+.save,
    .shopping-cart .shopping-cart__footer .support-feedback__actions .syrenis-cookie-widget .popup button.shopping-cart__checkout+.save,
    .syrenis-cookie-widget .popup .shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout+.save,
    .support-feedback__actions .syrenis-cookie-widget .cookie_btn .popup button+.save,
    .support-feedback__actions .syrenis-cookie-widget .popup .cookie_btn button+.save,
    .syrenis-cookie-widget .cookie_btn .support-feedback__actions .popup button+.save,
    .syrenis-cookie-widget .popup .cookie_btn .support-feedback__actions button+.save,
    .support-feedback__actions .syrenis-cookie-widget .popup .save+.save,
    .syrenis-cookie-widget .popup .support-feedback__actions .save+.save {
        margin-left: 1.5rem
    }
}

.support-feedback__actions .button:disabled,
.support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout:disabled,
.shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout:disabled,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn button:disabled,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions button:disabled,
.support-feedback__actions .syrenis-cookie-widget .popup .save:disabled,
.syrenis-cookie-widget .popup .support-feedback__actions .save:disabled {
    pointer-events: none;
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    background: #fff
}

.support-feedback__actions .button:disabled.is-selected,
.support-feedback__actions .shopping-cart .shopping-cart__footer button.shopping-cart__checkout:disabled.is-selected,
.shopping-cart .shopping-cart__footer .support-feedback__actions button.shopping-cart__checkout:disabled.is-selected,
.support-feedback__actions .syrenis-cookie-widget .cookie_btn button:disabled.is-selected,
.syrenis-cookie-widget .cookie_btn .support-feedback__actions button:disabled.is-selected,
.support-feedback__actions .syrenis-cookie-widget .popup .save:disabled.is-selected,
.syrenis-cookie-widget .popup .support-feedback__actions .save:disabled.is-selected {
    color: #fff;
    background: #1a1a1a
}

.support-feedback__message {
    text-align: center;
    margin: 1.5rem 0 -.5rem
}

@media(min-width:768px) {
    .support-feedback__message {
        text-align: right
    }
}

.support-feedback__message a {
    color: #862633
}

.support-feedback__message a:hover,
.support-feedback__message a:focus {
    color: #862633
}

.help-popular-queries {
    text-align: center
}

.help-popular-queries__title {
    display: none
}

@media(min-width:768px) {
    .help-popular-queries__title {
        position: relative;
        display: inline-block;
        margin-bottom: 1rem;
        font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
        font-style: italic;
        font-size: 1.5rem;
        -webkit-font-feature-settings: "swsh" 1;
        font-feature-settings: "swsh" 1;
        text-transform: none;
        color: #4d4d4d;
        font-size: 1.75rem;
        margin-bottom: 2rem
    }
    .help-popular-queries__title::before {
        left: -50px
    }
    .help-popular-queries__title::after {
        right: -60px
    }
    .help-popular-queries__title::after,
    .help-popular-queries__title::before {
        position: absolute;
        display: inline-block;
        content: '';
        width: 30px;
        height: 1px;
        top: 1rem;
        border-top: 1px solid #4d4d4d;
        margin-right: 15px;
        opacity: .3
    }
}

@media(min-width:768px) {
    .help-topic__title+.help-popular-queries {
        margin-top: -2rem
    }
}

.paragraph--type--esc-product-list,
.sample-column,
.image-column,
.tasting-notes-column,
.bottledinfo,
.esc-products-list {
    text-align: center
}

.ballot-input .buybutton-inputfields {
    margin-bottom: .5rem
}

.contact-us .text-section .text-section__wrapper {
    width: 100%;
    padding: 1.5rem;
    margin: -.5rem 4.5rem
}

.contact-us .contact-brand-form.contact {
    padding: 0 3em;
    z-index: 4;
    display: block;
    text-align: left
}

@media(min-width:1200px) {
    .contact-us .contact-brand-form.contact {
        width: 33.75rem;
        padding: 0;
        margin: 0 auto
    }
}

.contact-us .contact-brand-form.contact select {
    width: 100%
}

.contact-us .contact-brand-form.contact .paragraph--btn--primary {
    margin-top: .5rem;
    min-width: calc(50% - 10px)
}

@media(min-width:992px) {
    .conversation .social-links-blockstyle__wrapper {
        margin-right: 40%;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media(min-width:992px) {
    .conversation .text-section--left-aligned {
        margin-right: 26%
    }
}

.conversation .text-section--left-aligned .text-section__wrapper {
    padding-bottom: 0
}

ul.row {
    list-style-type: none
}

.views-field-title a {
    color: #4d4d4d
}

.js-pager__items.pager {
    margin-top: 3.125rem;
    list-style-type: none
}

.js-pager__items.pager .pager__item a {
    min-width: unset;
    margin: 1em 0;
    padding: .875rem;
    border: solid 1px #b3b3b3;
    text-transform: uppercase;
    text-decoration: none;
    font-family: gotham, Sans-Serif;
    font-size: .875rem;
    font-weight: 400;
    color: #343a40;
    letter-spacing: 0
}

.esc-product-container {
    padding: 5rem 0
}

.esc-product-container h2 {
    font-size: 1.5rem;
    margin: 1.5rem 0
}

@media(min-width:768px) {
    .esc-product-container h2 {
        font-size: 2.5rem
    }
}

.esc-product-container h3 {
    margin: 1.25rem 0;
    font-size: 1.125rem
}

@media(min-width:768px) {
    .esc-product-container h3 {
        font-size: 1.5rem
    }
}

.esc-product-container p,
.esc-product-container .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .esc-product-container .form-message {
    font-size: 1rem;
    margin: 1rem 0
}

@media(min-width:768px) {
    .esc-product-container p,
    .esc-product-container .mac-ex-code-verification-form .form-message,
    .mac-ex-code-verification-form .esc-product-container .form-message {
        font-size: 1.25rem
    }
}

.esc-product-container .text-outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #4d4d4d;
    font-size: 1.125rem
}

.esc-product-container .text-outline::before {
    left: -50px
}

.esc-product-container .text-outline::after {
    right: -60px
}

.esc-product-container .text-outline::after,
.esc-product-container .text-outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #4d4d4d;
    margin-right: 15px;
    opacity: .3
}

.esc-product-container .sample-column {
    margin-top: 6.25rem
}

.esc-product-container .availability {
    margin-top: 1.25rem
}

.esc-product-container .image-column {
    margin-top: -1rem
}

.esc-product-container .image-column img {
    max-width: 100%
}

@media(min-width:768px) {
    .esc-product-container .tasting-notes-column {
        margin-top: 5rem
    }
}

.esc-product-container .label {
    text-transform: uppercase;
    font-weight: 700
}

.esc-product-container .label-small {
    font-family: gotham, Sans-Serif;
    font-size: .75rem
}

.esc-product-container .tasting-notes {
    display: none
}

.esc-product-container .tasting-notes .col-md-12,
.esc-product-container .product-details .col-md-12 {
    padding-bottom: 1.25rem
}

.esc-product-container .border-right {
    border-right: solid 1px #b3b3b3;
    padding-left: .9375rem
}

@media(min-width:768px) {
    .esc-product-container .border-right {
        padding-left: 0
    }
}

@media(min-width:1200px) {
    .esc-product-container .border-right {
        padding-left: .9375rem
    }
}

.esc-product-container .bottledinfo {
    border: solid 1px #b3b3b3;
    background-color: #fff;
    margin-top: 1.25rem;
    padding: .9375rem
}

.esc-product-container .ballot-cta a {
    color: #fff;
    text-decoration: none
}

.esc-product-container .ballot-cta a:hover {
    background: #9a2c3b;
    color: #fff
}

.esc-product-container a {
    color: #4d4d4d;
    text-transform: uppercase;
    font-family: gotham, Sans-Serif;
    text-decoration: underline;
    font-size: .75rem;
    font-weight: 700
}

.esc-product-container a:hover {
    color: #1a1a1a
}

.esc-product-container #shopify-product-wrapper .price-box {
    color: #000
}

.esc-product-container #shopify-product-wrapper .price-box .price {
    display: inline-block;
    font-size: 2.125rem
}

.esc-product-container #shopify-product-wrapper .price-box .vat {
    display: inline-block;
    margin-left: 1.5625rem;
    font-size: 1rem
}

.esc-product-container #shopify-product-wrapper .btn {
    margin-top: .625rem
}

.esc-product-container #shopify-product-wrapper .shipping {
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 500;
    font-size: .75rem;
    color: #862633;
    letter-spacing: .03125rem;
    text-decoration: none;
    margin: 1.25rem 0 0;
    display: block;
    text-transform: uppercase
}

.esc-product-container .buybutton-inputfields {
    width: 50%
}

.esc-products-list ul {
    list-style: none
}

.esc-products-list .views-infinite-scroll-content-wrapper {
    width: 100%
}

.esc-products-list .pager {
    margin-top: 3.125rem
}

.esc-products-list .pager .button,
.esc-products-list .pager .shopping-cart .shopping-cart__footer button.shopping-cart__checkout,
.shopping-cart .shopping-cart__footer .esc-products-list .pager button.shopping-cart__checkout,
.esc-products-list .pager .syrenis-cookie-widget .cookie_btn button,
.syrenis-cookie-widget .cookie_btn .esc-products-list .pager button,
.esc-products-list .pager .syrenis-cookie-widget .popup .save,
.syrenis-cookie-widget .popup .esc-products-list .pager .save,
.esc-products-list .pager .button:hover,
.esc-products-list .pager .shopping-cart .shopping-cart__footer button.shopping-cart__checkout:hover,
.shopping-cart .shopping-cart__footer .esc-products-list .pager button.shopping-cart__checkout:hover,
.esc-products-list .pager .syrenis-cookie-widget .cookie_btn button:hover,
.syrenis-cookie-widget .cookie_btn .esc-products-list .pager button:hover,
.esc-products-list .pager .syrenis-cookie-widget .popup .save:hover,
.syrenis-cookie-widget .popup .esc-products-list .pager .save:hover {
    border: solid 1px #4d4d4d;
    padding: .875rem;
    font-family: gotham_htfmedium, Sans-Serif;
    text-transform: uppercase;
    font-size: .875rem;
    text-decoration: none;
    color: #4d4d4d
}

.help-page__content::after {
    display: block;
    clear: both;
    content: ""
}

.help-topic__title {
    font-size: 2rem
}

@media(min-width:992px) {
    .help-topic__title {
        font-size: 2.5rem
    }
}

body.maintenance-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body.maintenance-page .icon-brand-font {
    font-size: 2rem
}

@media(min-width:576px) {
    body.maintenance-page .icon-brand-font {
        font-size: 3rem
    }
}

body.maintenance-page .icon-brand-font::before {
    color: #000
}

body.maintenance-page .header__logo {
    position: relative;
    margin-bottom: 2rem;
    text-align: center;
    left: 0;
    -webkit-transform: none;
    transform: none
}

.layout__maintenance {
    padding-left: 3.75rem;
    padding-right: 3.75rem
}

.m-o-p {}

.m-o-p.landing {
    background-color: #c71428;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:1200px) {
    .m-o-p.landing {
        height: 100vh;
        min-height: 55rem
    }
}

.m-o-p.landing p,
.m-o-p.landing .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .m-o-p.landing .form-message {
    color: rgba(255, 255, 255, .7)
}

.m-o-p.landing .hero-custom {
    display: inline-block;
    width: auto !important;
    padding: 0;
    vertical-align: top;
    max-width: 37.5rem
}

@media(max-width:1199.98px) {
    .m-o-p.landing .hero-custom {
        padding-bottom: 3rem
    }
}

.m-o-p.landing .hero-custom.custom-hero-image {
    z-index: 1;
    padding-top: 6rem
}

@media(min-width:768px) {
    .m-o-p.landing .hero-custom.custom-hero-image {
        padding-bottom: 6rem
    }
}

@media(min-width:1200px) {
    .m-o-p.landing .hero-custom.custom-hero-image {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(max-width:991.98px) {
    .m-o-p.landing .hero-custom.custom-hero-image {
        position: relative;
        margin: auto;
        display: block;
        max-width: 80%
    }
    .m-o-p.landing .hero-custom.custom-hero-image img {
        width: 100%
    }
}

.m-o-p.landing .hero-custom h2 {
    font-size: 1.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

@media(min-width:768px) {
    .m-o-p.landing .hero-custom h2 {
        font-size: 2.5rem;
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

.m-o-p.landing .hero-custom p,
.m-o-p.landing .hero-custom .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .m-o-p.landing .hero-custom .form-message {
    font-size: 1.3125rem;
    max-width: 540px;
    margin: auto
}

.m-o-p.landing .hero-custom .full-text {
    margin-bottom: 45px
}

@media(max-width:991.98px) {
    .m-o-p.landing .hero-custom .full-text {
        display: none;
        margin-bottom: auto
    }
}

@media(max-width:767.98px) {
    .m-o-p.landing .hero-custom .custom-hero-number {
        font-size: 10rem;
        line-height: 10rem;
        top: -15px
    }
}

@media(max-width:991.98px) {
    .m-o-p.landing .hero-custom {
        position: relative;
        max-width: 100%;
        z-index: 2;
        margin: auto
    }
}

.m-o-p.landing .paragraph--text-container--position-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media(min-width:1200px) {
    .m-o-p.landing .paragraph--text-container--position-left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.m-o-p.index {
    margin: auto;
    max-width: 1230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-o-p.index .row1,
.m-o-p.index .row2,
.m-o-p.index .row3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media(min-width:768px) {
    .m-o-p.index .row1,
    .m-o-p.index .row2,
    .m-o-p.index .row3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 1rem
    }
}

@media(min-width:992px) {
    .m-o-p.index .row1,
    .m-o-p.index .row2,
    .m-o-p.index .row3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%
    }
}

.m-o-p.index .row1 a,
.m-o-p.index .row2 a,
.m-o-p.index .row3 a {
    text-decoration: none;
    display: block;
    margin: auto
}

.m-o-p.index .row1:hover .bg,
.m-o-p.index .row2:hover .bg,
.m-o-p.index .row3:hover .bg {
    overflow: hidden
}

.m-o-p.index .row1:hover .bg img,
.m-o-p.index .row2:hover .bg img,
.m-o-p.index .row3:hover .bg img {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.m-o-p.index .bg {
    background-color: transparent;
    top: 0;
    width: 100%;
    height: auto;
    position: relative;
    opacity: 1
}

.m-o-p.index .bg img {
    width: 100%;
    height: auto
}

.m-o-p.index .number {
    position: absolute;
    margin: 40px;
    bottom: 0%;
    left: 0;
    color: #fff;
    font-size: 3.75rem;
    line-height: 1.2
}

.m-o-p.index .text-simple {
    margin: auto
}

.m-o-p.index .text-simple h3 {
    text-align: left;
    color: #4d4d4d;
    margin: 1.875rem 0 1rem;
    text-transform: none
}

.m-o-p.index .text-simple p,
.m-o-p.index .text-simple .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .m-o-p.index .text-simple .form-message {
    text-align: left
}

.m-o-p.hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 800px
}

.m-o-p.hero .paragraph--content--width {
    margin: 0 auto
}

.m-o-p.hero .overlay-black {
    height: 30%;
    background: #1a1a1a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.9)), to(transparent));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0, transparent 100%);
    -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e6000000', endColorstr='#00000000', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e6000000', endColorstr='#00000000', GradientType=0);
    pointer-events: none
}

.m-o-p.hero .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: .6s ease-out opacity, 10s linear transform;
    transition: .6s ease-out opacity, 10s linear transform;
    -webkit-animation: fadein 2s, zoomin 10s;
    animation: fadein 2s, zoomin 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.m-o-p.hero .bg.is-active {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
    transform: scale3d(1.08, 1.08, 1.08)
}

.m-o-p .hero-quotes-container {
    position: relative
}

.m-o-p.simple-carousel-content .bg {
    opacity: 1
}

.m-o-p .custom-hero-number {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .2;
    -ms-filter: "alpha(opacity=20)";
    top: -45px;
    font-size: 16.5rem;
    line-height: 12.5rem
}

.m-o-p .hero-number {
    position: absolute;
    top: -36px;
    font-size: 5.5rem;
    line-height: 6.25rem;
    color: #fff;
    opacity: .2;
    cursor: default
}

.m-o-p .btn_left,
.m-o-p .btn_right {
    cursor: default
}

.m-o-p .btn_left::-moz-selection,
.m-o-p .btn_right::-moz-selection {
    background: 0 0;
    color: #fff;
    opacity: .2
}

.m-o-p .btn_left::selection,
.m-o-p .btn_right::selection {
    background: 0 0;
    color: #fff;
    opacity: .2
}

.m-o-p .btn_left a::-moz-selection,
.m-o-p .btn_left img::-moz-selection,
.m-o-p .btn_left span::-moz-selection,
.m-o-p .btn_right a::-moz-selection,
.m-o-p .btn_right img::-moz-selection,
.m-o-p .btn_right span::-moz-selection {
    background: 0 0;
    color: #fff;
    opacity: .2
}

.m-o-p .btn_left a::selection,
.m-o-p .btn_left img::selection,
.m-o-p .btn_left span::selection,
.m-o-p .btn_right a::selection,
.m-o-p .btn_right img::selection,
.m-o-p .btn_right span::selection {
    background: 0 0;
    color: #fff;
    opacity: .2
}

.m-o-p .btn_left {
    position: absolute;
    left: 110px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:1024px) {
    .m-o-p .btn_left {
        display: none
    }
}

.m-o-p .btn_right {
    position: absolute;
    right: 110px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:1024px) {
    .m-o-p .btn_right {
        display: none
    }
}

.m-o-p .custom-hero-button-right,
.m-o-p .custom-hero-button-left {
    font-family: gotham_htfmedium, Sans-Serif;
    line-height: 1.33;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
    position: relative
}

.m-o-p .text-outline {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #fff;
    font-size: 1.125rem
}

.m-o-p .text-outline::before {
    left: -50px
}

.m-o-p .text-outline::after {
    right: -60px
}

.m-o-p .text-outline::after,
.m-o-p .text-outline::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #fff;
    margin-right: 15px;
    opacity: .3
}

@media(min-width:768px) {
    .m-o-p .text-outline {
        font-size: 1.5rem
    }
}

.m-o-p .full-text p,
.m-o-p .full-text .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .m-o-p .full-text .form-message {
    color: rgba(255, 255, 255, .7)
}

.m-o-p .wrap {
    max-width: 31.25rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin: 0 auto;
    color: #fff;
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-o-p .wrap .quotes_left {
    position: absolute;
    top: -20px;
    left: -20px
}

.m-o-p .wrap .quotes_right {
    position: absolute;
    bottom: 40px;
    right: -20px
}

.m-o-p .arrow-left {
    top: -1px;
    position: relative;
    left: -5px
}

.m-o-p .arrow-right {
    top: -1px;
    position: relative;
    right: -5px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.m-o-p .hero-quote-name {
    font-family: adobe-garamond-pro, serif;
    font-style: italic;
    text-transform: none;
    font-size: 1.5rem;
    line-height: 1.67;
    font-weight: 400;
    margin: 1rem 0 1.5rem;
    color: #fff;
    display: block
}

.m-o-p .custom-text-structured {
    padding: 30px;
    background-image: url(/images/border-pattern.png);
    background-repeat: repeat;
    font-size: 1.25rem;
    color: #4d4d4d;
    font-family: adobe-garamond-pro, serif;
    line-height: 1.4;
    width: 85%;
    margin: auto
}

.m-o-p .custom-text-structured.paragraph--frame--grey45--white {
    content: '';
    background-image: url(/themes/custom/digitalplatform/images/border-pattern.png);
    background-repeat: repeat;
    z-index: -1;
    position: relative
}

.m-o-p .custom-text-structured .custom-text-quote {
    line-height: 1.4
}

.m-o-p .custom-text-structured .custom-text-quote-name {
    font-style: italic;
    line-height: 1.4;
    margin: 0
}

.m-o-p .custom-text-structured .custom-text-structured-inner {
    padding: 2.5rem;
    background-color: #fff
}

@media(max-width:767px) {
    .m-o-p .custom-text-structured {
        width: 100%
    }
}

.m-o-p.text-simple h1 {
    text-align: center
}

.m-o-p.text-simple h1.margin-none {
    margin-top: 0;
    margin-bottom: 0
}

.m-o-p.text-simple.h2,
.m-o-p.text-simple h2 {
    color: #1a1a1a;
    line-height: 1.2;
    letter-spacing: 2px;
    text-align: center;
    font-size: 2.5rem
}

.m-o-p.text-simple.h2.center,
.m-o-p.text-simple h2.center {
    text-align: center
}

@media(max-width:1024px) {
    .m-o-p.text-simple.h2,
    .m-o-p.text-simple h2 {
        font-size: 1.5rem;
        margin: 0
    }
}

.m-o-p.text-simple h3 {
    font-size: 1.875rem;
    margin: 1.875rem 0 2.5rem;
    text-align: center
}

.m-o-p.text-simple.p,
.m-o-p.text-simple p,
.m-o-p.text-simple .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .m-o-p.text-simple .form-message {
    color: #4d4d4d;
    letter-spacing: 0;
    text-align: center;
    font-size: 1.3125rem;
    line-height: 1.43
}

.m-o-p-header-light {
    margin-bottom: 35px
}

.m-o-p-header-light>.paragraph__column {
    padding-bottom: 0
}

.paragraph--type--ed-code-snippet .m-o-p {
    overflow: hidden;
    text-align: center
}

.paragraph--type--ed-code-snippet .m-o-p .text-simple img {
    display: block;
    margin: 0 auto
}

.paragraph--type--bp-simple.paragraph--text-container--position-left {
    text-align: left
}

.paragraph--type--bp-simple.paragraph--text-container--position-center {
    text-align: center
}

.paragraph--type--bp-simple.paragraph--text-container--position-right {
    text-align: right
}

.spotlight-numbers-section {
    position: relative
}

.spotlight-numbers-section .btn-all {
    text-decoration: underline;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 500;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    z-index: 2;
    padding: 0 .625rem;
    color: #4d4d4d
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content {
    margin-top: .5rem;
    margin-bottom: 60px
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .btn_left,
.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .btn_right {
    display: none;
    visibility: hidden
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows {
    display: none;
    visibility: hidden;
    position: absolute;
    width: calc(100% - 80px);
    height: 1px;
    top: calc(((100vw - 205px) * 0.6333333333) + 173px);
    background: rgba(26, 26, 25, .15);
    left: 40px
}

@media only screen and (max-width:767px) {
    .paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows {
        top: calc(((100vw - 205px) * 0.6333333333) + 181px)
    }
}

@media only screen and (max-width:640px) {
    .paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows {
        top: calc(((100vw - 205px) * 0.6333333333) + 178px)
    }
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows .btn_left,
.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows .btn_right {
    display: block;
    visibility: visible;
    width: 30px;
    height: 30px
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows .btn_left::before,
.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows .btn_right::before {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows .btn_left {
    left: 0;
    margin-left: 0
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .mob-arrows .btn_right {
    right: 0;
    margin-left: 0;
    left: 100%
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel {
    height: auto !important
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item {
    height: auto !important
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 830px;
    height: 530px;
    margin-bottom: 60px;
    padding: 0
}

@media only screen and (max-width:1024px) {
    .paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .bg {
        position: relative;
        min-height: calc((100vw - 80px) * 0.6333333);
        margin: auto;
        margin-bottom: 40px;
        -webkit-box-shadow: 0 30px 90px rgba(0, 0, 0, .4);
        box-shadow: 0 30px 90px rgba(0, 0, 0, .4)
    }
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .hero-number {
    color: #1a1a1a;
    opacity: .07;
    -ms-filter: "alpha(opacity=7)";
    position: absolute;
    top: -40px;
    font-size: 12.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .paragraph--btn--tertiary {
    display: block;
    width: 220px;
    margin: auto;
    margin-top: 25px;
    border-color: rgba(0, 0, 0, .3)
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .simple-carousel-content {
    padding-top: 100px
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .simple-carousel-content .paragraph--content--width {
    margin-bottom: 0
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .simple-carousel-content .wrap {
    max-width: 100%
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-dot span {
    width: 7px;
    height: 7px
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .wrap {
    max-width: 75%
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .wrap .text-outline {
    color: #4d4d4d;
    font-size: 1.5rem
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .wrap h2 {
    color: #000;
    font-size: 1.875rem
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .wrap p,
.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .wrap .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .wrap .form-message {
    color: #4d4d4d;
    font-size: 1.125rem
}

.paragraph--type--ed-carousel-spotlight.spotlight-content::before {
    content: "THE MAGNUM PHOTOGRAPHERS";
    font-size: 1.875rem;
    margin: 2.25rem auto;
    letter-spacing: 2px;
    text-align: center;
    top: 3%;
    width: 100%
}

.paragraph--type--ed-carousel-spotlight.spotlight-content {
    background-color: #f7f7f7;
    padding-top: 3%
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .btn_left,
.paragraph--type--ed-carousel-spotlight.spotlight-content .btn_right {
    top: 28%
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .owl-carousel {
    height: auto !important
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .owl-carousel .owl-item {
    height: auto !important
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .owl-carousel .owl-item .paragraph .paragraph__column {
    height: auto !important
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .owl-carousel .owl-item.center .paragraph--type--carousel-spotlight-content .paragraph {
    visibility: visible
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .owl-carousel .owl-item.center .paragraph--type--carousel-spotlight-content .paragraph--type--bp-image {
    visibility: visible
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .owl-carousel .owl-item .paragraph--type--carousel-spotlight-content .paragraph {
    visibility: hidden
}

.paragraph--type--ed-carousel-spotlight.spotlight-content .owl-carousel .owl-item .paragraph--type--carousel-spotlight-content .paragraph--type--bp-image {
    visibility: visible
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .image {
    height: 55vw !important;
    position: relative !important;
    max-height: 600px !important
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .module-feature-banners .half_width {
    height: 200px !important
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .module-feature-banners .half_width .text-block::before {
    content: ""
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple h2 {
    text-align: center;
    display: inline-block;
    margin-right: 2rem;
    text-transform: uppercase
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple p,
.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple .form-message {
    text-align: left
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple .spotlight-gallery-link-container {
    display: inline-block
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple .spotlight-gallery-link::before {
    content: '';
    background-image: url(/themes/custom/themacallan_v2/css/../images/view-gallery.png);
    vertical-align: sub;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    left: -25px
}

.paragraph--type--ed-carousel-spotlight .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple .spotlight-gallery-link {
    display: inline-block;
    color: #862633;
    margin-left: 1.5625rem;
    font-family: Gotham, serif;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    font-size: .75rem;
    vertical-align: super;
    position: relative
}

.paragraph--type--ed-carousel-spotlight.spotlight-modal {
    display: none;
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    z-index: 99999;
    margin: auto
}

.paragraph--type--ed-carousel-spotlight.spotlight-modal .spotlight-modal-content-container {
    padding: 80px 50px;
    background-color: #fff;
    width: 100%;
    margin: auto;
    -webkit-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%);
    top: 50%;
    position: relative;
    max-width: 1320px
}

.paragraph--type--ed-carousel-spotlight.spotlight-modal .spotlight-modal-content-container .spotlight-modal-content-container-inner {
    width: 75%;
    margin: auto
}

.paragraph--type--ed-carousel-spotlight.spotlight-modal .spotlight-modal-content-container .spotlight-modal-content-container-inner .btn_left,
.paragraph--type--ed-carousel-spotlight.spotlight-modal .spotlight-modal-content-container .spotlight-modal-content-container-inner .btn_right {
    top: 50%;
    margin-top: -15px
}

.paragraph--type--ed-carousel-spotlight.spotlight-modal .spotlight-modal-content-container .spotlight-modal-close-btn {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 5%;
    left: 93%;
    background-image: url(/sites/g/files/jrulke166/files/modal-close-button.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer
}

.paragraph--type--ed-carousel-spotlight.spotlight-modal .owl-carousel .owl-item .paragraph .paragraph__column {
    margin: auto !important;
    float: none !important;
    width: 100%
}

.paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content {
    text-align: center
}

.paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content .paragraph--type--bp-image {
    width: 35% !important;
    display: inline-block !important;
    vertical-align: top
}

.paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple {
    width: 35% !important;
    display: inline-block !important;
    text-align: left !important;
    vertical-align: top
}

.paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple h2 {
    font-size: 1.4rem
}

.paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple p,
.paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content .paragraph--type--bp-simple .form-message {
    font-size: 1.2rem
}

.paragraph--type--ed-carousel-simple .paragraph--type--carousel-spotlight-content .m-o-p.carousel-simple li {
    margin-bottom: 1.25rem
}

.paragraph--type--ed-carousel-simple.simple-carousel-content .owl-carousel {
    height: auto !important
}

.paragraph--type--ed-carousel-simple.simple-carousel-content .owl-carousel .owl-item {
    height: auto !important
}

.paragraph--type--ed-carousel-simple.simple-carousel-content .owl-carousel .owl-item .paragraph .paragraph__column {
    height: auto !important
}

@media(max-width:1024px) {
    .paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-item {
        opacity: 0
    }
    .paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-item.active.center {
        opacity: 1
    }
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .paragraph--type--ed-code-snippet {
    overflow: visible
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .m-o-p .wrap .full-text p,
.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .m-o-p .wrap .full-text .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .m-o-p .wrap .full-text .form-message {
    color: rgba(255, 255, 255, .7)
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .m-o-p .wrap .text-outline,
.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .m-o-p .wrap h2,
.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .m-o-p .wrap a {
    color: #fff
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .m-o-p .wrap {
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: auto;
    -webkit-transform: none;
    transform: none
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .m-o-p .paragraph--btn--tertiary {
    border-color: rgba(255, 255, 255, .3)
}

.paragraph--type--ed-carousel-spotlight.spotlight-numbers-content .owl-carousel .owl-item .paragraph .paragraph__column .m-o-p .paragraph--btn--tertiary:hover {
    border-color: rgba(255, 255, 255, .7)
}

@media(min-width:992px) {
    .masters-photography .two-col-section .col-md-6.two-col__item-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }
}

@media(min-width:992px) {
    .masters-photography .one-col-section>img {
        width: 80%
    }
}

.masters-photography .text-section .text-section__wrapper {
    padding: 0
}

@media(min-width:992px) {
    .masters-photography .text-section .text-section__wrapper {
        width: 60%
    }
}

.masters-photography .tasting-notes__wrapper.component {
    background: #c30615
}

.masters-photography .tasting-notes__wrapper.component .tasting-notes__text {
    padding: 4rem 1rem
}

@media(min-width:768px) {
    .masters-photography .tasting-notes__wrapper.component .tasting-notes__text {
        padding: 0 1rem
    }
}

.masters-photography .tasting-notes__wrapper.component .tasting-notes__image {
    position: relative;
    max-height: 28rem
}

@media(min-width:768px) {
    .masters-photography .tasting-notes__wrapper.component .tasting-notes__image {
        position: absolute;
        max-height: unset;
        top: 2rem;
        left: 35%
    }
}

@media(min-width:992px) {
    .masters-photography .tasting-notes__wrapper.component .tasting-notes__image {
        top: -13.75rem;
        bottom: 0;
        left: 30%
    }
}

.masters-photography .tasting-notes__wrapper.component .tasting-notes__image img {
    width: 80%;
    max-width: 100%;
    height: 100%
}

@media(min-width:768px) {
    .masters-photography .tasting-notes__wrapper.component .tasting-notes__image img {
        width: auto;
        max-width: unset
    }
}

@media(min-width:992px) {
    .masters-photography .tasting-notes__wrapper.component .tasting-notes__image img {
        max-width: unset;
        height: auto
    }
}

.masters-photography .tasting-notes__wrapper.component .tasting-notes__image::before {
    background-image: none
}

.m-o-p.simple-carousel-content {
    height: 600px;
    width: 100%
}

.m-o-p.simple-carousel-content .bg {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.m-o-p.simple-carousel-content .wrap {
    position: absolute;
    font-size: 1.3125rem;
    left: 0;
    right: 0
}

.m-o-p.simple-carousel-content a.btn {
    margin-top: 1.5rem;
    display: table;
    margin-left: auto;
    margin-right: auto
}

.spotlight-numbers-section .btn-all {
    top: 0;
    right: 60px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: gotham_htfmedium, Sans-Serif;
    font-size: .75rem;
    font-weight: 500;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    z-index: 2;
    padding: 0 .625rem;
    color: #4d4d4d
}

.spotlight-numbers-container .owl-prev::after {
    font-family: gotham, Sans-Serif
}

.spotlight-numbers-container .owl-next::before {
    font-family: gotham, Sans-Serif
}

.carousel__wrapper--Numbers {
    margin-bottom: 4rem
}

.carousel__wrapper--Numbers .active.center .m-o-p::after {
    width: 100%;
    content: '';
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, .4);
    box-shadow: 0 30px 30px rgba(0, 0, 0, .4);
    height: 90%;
    position: absolute;
    left: 0;
    top: 10%;
    z-index: -1
}

.carousel__wrapper--Numbers .owl-carousel .owl-stage-outer {
    overflow: unset;
    height: auto
}

.carousel__wrapper--Numbers .spotlight-numbers-section .owl-carousel .owl-stage-outer {
    overflow: hidden;
    height: auto
}

.order-confirmation .customer-information__content span {
    font-size: .8rem;
    font-family: gotham, Sans-Serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .075rem;
    display: block
}

.protected-pages .protected-pages-enter-password {
    max-width: 500px;
    margin: 4rem auto;
    padding: 0 1rem
}

.protected-pages .protected-pages-enter-password .protected_pages_description {
    margin-bottom: 1rem;
    max-width: 100%
}

.protected-pages .protected-pages-enter-password .protected_pages_description strong {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #4d4d4d
}

.protected-pages .protected-pages-enter-password .form-fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.protected-pages .protected-pages-enter-password .form-fieldset .form-item {
    width: 100%
}

.protected-pages .protected-pages-enter-password .form-fieldset .form-submit {
    margin-top: 1rem
}

.protected-pages div[role=alert] {
    padding: 0 1rem
}

.protected-pages div[role=alert] ul {
    padding-left: 0
}

.protected-pages div[role=alert] .status--error {
    max-width: 600px;
    margin: 2rem auto 0;
    background-color: #eee;
    border-left-color: #862633;
    color: #444
}

.view--search-results .view__empty-result {
    padding-left: 15px;
    padding-right: 15px
}

.view--search-results .view__empty-result .view {
    margin-top: 2rem
}

@media(min-width:768px) {
    .view--search-results .view__empty-result .view {
        margin-top: 3rem
    }
}

@media(min-width:768px) {
    .view--search-results .no-results-found {
        font-size: 1.75rem
    }
}

.view--search-results .no-results-found span {
    color: #862633
}

.view--search-results .pager {
    padding: 0 15px;
    margin: 2rem 0 0
}

@media(min-width:768px) {
    .view--search-results .pager {
        margin-top: 2.5rem
    }
}

.search-help-categories__heading {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    margin-top: 0;
    margin-bottom: 1.5rem
}

.search-help-categories__heading::before {
    left: -50px
}

.search-help-categories__heading::after {
    right: -60px
}

.search-help-categories__heading::after,
.search-help-categories__heading::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.search-help-categories__heading::before {
    content: none
}

.search-tips__heading {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    font-family: adobe-garamond-italic, times new roman, Times, Sans-Serif;
    font-style: italic;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "swsh" 1;
    font-feature-settings: "swsh" 1;
    text-transform: none;
    color: #000;
    margin-top: 0;
    margin-bottom: 1.5rem
}

.search-tips__heading::before {
    left: -50px
}

.search-tips__heading::after {
    right: -60px
}

.search-tips__heading::after,
.search-tips__heading::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    top: 1rem;
    border-top: 1px solid #000;
    margin-right: 15px;
    opacity: .3
}

.search-tips__heading::before {
    content: none
}

.search-tips__list {
    padding-left: 1.5rem;
    margin-bottom: 0
}

.search-tips__list-item p:last-child,
.search-tips__list-item .mac-ex-code-verification-form .form-message:last-child,
.mac-ex-code-verification-form .search-tips__list-item .form-message:last-child {
    margin-bottom: 0
}

.search-tips__list-item a:hover,
.search-tips__list-item a:focus {
    color: #862633
}

.block-themacallan-v2-searchresultgroup .container,
.block-themacallan-v2-productcategory .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.shop-page hr {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

form.shipping-destination {
    margin: 3rem auto;
    display: block;
    width: 100%;
    padding: 0;
    text-align: center
}

@media(min-width:992px) {
    form.shipping-destination {
        width: 50%
    }
}

form.shipping-destination label {
    margin: .875rem 0
}

form.shipping-destination label.required::after {
    content: '*';
    display: inline-block;
    margin-left: .0625rem
}

@media(min-width:992px) {
    form.shipping-destination label {
        margin-top: .875rem
    }
}

form.shipping-destination select {
    min-width: 20rem;
    margin: 0 auto
}

@media(min-width:992px) {
    form.shipping-destination select {
        margin-left: .25rem
    }
}

.shop-page .us-notice-bar {
    margin-top: -2rem;
    font-size: 1.25rem;
    letter-spacing: .0125rem
}

.shop-page .us-notice-bar .inner {
    margin: 0 auto;
    background: #862633;
    color: #fff;
    padding: 1.25rem;
    text-align: center
}

.shop-page .us-notice-bar .inner a {
    display: table;
    margin: 0 auto;
    color: #fff
}

@media(min-width:992px) {
    .shop-page .us-notice-bar .inner a {
        display: inline-block;
        margin: 0 0 0 1.875rem
    }
}

.shop-page .us-notice-bar .inner p,
.shop-page .us-notice-bar .inner .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .shop-page .us-notice-bar .inner .form-message {
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    line-height: 2em
}

.shop-page .us-notice-bar+form.shipping-destination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding: 3rem 2rem 0;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:992px) {
    .shop-page .us-notice-bar+form.shipping-destination {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.section-404,
.section-403 {
    display: table;
    margin: 12rem auto 5rem;
    max-width: 33.75rem;
    padding: 0 1rem;
    text-align: center
}

@media(max-width:767.98px) {
    .section-404,
    .section-403 {
        margin: 8rem auto 4rem
    }
}

.section-404 h1,
.section-403 h1 {
    color: #cfcfcf;
    font-size: 9.375rem;
    line-height: 1.625rem;
    text-align: center
}

@media(min-width:768px) {
    .section-404 h1,
    .section-403 h1 {
        font-size: 12.5rem;
        line-height: 2.1875rem
    }
}

.section-404 h3,
.section-403 h3 {
    margin-top: 5rem;
    color: #1a1a1a;
    font-size: 1.875rem;
    letter-spacing: .125rem;
    line-height: 2.1875rem;
    text-align: center
}

.section-404 a.btn,
.section-403 a.btn {
    color: #fff;
    background-color: #862633;
    margin-top: 2rem;
    outline: none;
    border: none
}

.section-404 a.btn:hover,
.section-403 a.btn:hover {
    border: none
}

.journal-category--roca .hero-item {
    height: calc(100vh - 45px)
}

@media(min-width:992px) {
    .journal-category--roca .hero-item {
        height: calc(100vh - 135px)
    }
}

.journal-intro-page .journalDetailsDefintion {
    position: relative;
    z-index: 1
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (orientation:landscape) {
    .journal-intro-page .journalDetailsDefintion_container {
        padding-top: 5rem
    }
}

@media(max-width:575.98px) {
    .journal-intro-page .journalDetailsDefintion_container .image-block:first-of-type {
        margin-top: -9.5rem
    }
}

@media(max-width:767.98px) {
    .paragraph--type--ed-journal-intro {
        margin-bottom: 0
    }
    .paragraph--type--ed-journal-intro .paragraph__column {
        padding-bottom: 0
    }
}

.journalDetailsDefintion {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.journalDetailsDefintion .text-block p,
.journalDetailsDefintion .text-block .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .journalDetailsDefintion .text-block .form-message {
    font-size: 1.25rem;
    line-height: 30px
}

@media(max-width:767.98px) {
    .journalDetailsDefintion .text-block p,
    .journalDetailsDefintion .text-block .mac-ex-code-verification-form .form-message,
    .mac-ex-code-verification-form .journalDetailsDefintion .text-block .form-message {
        line-height: 1.43;
        font-size: .96875rem
    }
}

.journalDetailsDefintion_container {
    text-align: left;
    margin: auto;
    width: 80%;
    max-width: 1100px
}

@media(max-width:1200px) {
    .journalDetailsDefintion_container {
        width: 100%
    }
}

.journalDetailsDefintion_container .text-block,
.journalDetailsDefintion_container .image-block {
    width: 50%;
    float: left
}

@media(max-width:640px) {
    .journalDetailsDefintion_container .text-block,
    .journalDetailsDefintion_container .image-block {
        width: 100%;
        float: unset
    }
}

.journalDetailsDefintion_container .image-block {
    padding: 0 0 1rem
}

@media(min-width:992px) {
    .journalDetailsDefintion_container .image-block {
        padding: 2.1875rem 3.75rem
    }
}

.journalDetailsDefintion_container .image-block:first-of-type {
    margin-top: -11.875rem
}

@media(max-width:480px) {
    .journalDetailsDefintion_container .image-block:first-of-type {
        margin-top: -3.5rem
    }
}

.journalDetailsDefintion_container .image-block:nth-child(2) {
    padding: 0 0 2rem
}

@media(min-width:992px) {
    .journalDetailsDefintion_container .image-block:nth-child(2) {
        padding: 2.1875rem 3.75rem
    }
}

.journalDetailsDefintion_container .image-block img {
    width: 100%
}

.journalDetailsDefintion_container .text-block {
    position: relative;
    margin-top: -11.875rem;
    padding: 0 0 1rem
}

@media(min-width:992px) {
    .journalDetailsDefintion_container .text-block {
        padding: 1.5625rem 0 1.5625rem 8.75rem
    }
}

@media(max-width:640px) {
    .journalDetailsDefintion_container .text-block {
        margin-top: unset
    }
}

.journalDetailsDefintion_container .text-block p,
.journalDetailsDefintion_container .text-block .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .journalDetailsDefintion_container .text-block .form-message {
    color: #1a1a1a;
    font-size: 2rem;
    font-weight: 400;
    position: relative
}

@media(max-width:1200px) {
    .journalDetailsDefintion_container .text-block p,
    .journalDetailsDefintion_container .text-block .mac-ex-code-verification-form .form-message,
    .mac-ex-code-verification-form .journalDetailsDefintion_container .text-block .form-message {
        font-size: 1.5625rem
    }
}

.journalDetailsDefintion_container .text-block p span,
.journalDetailsDefintion_container .text-block .mac-ex-code-verification-form .form-message span,
.mac-ex-code-verification-form .journalDetailsDefintion_container .text-block .form-message span {
    font-size: 6rem
}

@media(min-width:1025px) {
    .journalDetailsDefintion_container .text-block p span,
    .journalDetailsDefintion_container .text-block .mac-ex-code-verification-form .form-message span,
    .mac-ex-code-verification-form .journalDetailsDefintion_container .text-block .form-message span {
        position: absolute;
        color: #000;
        left: -7.25rem;
        width: 6.25rem;
        text-align: right;
        font-size: 7rem;
        line-height: 3.75rem;
        letter-spacing: 0
    }
}

@media(max-width:640px) {
    .journalDetailsDefintion_container .text-block p span,
    .journalDetailsDefintion_container .text-block .mac-ex-code-verification-form .form-message span,
    .mac-ex-code-verification-form .journalDetailsDefintion_container .text-block .form-message span {
        font-size: 4rem;
        padding-top: 0;
        line-height: .9
    }
}

.journal-category--roca .text-section__wrapper {
    padding: 0
}

@media(min-width:992px) {
    .journal-category--roca .text-section__wrapper {
        width: 50%
    }
}

.journal-category--roca .text-section p,
.journal-category--roca .text-section .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .journal-category--roca .text-section .form-message {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    text-align: left
}

.journal-category--roca .text-section h2 {
    text-align: left;
    text-transform: none;
    font-size: 3rem
}

.journal-category--roca .text-section h3 {
    text-align: left;
    text-transform: none;
    font-size: 1.875rem
}

.journal-category--roca .hero-item__content.justify-content-start .hero-item__caption,
.journal-category--roca .hero-item__content.justify-content-end .hero-item__caption {
    padding: 2rem;
    background: #000;
    font-size: 1.5rem
}

.back-to-top-wrapper {
    display: none
}

.journal-category--roca .paragraph--type--ed-hero-image.hero-item__image:not(:first-of-type) .hero-item__content--wrap {
    background: #000;
    padding: 5rem;
    font-size: 1.5rem
}

.journal-category--roca .paragraph--type--ed-hero-image.hero-item__image:not(:first-of-type) .hero-item__content--wrap p,
.journal-category--roca .paragraph--type--ed-hero-image.hero-item__image:not(:first-of-type) .hero-item__content--wrap .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .journal-category--roca .paragraph--type--ed-hero-image.hero-item__image:not(:first-of-type) .hero-item__content--wrap .form-message {
    font-size: 2rem
}

.mac-ex-code-verification-form {
    max-width: 500px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(min-width:576px) {
    .mac-ex-code-verification-form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.mac-ex-code-verification-form .verification-code-wrapper .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mac-ex-code-verification-form .verification-code-wrapper .form-item__label::after {
    content: "*";
    font-size: 1rem
}

.mac-ex-code-verification-form .webform-elements {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mac-ex-code-verification-form .form-actions {
    margin-left: 1rem
}

.mac-ex-code-verification-form .form-actions .form-submit {
    height: 2.75rem;
    padding-top: .9rem
}

.mac-ex-code-verification-form .form-actions .form-submit--active {
    background-color: #ccc
}

.mac-ex-code-verification-form .form-message {
    width: 100%;
    font-style: italic
}

.signup-promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 2.5rem 0;
    background-image: url("../images/footer_subscribe_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media(min-width:576px) {
    .signup-promo {
        padding: 3.5rem 2.25rem
    }
}

@media(min-width:992px) {
    .signup-promo {
        padding: 4rem
    }
}

@media(min-width:1200px) {
    .signup-promo {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.signup-promo p,
.signup-promo .mac-ex-code-verification-form .form-message,
.mac-ex-code-verification-form .signup-promo .form-message {
    margin: 0 0 1rem;
    color: #fff;
    font-size: .9375rem
}

@media(min-width:768px) {
    .signup-promo p,
    .signup-promo .mac-ex-code-verification-form .form-message,
    .mac-ex-code-verification-form .signup-promo .form-message {
        font-size: 1.25rem;
        letter-spacing: .075rem
    }
}

@media(min-width:1200px) {
    .signup-promo p,
    .signup-promo .mac-ex-code-verification-form .form-message,
    .mac-ex-code-verification-form .signup-promo .form-message {
        margin: 0
    }
}

.signup-promo .webform-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.signup-promo .form-item {
    margin-bottom: 0
}

.signup-promo .signup-promo-fieldset {
    margin: 0;
    padding: 0 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.signup-promo .form-type-email {
    padding: 0;
    display: inline-block;
    vertical-align: middle
}

.signup-promo .form-actions {
    padding: 0;
    display: inline-block
}

.signup-promo label {
    display: none
}

.signup-promo input {
    border-radius: 0;
    max-width: 20.625rem;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, .1);
    border: none;
    font-family: gotham_htfmedium, Sans-Serif;
    font-weight: 500;
    letter-spacing: .075rem;
    width: 100%;
    height: 2.125rem;
    padding: .25rem .625rem;
    font-size: .5625rem;
    margin-right: -.3125rem;
    margin-bottom: 0
}

@media(min-width:768px) {
    .signup-promo input {
        font-size: .75rem;
        padding: .75rem 1.25rem;
        height: 2.75rem
    }
}

.signup-promo input:focus {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.signup-promo .form-actions {
    padding-left: 0;
    padding-right: 0
}

.signup-promo .form-actions input {
    background-color: #1a1a1a;
    font-weight: 600;
    border-color: #1a1a1a;
    color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(min-width:992px) {
    .signup-promo .form-actions input {
        padding: .25rem 1rem
    }
}

.mask-line__inner {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transform-origin: unset !important;
    transform-origin: unset !important;
    left: -100% !important
}

.paragraph--type--social-share {
    display: none
}

body.is-intro-open .mask-line__inner.js-mask-line {
    opacity: 1 !important;
    width: 100% !important;
    visibility: visible !important;
    -webkit-transform-origin: unset !important;
    transform-origin: unset !important;
    z-index: 9999;
    -webkit-animation: myanim 5s 1;
    animation: myanim 5s 1
}

body.is-intro-open .logo--mask {
    -webkit-animation: fadeDown 5s 1;
    animation: fadeDown 5s 1;
    -webkit-transform: none !important;
    transform: none !important;
    padding-bottom: 25px;
    opacity: 0 !important;
    visibility: hidden
}

body.is-intro-open .mask-line {
    -webkit-animation: fadeIn 5s 1;
    animation: fadeIn 5s 1;
    opacity: 0 !important;
    left: 0
}

@keyframes myanim {
    0% {
        left: -100%;
        opacity: 0
    }
    25% {
        left: -100%;
        opacity: 0
    }
    60% {
        left: 0;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 1
    }
}

@-webkit-keyframes myanim {
    0% {
        left: -100%;
        opacity: 0
    }
    25% {
        left: -100%;
        opacity: 0
    }
    60% {
        left: 0;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 1
    }
}

@keyframes fadeDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    75% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes fadeDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    75% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 1;
        left: 0
    }
    25% {
        opacity: 1;
        left: 0
    }
    60% {
        opacity: 1;
        left: 0
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        background-color: #000
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 1;
        left: 0
    }
    25% {
        opacity: 1;
        left: 0
    }
    60% {
        opacity: 1;
        left: 0
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        background-color: #000
    }
}

.mask {
    opacity: 0
}

.is-intro-open .mask {
    opacity: 1
}

.slide .article-bottom {
    margin-left: 0
}

.change-view-text,
.video-play .watch-video-text {
    font-family: sans-serif;
    text-transform: uppercase
}

.video-container {
    border: none !important
}

.video-container .video {
    border: none !important
}

.video-container .video .player {
    border: none !important
}

div.w-vulcan--background.w-css-reset {
    border: none !important
}

div.w-focus-border,
.w-focus-border,
.w-foreground.w-css-reset,
.w-foreground.w-css-reset,
.w-vulcan-v2.w-css-reset,
.w-ui-container {
    border: none !important;
    outline: none !important
}

.is-bamboo .footer__top {
    display: none
}

.campaign-page {
    padding-top: 2rem;
    overflow-x: hidden
}

.campaign-page .modal-button {
    display: none !important
}

.ui-dialog .campaign-page {
    padding-top: 0 !important
}

.ui-dialog .campaign-page .modal-button {
    display: inline-block !important
}

.ui-dialog .campaign-page .normal-button {
    display: none !important
}

.previous-next-button-container {
    padding-bottom: 1.25rem
}

.previous-next-button {
    border: solid 1px #b3b3b3;
    padding: .875rem;
    font-family: gotham, Sans-Serif;
    text-transform: uppercase;
    font-size: .875rem;
    text-decoration: none;
    color: #343a40;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 700
}

.previous-next-button:hover {
    border: solid 1px #b3b3b3;
    color: #fff;
    background-color: #343a40;
    text-decoration: none
}

.is-video-open #block-alertbartaiwan {
    display: none !important
}

.is-bamboo .ui-icon-closethick {
    display: none
}

.is-bamboo .owl-nav .owl-next,
.is-bamboo .owl-nav .owl-prev {
    text-indent: -3000px
}

.grid-button {
    background: 0 0;
    color: #fff
}



/*Video Container*/



.video-background-holder {
			position: relative;
			background-color: black;
			height: calc(100vh - 0px);
			min-height: 25rem;
			width: 100%;
			overflow: hidden;
			}
			
			.video-background-holder video {
			position: absolute;
			top: 50%;
			left: 50%;
			min-width: 100%;
			min-height: 100%;
			width: auto;
			height: auto;
			z-index: 0;
			-ms-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			}
			
			.video-background-content .img1{
			width:200px;
			}
			
			
			.video-background-content img{
			width: 140px;
			padding: 10px;
			}
			
			
			.video-background-content {
			position: relative;
			z-index: 2;
			}
			
			.video-background-overlay {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background-color: black;
			opacity: 0.5;
			z-index: 1;
			}
			
			.margin-top{
			margin-top: 0px;
			}
			
			
			@media screen and (max-width: 767px){
			.video-background-holder {
			position: relative;
			background-color: black;
			height: calc(14vh - 0px);
			min-height: 14rem;
			width: 100%;
			overflow: hidden;
			}
			
			.video-background-holder video{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			z-index: 0;
			-ms-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			}
			
			.margin-top{
			margin-top: 0px;
			}
			
			.display-4{
			font-size: 2.5rem;
			font-weight: 300;
			line-height: 1.2;
			}
			}
			.play { 
				  background: #95162f;;
				  border-radius: 50% / 10%;
				  color: #FFFFFF;
				  font-size: 2em; /* change this to change size */
				  height: 1.5em;
				  margin: 20px auto;
				  padding: 0;
				  position: relative;
				  text-align: center;
				  text-indent: 0.1em;
				  transition: all 150ms ease-out;
				  width: 2em;
				}