@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}

@font-face {
    font-family: "slick";
    src: url("../https-3.html\3A \2F \2F api\2E flotiq\2E com/fonts/slick.ttf");
}
body {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.5;
    color: #000;
    background-color: #ededed;
}

body a {
    color: #209e91;
    text-decoration: none;
}

body a:hover {
    color: #ff3334;
    text-decoration: none;
}

body h1 {
    font-size: 3em;
}

body h2 {
    font-size: 2em;
}

body h3 {
    font-size: 1.5em;
}

body h1,
body h2,
body h3,
body p,
body .menu {
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    white-space: normal;
    font-weight: 400;
    line-height: 1.5;
}

body {
    overflow-x: hidden;
}

.facebook {
    background: transparent url('social/facebook.png') top center no-repeat;
}

.linkedin {
    background: transparent url('social/linkedin.png');
}

.instagram {
    background: transparent url('social/instagram.png') top center no-repeat;
}

.twitter {
    background: transparent url('social/twitter.png');
}

.pinterest {
    background: transparent url('social/pinterest.png');
}

.whatsapp {
    background: transparent url('social/whatsapp.png');
}

.share-email {
    background: transparent url('social/email.png');
}

.share-download {
    background: transparent url('social/download.png' )  top center no-repeat;
}

.facebook,
.linkedin,
.instagram,
.twitter,
.pinterest,
.whatsapp,
.share-email,
.share-download {
    width: 46px;
    height: 46px;
    background-size: cover;
    background-color: transparent;
    margin: 2px 16px;
}

.helper-button {
    position: absolute;
    bottom: 1px;
    right: 20px;
    border: 1px solid red;
    border-radius: 20px;
    background: red;
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding: 4px 8px;
    cursor: pointer;
}

.helper-image {
    background: white;
    text-align: center;
}

.form-info {
    margin: 20px;
}

input,
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
    font-family: 'Ubuntu', sans-serif;
}

amp-img.img-responsive {
    min-width: 120px;
    max-width: 300px;
    min-height: 100px;
}

amp-lightbox {
    background: rgba(0, 0, 0, .4);
}

amp-lightbox .modal {
    display: block;
    padding-right: 15px;
}


.labels-left label {
    padding-top: 7px;
}

.editor-inline__container :last-child {
    margin-bottom: 0;
}

.parallax {
    background-attachment: fixed;
}

.divider {
    width: 100%;
    height: 0;
    padding: 0 0 0 0;
}

.navbar-nav {
    margin: 0 0;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    min-width: 50px;
    padding: 0 0 1px 0;
}

.mobile-header .menu-toggle {
    width: 1.3em;
    height: 1.3em;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
    margin: 0 auto;
    cursor: pointer;
}

.mobile-header .menu-toggle .menu-bar {
    width: 100%;
    height: 2px;
}

.mobile-header {
    display: none;
}

section [class^=col]>div>* {
    pointer-events: all;
}

.social-container a {
    display: inline-block;
}

.slick-track,
.slide-wrapper {
    display: flex;
    width: 100%;
}

.slick-track .slick-slide,
.slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
}

.slider {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slick-carousel-slide {
    width: 100%;
}

.slider .slick-carousel-slide {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.amp-carousel-button-next,
.amp-carousel-button-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.amp-carousel-button-next {
    right: 0;
}

.amp-carousel-button-prev {
    left: 0;
}

.amp-carousel-button-next:before,
.amp-carousel-button-prev:before {
    font-family: 'slick', 'Ubuntu', 'sans-serif';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-dots {
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
    z-index: 999;
}

.slider-control-button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    float: left;
    position: relative;
}

.slider-control-button:before {
    font-family: 'slick', 'Ubuntu', 'sans-serif';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .5;
    color: black;
    -webkit-font-smoothing: antialiased;
}

.slick-dots li button:before {
    opacity: .5;
}

.dots2 .slick-dots li button:before {
    font-size: 12px;
    content: '■';
}

.dots2 .slider-dots button:before {
    font-size: 9px;
    content: '■';
}

.dots3 .slick-dots li button:before,
.dots3 .slider-dots button:before {
    font-size: 12px;
    content: '◯';
}

.arrows1 .amp-carousel-button-next:before {
    content: '→';
}

.arrows1 .amp-carousel-button-prev:before {
    content: '←';
}

.slick-next,
.slick-prev {
    z-index: 5;
}

.arrows2 .slick-next:before,
.arrows2 .amp-carousel-button-next:before {
    content: '►';
}

.arrows2 .slick-prev:before,
.arrows2 .amp-carousel-button-prev:before {
    content: '◄';
}

.arrows3 .slick-next:before,
.arrows3 .amp-carousel-button-next:before {
    content: '〉';
}

.arrows3 .slick-prev:before,
.arrows3 .amp-carousel-button-prev:before {
    content: '〈';
}

.arrows4 .slick-next:before,
.arrows4 .amp-carousel-button-next:before {
    content: '';
    -webkit-mask-image: url('arrow-r.svg');
    mask-image: url('arrow-r.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position-x: right;
    mask-position: top right;
    background-color: #666666;
    background-size: 20px 20px;
    height: 50px;
    width: 30px;
    display: block;
}

.arrows4 .slick-prev:before,
.arrows4 .amp-carousel-button-prev:before {
    content: '';
    -webkit-mask-image: url('arrow-l.svg');
    mask-image: url('arrow-l.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position-x: left;
    mask-position: top left;
    background-color: #666666;
    background-size: 20px 20px;
    height: 50px;
    width: 30px;
    display: block;
}

@media(max-width: 768px) {
    .arrows4 .slick-next,
    .arrows4 .amp-carousel-button-next {
        height: 30px;
        width: 30px;
    }

    .arrows4 .slick-prev,
    .arrows4 .amp-carousel-button-prev {
        height: 30px;
        width: 30px;
    }

    .arrows4 .slick-next:before,
    .arrows4 .amp-carousel-button-next:before {
        height: 30px;
        width: 30px;
    }

    .arrows4 .slick-prev:before,
    .arrows4 .amp-carousel-button-prev:before {
        height: 30px;
        width: 30px;
    }

}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

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

.section-proxy .container {
    width: 100%;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.middle-spin {
    text-align: center;
    color: black;
}

.middle-spin p {
    padding: 5px;
}

.magento-products-container {
    min-height: 500px;
    text-align: center;
}

.magento-products-container.loaded {
    min-height: auto;
}

.magento-product-container {
    animation: fadein 1s;
    animation-fill-mode: both;
}

.magento-products-container .row>div:nth-child(2) .magento-product-container {
    animation-delay: .1s;
}

.magento-products-container .row>div:nth-child(3) .magento-product-container {
    animation-delay: .15s;
}

.magento-products-container .row>div:nth-child(4) .magento-product-container {
    animation-delay: .2s;
}

.magento-products-container .row>div:nth-child(5) .magento-product-container {
    animation-delay: .25s;
}

.magento-products-container .row>div:nth-child(6) .magento-product-container {
    animation-delay: .3s;
}

.magento-products-container .row>div:nth-child(7) .magento-product-container {
    animation-delay: .35s;
}

.magento-products-container .row>div:nth-child(8) .magento-product-container {
    animation-delay: .4s;
}

.magento-product-container img {
    margin: 0 auto 15px auto;
}

.magento-products-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #9c9c9c;
    border-color: #9c9c9c transparent #9c9c9c transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

.slick-slide:focus {
    outline: none;
}

.e-574600 section,
.e-501173 section,
.e-501766 section,
.e-239256 section,
.e-117173 section,
.e-495190 section,
.e-417436 section,
.e-899595 section,
.e-146402 section,
.e-835348 section {
    padding-top: 0;
    padding-bottom: 0;
}

.e-574600,
.e-932015,
.e-146402,
.e-835348,
.e-55470 {
    background-color: #fff;
}

.e-442631 .editor-inline__container {
    padding: 15px 15px 15px 15px;
    color: #fff;
    background-color: #ff3333;
    margin: 0 auto;
}

.e-101353 {
    padding: 25px 15px 15px 30px;
}

.e-101353 .amp-img-container amp-img,
.e-204791 .amp-img-container amp-img,
.e-625686 .amp-img-container amp-img,
.e-715507 .amp-img-container amp-img,
.e-485993 .amp-img-container amp-img,
.e-603354 .amp-img-container amp-img,
.e-475971 .amp-img-container amp-img,
.e-51788 .amp-img-container amp-img,
.e-552102 .amp-img-container amp-img,
.e-912939 .amp-img-container amp-img,
.e-297502 .amp-img-container amp-img,
.e-321324 .amp-img-container amp-img,
.e-672558 .amp-img-container amp-img,
.e-808745 .amp-img-container amp-img,
.e-144057 .amp-img-container amp-img {
    margin: 0 auto;
}

.e-101353 img,
.e-101353 amp-img {
    width: 200px;
}

.e-501173,
.e-236971,
.e-495190,
.e-417436,
.e-899595,
.e-805491 {
    background-color: #f4efe8;
}

.e-204791 {
    padding: 4% 15px 15px 15px;
}

.e-204791 img,
.e-204791 amp-img {
    width: 43px;
}

.e-362370 section,
.e-871906 section,
.e-559224 section,
.e-714769 section,
.e-192167 section,
.e-551576 section,
.e-68177 section {
    padding-top: 15px;
    padding-bottom: 15px;
}

.e-236971 section {
    padding-top: 10%;
    padding-bottom: 10%;
}

.e-33141 .editor-inline__container,
.e-76607 .editor-inline__container {
    padding: 15px 5% 15px 5%;
    color: #000;
    margin: 0 auto;
}

.e-845255 .editor-inline__container {
    padding: 15px 60px 30px 60px;
    color: #262523;
    margin: 0 auto;
}

.e-239256 {
    background-image: url('_media-5e5382608f3a7.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.e-625686 {
    padding: 80px 0 0 0;
}

.e-625686 img,
.e-625686 amp-img,
.e-715507 img,
.e-715507 amp-img,
.e-485993 img,
.e-485993 amp-img,
.e-603354 img,
.e-603354 amp-img,
.e-475971 img,
.e-475971 amp-img,
.e-51788 img,
.e-51788 amp-img,
.e-552102 img,
.e-552102 amp-img,
.e-912939 img,
.e-912939 amp-img,
.e-297502 img,
.e-297502 amp-img {
    width: 100%;
}

.e-351195 .editor-inline__container {
    padding: 18% 60px 30px 60px;
    color: #262523;
    margin: 0 auto;
}

.e-843933,
.e-29975 {
    text-align: center;
}



.e-427065 section {
    padding-top: 5%;
    padding-bottom: 3%;
}

.e-374696 .editor-inline__container {
    padding: 15px 15px 5px 15px;
    color: #262523;
    margin: 0 auto;
}

.e-945030 {
    padding: 15px 15px 15px 15px;
}

.e-945030 .share-button-container {
    text-align: center;
    padding: 0 0 0 0;
}

.e-945030 .share-button-container a.share-button {
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.share-button-loader {
    font-family: AgathaChristie;
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.share-modal-lightbox {
    font-family: AgathaChristie;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

.share-button-loader span {
    font-size: 4em;
    color: white;
    font-weight: 500;
}

.share-modal-lightbox h1 {
    color: white;
}

.share-modal-share-button a {
    background-color: #dc4e41;
    font-size: 2em;
    color: white;
    display: none;
}

.e-117173 {
    background-color: #55c1dd;
}

.e-933662 .slick-prev:before,
.e-933662 .slick-next:before,
.e-933662 .amp-carousel-button-prev:before,
.e-933662 .amp-carousel-button-next:before {
    color: #fff;
}

.e-933662 .arrows4 .slick-prev:before,
.e-933662 .arrows4 .slick-next:before,
.e-933662 .arrows4 .amp-carousel-button-prev:before,
.e-933662 .arrows4 .amp-carousel-button-next:before {
    background-color: #231f20;
}

.e-933662 .arrows4 .slick-prev.slick-disabled:before,
.e-933662 .arrows4 .slick-next.slick-disabled:before {
    background: transparent;
}

.e-933662 .slick-dots li button:before,
.e-933662 .slider-dots .slider-control-button:before {
    color: #192a3a;
}

.e-933662 .slider {
    min-height: 660.5px;
}

.e-715507,
.e-485993,
.e-603354,
.e-475971,
.e-51788,
.e-552102,
.e-912939,
.e-297502 {
    padding: 60px 30px 60px 30px;
}

.e-118236 .editor-inline__container,
.e-539610 .editor-inline__container,
.e-835466 .editor-inline__container {
    padding: 90px 80px 15px 80px;
    color: #262523;
    margin: 0 auto;
}

.e-653346 .editor-inline__container,
.e-332553 .editor-inline__container,
.e-368234 .editor-inline__container {
    padding: 15px 80px 0 80px;
    color: #262523;
    margin: 0 auto;
}

.e-896095 .editor-inline__container,
.e-231304 .editor-inline__container {
    padding: 15px 80px 20% 80px;
    color: #262523;
    margin: 0 auto;
}

.e-321324 {
    padding: 15px 15px 15% 15px;
}

.e-321324 img,
.e-321324 amp-img {
    width: 170px;
}

.e-312106 {
    text-align: center;
}



.e-672558 {
    padding: 300px 15px 15% 15px;
}

.e-672558 img,
.e-672558 amp-img {
    width: 50%;
}

.e-356536 {
    text-align: center;
}

.e-201400 .editor-inline__container {
    padding: 15px 80px 16% 80px;
    color: #262523;
    margin: 0 auto;
}


.e-805491 section {
    padding-top: 200px;
    padding-bottom: 15px;
}

.e-932015 section {
    padding-top: 3%;
    padding-bottom: 6%;
}

.e-419870 .editor-inline__container {
    padding: 60px 60px 60px 60px;
    color: #262523;
    margin: 0 auto;
}

.e-870156 .editor-inline__container {
    padding: 90px 0 15px 80px;
    color: #262523;
    background-color: #f4efe8;
    margin: 0 auto;
}

.e-185573 .editor-inline__container,
.e-589472 .editor-inline__container {
    padding: 15px 80px 0 80px;
    color: #262523;
    background-color: #f4efe8;
    margin: 0 auto;
}

.e-875080 .editor-inline__container,
.e-398615 .editor-inline__container {
    padding: 15px 80px 30% 80px;
    color: #262523;
    background-color: #f4efe8;
    margin: 0 auto;
}

.e-808745 {
    padding: 480px 15px 15% 15px;
}

.e-808746 {
    padding: 0 15px 15% 15px;
    margin: auto;
}

.e-808745 img,
.e-808745 amp-img,
.e-808746 img,
.e-808746 amp-img {
    width: 300px;
}

.e-633341 {
    background-color: #252525;
    text-align: center;
}

.e-636028 {
    text-align: center;
}

.e-144057 {
    padding: 0 15px 12% 15px;
    background-color: #252525;
}

.e-144057 img,
.e-144057 amp-img {
    width: 240px;
}

.e-408103 .editor-inline__container {
    padding: 90px 80px 15px 80px;
    color: #262523;
    background-color: #f4efe8;
    margin: 0 auto;
}

.e-55470 section {
    padding-top: 10%;
    padding-bottom: 12%;
}

.e-626033 section {
    padding-top: 9%;
    padding-bottom: 8%;
}

.e-626033 {
    background-color: #252525;
}

.e-908861 .editor-inline__container,
.e-420580 .editor-inline__container {
    padding: 15px 15px 15px 15px;
    color: #f6efe9;
    margin: 0 auto;
}

@media (min-width:992px) {
    .collapse {
        display: inline-block;
    }
}

@media (min-width:1200px) {

    .e-427065 section,
    .e-626033 section {
        padding-left: 15%;
        padding-right: 15%;
    }

    .e-417436 section,
    .e-899595 section,
    .e-146402 section,
    .e-835348 section,
    .e-495190 section,
    .footer-section {
        padding-left: 13%;
        padding-right: 13%;
    }
}

@media (min-width:992px) {
    .form-horizontal .control-label {
        text-align: left;
    }
    .section-row,
    .section-row .section-columns {
        display: flex;
    }
    .container-fluid .slick-carousel .slick-prev {
        left: -10px;
    }
    .container-fluid .slick-carousel .slick-next {
        right: -10px;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .section-row .section-columns .section-column {
        width: 100%;
        background-color: transparent;
    }
    .e-574600 section,
    .e-501173 section,
    .e-501766 section,
    .e-239256 section{
        padding-left: 0;
        padding-right: 0;
    }
    .e-362370 section,
    .e-236971 section,
    .e-871906 section,
    .e-805491 section,
    .e-932015 section,
    .e-68177 section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .e-117173 section {
        padding-left: 10.5%;
        padding-right: 10.5%;
    }
    .e-559224 section,
    .e-714769 section,
    .e-192167 section,
    .e-551576 section {
        padding-left: 9px;
        padding-right: 0;
    }
    .e-55470 section {
        padding-left: 16%;
        padding-right: 16%;
    }

    @media(max-width: 1200px) {
        .e-55470 section {
            padding-left: 10%;
            padding-right: 10%;
        }
    }
}

@media screen and (max-width:1200px) {
    .tablet-background {
        background: #ededed;
    }
}

@media screen and (max-width:768px) {
    .mobile-background {
        background: #ededed;
    }
}

@media (max-width:991px) {
    .mobile-header {
        display: inline-block;
    }
    .navbar-nav,
    .navbar-nav>li {
        float: none;
    }
}

@media (max-width:767px) {
    body h1 {
        font-size: 7vw;
    }
    body h2 {
        font-size: 6vw;
    }
    body h3 {
        font-size: 5vw;
    }
    .slick-carousel .slick-prev {
        left: 0;
    }
    .slick-carousel .slick-next {
        right: 0;
    }
    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
    }
}

@media screen and (max-width:400px) {
    #rc-imageselect,
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.font-section h3,
.font-section h2 {
    font-weight: 300;
    font-size: 40px;
}

.font-section p span {
    line-height: 2;
}

.font-section p span strong {
    font-weight: 600;
}

.custom-padding .container-fluid .section-columns {
    padding: 0;
}

.logo-column--left .section-0 .section-column,
.logo-column .section-1 .section-column,
.logo-column--left .section-2 .section-column,
.logo-column .section-3 .section-column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.e-417436 .container-fluid .row .section-0 {
    background-color: #fff;
}

.e-899595 .container-fluid .row .section-1 {
    background-image: url('_media-5e539f11d2441.jpg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.e-417436 .container-fluid .row .section-0,
.e-495190 .container-fluid .row .section-1 {
    background-color: #fff;
}

.dark-background.logo-column--left .section-0 .section-column,
.dark-background.logo-column .section-1 .section-column,
.dark-background.logo-column--left .section-2 .section-column {
    background-color: #252525;
}

.e-321324,
.e-312106,
.e-672558,
.e-356536,
.e-29975,
.e-808745,
.e-636028,
.e-144057,
.e-633341 {
    width: 100%;
}

.hero-section .section-columns {
    padding: 0;
}

.intro-video-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vw * 985 / 1815 - 70px);
}

@media screen and (max-device-width:800px) {
    .intro-video-wrapper {
        height: calc(100vw * 1080 / 1920 - 55px);
    }

    .e-204791 img, .e-204791 amp-img {
        width: 28px
    }
}

video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: -100;
    background-size: cover;
    transition: 1s opacity;
    background-color: black;
}

video::cue(i){
    color: yellow;
}

.video-controls .video-controls__control-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: none;
    font-size: 1.3rem;
    color: black;
    background-color: transparent;
    cursor: pointer;
}

.video-controls .video-controls__control-button img {
    height: 70px;
}

/*  {
    
    .video-controls {
        display: none;
    }
    #bgvid {
        display: none;
    }

    .intro-video-wrapper {
        height: 100vh;
        margin-bottom: -70px;
    }

    video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }
} */

.partners-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.partners-wrapper .partner-logo {
    flex-basis: calc(25% - 30px);
    margin: 1%;
    text-align: center;
}

@media(max-width:992px) {
    .partners-wrapper .partner-logo {
        flex-basis: calc(50% - 16px);
        margin: 7px;
    }
}

.partners-wrapper .partner-logo img {
    width: 100%;
    max-width: 256px;
}

/* Top Bar */

.top-bar-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

@media(max-width:768px) {
    .top-bar-wrapper {
        flex-wrap: wrap;
    }
}

.top-bar-wrapper .top-bar__column {
    flex-basis: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6vw;
}

@media(max-width:992px) {
    .top-bar-wrapper .top-bar__column {
        flex-basis: 50%;
    }
    .top-bar-wrapper .top-bar__column:first-child {
        display: none;
    }
}

@media(max-width:768px) {
    .top-bar-wrapper .top-bar__column {
        flex-basis: 100%;
        height: 90px;
    }
}

.top-bar-wrapper .top-bar__column--hashtag {
    width: 60%;
    background-color: #ff3333;
}

.top-bar-wrapper .top-bar__column--hashtag a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.top-bar-wrapper .top-bar__column--hashtag a:hover {
    text-decoration: none;
}

.top-bar-wrapper .top-bar__column--hashtag h1 {
    color: white;
    text-transform: uppercase;
    font-size: 2.5vw;
    font-weight: 700;
}

@media(max-width:768px) {
    .top-bar-wrapper .top-bar__column--hashtag h1 {
        font-size: 7.5vw;
    }
}

.top-bar-wrapper .top-bar__column--logo {
    justify-content: flex-start;
    padding: 0 40px;
    box-sizing: border-box;
}

@media(max-width:768px) {
    .top-bar-wrapper .top-bar__column--logo {
        justify-content: center;
    }
}

.top-bar-wrapper .top-bar__column--logo img {
    width: 55%;
}

@media(max-width:768px) {
    .top-bar-wrapper .top-bar__column--logo img {
        height: 60%;
        width: auto;
    }
}

/* Footer */

.footer-section {
    background-color: #f4efe8;
    padding-bottom: 15%;
}

@media(min-width: 768px) {
    .footer-section {
        padding-bottom: 0;
    }
}

.footer-section {
    padding-left: 13%;
    padding-right: 13%;
}

.footer-section .footer-row {
    display: flex;
    padding: 50px 0 90px 0;
}

@media(max-width: 1200px) {
    .footer-section .footer-row {
        flex-wrap: wrap;
    }
}

.footer-section .footer-row .footer-col {
    display: flex;
    align-items: flex-start;
}

@media(max-width: 1200px) {
    .footer-section .footer-row .footer-col {
        margin-bottom: 50px;
    }
}

.footer-section .footer-row .footer-col.footer-col--left {
    flex-basis: 60%;
    justify-content: flex-start;
    align-items: center;
}

.footer-section .footer-row .footer-col.footer-col--right {
    flex-basis: 40%;
    justify-content: flex-end;
}

@media(max-width: 1200px) {
    .footer-section .footer-row .footer-col.footer-col--left,
    .footer-section .footer-row .footer-col.footer-col--right {
        flex-basis: 100%;
        justify-content: center;
    }
}

.footer-section .footer-row .footer-menu {
    color: #252525;
    font-size: 16px;
}

@media(max-width: 1200px) {
    .footer-section .footer-row .footer-menu {
        text-align: center
    }
}

.footer-section .footer-row .footer-menu a {
    color: #252525;
    font-size: 12px;
    transition: text-decoration .2s;
}

@media (min-width: 768px) {
    .footer-section .footer-row .footer-menu a {
        font-size: 15px;
    }
}

@media(max-width: 400px) {
    .footer-section .footer-row .footer-menu a {
        font-size: 12px;
    }
}

.footer-section .footer-row .footer-menu a:hover {
    text-decoration: underline;
}

.footer-section .footer-row img {
    width: 300px;
}

@media(max-width: 768px) {
    .footer-section .footer-row img {
        width: 75%;
    }
}

/* Font tiles section */

.font-selector {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media(max-width: 1200px) {
    .font-selector {
        justify-content: center;
    }
}

@media(max-width: 768px) {
    .font-selector {
        padding: 0 30px;
    }
}

.font-selector .btn.btn--square {
    width: 100%;
    margin: 0;
    height: 54px;
    font-size: 20px;
    display: flex !important;
    align-items: center;
}

@media(min-width: 768px) {
    .font-selector .btn.btn--square {
        display: none !important;
    }
}

.font-selector .btn.btn--square:after {
    width: 24px;
    height: 24px;
    top: 14px;
    right: 14px;
}

@media(max-width: 470px) {
    .font-selector .btn.btn--square {
        font-size: 16px;
    }

    .font-selector .btn.btn--square:after {
        width: 18px;
        height: 18px;
        top: 18px;
        right: 14px;
    }
}

@media(max-width: 400px) {
    .font-selector .btn.btn--square {
        font-size: 14px;
    }

    .font-selector .btn.btn--square:after {
        width: 16px;
        height: 16px;
        top: 18px;
        right: 12px;
    }
}

.font-selector .font-tile {
    flex-basis: calc(50% - 40px);
    display: flex;
    position: relative;
    max-width: 700px;
    margin: 20px;
    min-width: 380px;
    cursor: pointer;
}

@media(max-width: 1200px) {
    .font-selector .font-tile {
        max-width: 390px;
    }
}

@media(max-width: 992px) {
    .font-selector .font-tile {
        flex-basis: 100%;

    }
}

@media(max-width: 768px) {
    .font-selector .font-tile {
        flex-basis: 100%;
        margin: 0;
        min-width: 260px;
        max-width: 100%;
    }
}

.font-selector .font-tile.font-tile--selected:after,
.font-selector .font-tile[selected] {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 5px solid black;
    pointer-events: none;
}

@media(max-width: 768px) {
    .font-selector .font-tile.font-tile--selected:after,
    .font-selector .font-tile[selected] {
        border: none;
    }
}

.font-selector .font-tile__image {
    flex-basis: 40%;
}

.font-selector .font-tile__content {
    flex-basis: 70%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 7% 20px 8% 20px;
}

@media(max-width: 1200px) {
    .font-selector .font-tile__content {
        padding: 5% 20px 8% 20px;
    }


}

@media(max-width: 768px) {
    .font-selector .font-tile__image,
    .font-selector .font-tile__content {
        flex-basis: auto;
        flex-grow: 1;
        align-items: flex-start;
        padding: 0;
    }

    .font-selector .font-tile__content {
        flex-basis: 100%;
    }

    .font-selector .font-tile.font-tile--selected .font-tile__content,
    .font-selector .font-tile[selected] .font-tile__content {
        background-color: transparent;
    }
}


/*        font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));        */

.font-selector .font-tile[data-font-name="AgathaChristie"] .font-tile__name {
    font-family: 'AgathaChristie', Sans-Serif;
    font-size: calc(30px + (50 - 30) * ((100vw - 1200px) / (1920 - 1200)));
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="AgathaChristie"] .font-tile__name {
        font-size: 36px;
    }

    .font-selector .font-tile[data-font-name="AgathaChristie"] .font-tile__content {
        padding: 3% 20px 8% 20px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="AgathaChristie"] .font-tile__name {
        margin-top: 5px;
    }
}

.font-selector .font-tile[data-font-name="Hadid"] .font-tile__name {
    font-family: 'Hadid', Sans-Serif;
    font-size: calc(34px + (50 - 34) * ((100vw - 1200px) / (1920 - 1200)));
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="Hadid"] .font-tile__name {
        font-size: 36px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="Hadid"] .font-tile__name {
        margin-top: 7px;
    }
}

.font-selector .font-tile[data-font-name="Pankhurst"] .font-tile__name {
    font-family: 'Pankhurst', Sans-Serif;
    font-size: calc(28px + (50 - 28) * ((100vw - 1200px) / (1920 - 1200)));
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="Pankhurst"] .font-tile__name {
        font-size: 30px;
    }

    .font-selector .font-tile[data-font-name="Pankhurst"] .font-tile__content {
        padding: 6% 20px 8% 20px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="Pankhurst"] .font-tile__name {
        margin-top: 12px;
    }
}

.font-selector .font-tile[data-font-name="Nightingale"] .font-tile__name {
    font-family: 'Nightingale', Sans-Serif;
    font-size: calc(26px + (46 - 26) * ((100vw - 1200px) / (1920 - 1200)));
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="Nightingale"] .font-tile__name {
        font-size: 26px;
    }

    .font-selector .font-tile[data-font-name="Nightingale"] .font-tile__content {
        padding: 8% 20px 8% 20px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="Nightingale"] .font-tile__name {
        margin-top: 12px;
    }
}

.font-selector .font-tile[data-font-name="Bronte"] .font-tile__name {
    font-family: 'Bronte', Sans-Serif;
    font-size: calc(28px + (54 - 28) * ((100vw - 1200px) / (1920 - 1200)));
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="Bronte"] .font-tile__name {
        font-size: 30px;
    }

    .font-selector .font-tile[data-font-name="Bronte"] .font-tile__content {
        padding: 6% 20px 8% 20px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="Bronte"] .font-tile__name {
        margin-top: 10px;
    }
}

.font-selector .font-tile[data-font-name="Coutts"] .font-tile__name {
    font-family: 'Coutts', Sans-Serif;
    font-size: calc(30px + (54 - 30) * ((100vw - 1200px) / (1920 - 1200)));
    line-height: 1;
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="Coutts"] .font-tile__name {
        font-size: 30px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="Coutts"] .font-tile__name {
        margin-top: 19px;
    }
}

.font-selector .font-tile[data-font-name="Seacole"] .font-tile__name {
    font-family: 'Seacole', Sans-Serif;
    font-size: calc(30px + (54 - 30) * ((100vw - 1200px) / (1920 - 1200)));
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="Seacole"] .font-tile__name {
        font-size: 30px;
    }

    .font-selector .font-tile[data-font-name="Seacole"] .font-tile__content {
        padding: 6% 20px 8% 20px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="Seacole"] .font-tile__name {
        margin-top: 12px;
    }
}

.font-selector .font-tile[data-font-name="Somerville"] .font-tile__name {
    font-family: 'Somerville', Sans-Serif;
    font-size: calc(28px + (54 - 28) * ((100vw - 1200px) / (1920 - 1200)));
    line-height: 1;
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile[data-font-name="Somerville"] .font-tile__name {
        font-size: 30px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile[data-font-name="Somerville"] .font-tile__name {
        margin-top: 21px;
    }
}

.font-selector .font-tile__content .font-tile__name {
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
}

@media(min-width: 768px) and (max-width: 1200px) {
    .font-selector .font-tile__content .font-tile__name {
        font-size: 36px;
    }
}

@media(max-width: 768px) {
    .font-selector .font-tile__content .font-tile__name {
        flex-direction: row;
        margin-left: 10px;
        font-size: 32px !important;
    }
}

@media(max-width: 380px) {
    .font-selector .font-tile__content .font-tile__name {
        flex-direction: row;
        margin-left: 10px;
        font-size: 25px !important;
    }
}

.font-selector .font-tile__content .font-tile__name span {
    display: block;
}

@media(max-width: 768px) {
    .font-selector .font-tile__content .font-tile__name span {
        display: inline-block;
        margin-left: 10px;
    }
}

.font-selector .font-tile__content .font-tile__button {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    font-size: 16px;
    padding: 15px 50px 15px 30px;
}

@media(max-width: 1400px) {
    .font-selector .font-tile__content .font-tile__button {
        text-transform: uppercase;
        font-weight: 600;
        margin: 0;
        font-size: 14px;
        padding: 10px 40px 10px 20px;
    }
}

.font-selector .font-tile__content .font-tile__button.btn--download:after {
    top: 17px;
    right: 15px;
    height: 18px;
}

@media(max-width: 1400px) {
    .font-selector .font-tile__content .font-tile__button.btn--download:after {
        top: 13px;
        right: 10px;
        height: 14px;
    }
}

.font-selector .font-tile.font-tile--selected .font-tile__button,
.font-selector .font-tile[selected] .font-tile__button {
    background-color: #ff3333;
    box-shadow: 2px 4px #ebe7dc;
}

.font-selector .font-tile .font-tile__download-disclaimer {
    display: none;
    position: absolute;
    bottom: 10px;
    font-size: 12px;
}

.font-selector .font-tile.font-tile--selected .font-tile__download-disclaimer,
.font-selector .font-tile[selected] .font-tile__download-disclaimer {
    display: block;
}

/* Buttons */

.btn {
    padding: 15px 60px 15px 30px;
    font-size: 16px;
    border-radius: 35px;
    border-width: 0;
    background-color: #55C1DD;
    color: #231f20;
    transition: background-color .2s ease-out;
    margin: 10px;
    position: relative;
    font-weight: 600;
}

.btn:after {
    content: "";
    position: absolute;
    right: 19px;
    top: 19px;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(arrow-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.btn--square {
    border-radius: 0;
}

.btn.long-button {
    padding: 15px 6.6vw 15px 3.5vw;
    margin: 7px 0 32px 0;
}

.btn.btn--download:after {
    background-image: url(download-icon.png);
    top: 16px;
}

.btn.btn--square:after {
    background-image: none;
}

@media (max-width: 1500px) {
    .btn.btn--download:after {
        width: 16px;
        top: 14px;
        right: 14px;
    }
}

@media (max-width: 768px) {
    .btn {
        padding: 10px 40px 10px 20px;
        font-size: 12px;
    }

    .btn.btn--download:after {
        right: 14px;
        top: 12px;
    }

    .btn:after {
        width: 16px;
        height: 16px;
    }
}

.btn:active {
    background-color: #FF3334
}

.btn.long-button:active {
    background-color: #FF3334
}

@media (max-width:768px) {
    .btn {
        padding: 10px 40px 10px 20px;
        font-size: 14px;
    }

    .btn:after {
        right: 14px;
        top: 15px;
        width: 16px;
        height: 16px;
    }
}
/* ------- Share Section ---------------- */
.e-871906 {
    background-color: #252525;
    color: white;
}


.e-871906 .share-text-width-limiter {
    max-width: 100vmin;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.e-871906 .share-text {
    width: 100%;
    height: 100%;
    max-height: 100vmin;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}


.e-871906 textarea::placeholder {
    color: black;
}
.e-871906 textarea.share-text-social {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: auto;
    right: auto;
    bottom: 0;
    
    max-width: 100vmin;
    max-height: 100vmin;

    overflow: hidden;
    font-size: 10vmin;
    line-height: 1.1;

    color: black;

    padding: 5% 5% 15%;

    margin-bottom: 10px;

    background-image: url(share-section/AGATHA-CHRISTIE.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e6e3d8
}

.e-871906 textarea.share-text-social--AgathaChristie {
    font-family: AgathaChristie;
    background-image: url(share-section/AGATHA-CHRISTIE.jpg);
}

.e-871906 textarea.share-text-social--Hadid {
    font-family: Hadid;
    background-image: url(share-section/ZAHA-HADID.jpg);
    font-size: 10.2vmin;
}

.e-871906 textarea.share-text-social--Pankhurst {
    font-family: Pankhurst;
    background-image: url(share-section/EMMELINE-PANKHURST.jpg);
    font-size: 10.2vmin;
    line-height: 0.95;
}

.e-871906 textarea.share-text-social--Nightingale {
    font-family: Nightingale;
    background-image: url(share-section/FLORENCE-NIGHTINGALE.jpg);
    line-height: 0.9;
}

.e-871906 textarea.share-text-social--Bronte {
    font-family: Bronte;
    background-image: url(share-section/CHARLOTTE-BRONTE.jpg);
    line-height: 1;
}

.e-871906 textarea.share-text-social--Coutts {
    font-family: Coutts;
    background-image: url(share-section/ANGELA-BURDETT-COUTTS.jpg);
    font-size: 10.1vmin;
}

.e-871906 textarea.share-text-social--Seacole {
    font-family: Seacole;
    background-image: url(share-section/MARY-SEACOLE.jpg);
    font-size: 9.6vmin;
    line-height: 0.8;
}

.e-871906 textarea.share-text-social--Somerville {
    font-family: Somerville;
    background-image: url(share-section/MARY-SOMERVILLE.jpg);
    line-height: 0.8;
    font-size: 9.5vmin;
}

.share-disclaimer {
    font-style: italic;
    font-size: 15px;
    max-width: 100vmin;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    text-align: center;
    padding: 5px 0 0 0;
}

.share-disclaimer a,
.share-disclaimer a:visited,
.share-disclaimer a:focus{
    color: inherit;
    text-decoration: underline;
}

.share-disclaimer label {
    text-align: left;
    font-size: 15px;
    font-weight: inherit;
    display: block;

    margin-top: 10px;

    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 500px;

    padding-left: 30px;
}

.share-disclaimer input {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 3px;
}

.share-disclaimer__tos-error {
    color: #d11837;
    display: block;
    position: relative;
    left: 30px;
}
.share-disclaimer__tos-error[hidden] {
    display: none
}

.share-button-container h2 {
    font-size: 45px;
    font-weight: 300;
    margin-top: 1em;
}

@media(max-width: 992px) {
    .e-843933, .e-312106, .e-356536, .e-636028, .e-633341 {
        padding-bottom: 65px;
        padding-top: 20px;
    }

    .logo-column .editor-inline__container,
    .logo-column--left .editor-inline__container{
        text-align: center;
    }

    .e-672558 img, .e-672558 amp-img {
        width: 50%;
    }

    .e-672558 {
        padding: 222px 15px 20% 15px;
    }
    .e-144057 {
        padding: 40% 15px 40% 15px;
    }

    .e-808745 {
        padding: 93% 15px 10% 15px;
    }

    .e-808746 {
        padding: 30% 15px 15% 15px;
    }

    .e-29975 {
        max-height: 843px;
    }

    #pageButton-831824 {
        margin: 55% 10px;
    }

    .e-870156 .editor-inline__container {
        padding: 90px 0 15px 0;
    }


    .e-118236 .editor-inline__container h2,
    .e-539610 .editor-inline__container h2,
    .e-835466 .editor-inline__container h2 {
        margin: 0 auto;
    }
}


@media(max-width: 768px) {
    .e-33141 .editor-inline__container {
        padding: 15px 12% 15px 12%;
    }
    .e-845255 .editor-inline__container {
        padding: 35px 60px 30px 60px;
    }
    #pageText-625016 span {
        font-size: 3vw !important;
        line-height: 1.4 !important;
    }
    .font-section h3, .font-section h2 {
        font-size: 7vw;
        line-height: 1.2;
    }

    .e-896095 .editor-inline__container,
    .e-231304 .editor-inline__container,
    .e-201400 .editor-inline__container,
    .e-875080 .editor-inline__container,
    .e-398615 .editor-inline__container {
        padding: 15px 15% 70px 15%;
    }
    .e-896095 .editor-inline__container span,
    .e-231304 .editor-inline__container span,
    .e-201400 .editor-inline__container span,
    .e-875080 .editor-inline__container span,
    .e-398615 .editor-inline__container span {
        font-size: calc(10px + 1vw) !important;
    }

    .e-653346 .editor-inline__container span,
    .e-332553 .editor-inline__container span,
    .e-368234 .editor-inline__container span,
    .e-185573 .editor-inline__container span,
    .e-589472 .editor-inline__container span {
        font-size: calc(12px + 1vw) !important;
    }

    .e-805491 {
        display: none;
    }

    .e-871906 section {
        padding-top: 0;
    }

    .e-945030 {
        padding-top: 0;
    }

    .share-text-container {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: 30px;
        
    }

    .e-945030 .share-button-container h2 {
        font-size: 32px;
        margin-bottom: 15px;
    }

}

@media (max-width:992px) {
    .logo-column--left .section-row {
        display: flex;
        flex-direction: column;
    }
    .logo-column--left .section-row .section-0 {
        order: 2;
    }
    .logo-column--left .section-row .section-1 {
        order: 1;
    }

    .logo-column--right .section-row {
        display: flex;
        flex-direction: column;
    }
    .logo-column--right .section-row .section-0 {
        order: 2;
    }
    .logo-column--right .section-row .section-1 {
        order: 1;
    }
}

.e-945030 .share-button-container a.share-button:focus, #pageButton-125089:focus, #pageButton-831824:focus, #pageButton-463700:focus, #pageButton-508175:focus {
    outline-color: white;
    outline-offset: 4px;
}

.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f4efe8;
    padding:  20px 30px;
    z-index: 1;
}

.cookie-popup-header {
    font-weight: 300;
    padding-bottom: 15px;
    font-size: 26px;
}

.cookie-popup-text {
    font-size: 14px;
    line-height: 1.8;
    max-width: 1000px;
}

.cookie-popup a {
    color: #000000;
}

.cookie-popup-text a {
    text-decoration: underline;
}

.cookie-popup a:hover {
    color: #231f20;
}

.cookie-consent, .cookie-preferences, .cookie-opt-out {
    padding: 10px 10px;
    width: 300px;
    max-width: 100%;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    margin: 30px 20px 0 0;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
}

.cookie-consent {
    background: #ff3333;
}

.cookie-popup .cookie-opt-out {
    background-color: #434343;
    color: white;
}

.cookie-popup .cookie-opt-out:hover{
    color: white;
}

.cookie-preferences {
    background: #55C1DD;
}

@media (max-width:768px) {
    .cookie-popup {
        padding: 10px 15px 20px 15px;
    }

    .cookie-popup-header {
        font-size: 20px;
    }

    .cookie-popup-text {
        font-size: 12px;
    }
}

.british-council-background {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0)), url('_P1D1206.JPG');
    background-size: cover;
    background-position: center;
}

.visit-britain-background {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0)), url('Layer 4.png');
    background-size: cover;
    background-position: center;
}

span.btn.btn--square {
    pointer-events: none;
}