#slider-wrapper{position:relative;width:100%;margin-top:-110px}
#slider-outer-container{position:relative;width:100%;height:100vh;overflow:hidden}
#slider-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.slider-left,.slider-right{position:absolute;width:21px;height:33px;left:20px;top:0;bottom:0;margin:auto 0;align-items:center;justify-content:center;cursor:pointer;z-index:10}
.slider-right{left:unset;right:20px}
.flick-slider,.slide-container,.slide-photo{width:100%}
.flick-slider{width:100%;height:100%}
.slide-container{position:relative}
.slide-photo{position:relative;z-index:1}
.slide-photo > picture{display:block;position:relative;width:100%;padding-bottom:100vh;overflow:hidden;border:1px solid #E9E9E9}
.slide-photo > picture img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
#logo-side{position:absolute;width:131px;height:245px;top:0;left:20px;bottom:0;margin:auto 0;z-index:30}
.slide-caption-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.2)}
.slide-caption-container{position:relative;width:100%;text-align:center}
.slide-caption-title{font:var(--f100b);color:#fff;text-shadow:0 4px rgba(0, 0, 0, 0.25)}
.slide-caption-title2{font:var(--f30r);color:#fff;margin-top:10px;text-shadow:0 4px rgba(0, 0, 0, 0.25)}
.slide-caption-link{display:inline-block;margin-top:32px;padding:15px 40px;background-color:#262626;font:var(--f18b);color:#fff}
.flick-slider .flickity-page-dots{bottom:30px}
.banners-container1{position:relative;width:100%;margin-top:20px}
.banners-photo1-container{position:relative;width:100%}
.banners-photo1{display:block;position:relative;width:100%;padding-bottom:28.22%;overflow:hidden}
.banners-container8{position:relative;width:100%}
.banners-photo8-container{position:relative;width:100%}
.banners-photo8{display:block;position:relative;width:100%;padding-bottom:29.16%;overflow:hidden;z-index:1}
.banners-photo8-caption-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;align-items:center;justify-content:center}
.banners-photo8-caption-container{display:inline-block;text-align:center;padding:25px 10%;background-color:rgba(255,255,255,0.9)}
.banners-photo8-caption-title{font:var(--f35b);color:#262626;text-transform:uppercase}
.banners-photo8-caption-link{display:inline-block;margin-top:8px;font:var(--f18r);color:#808080;text-decoration:underline}
#frontBestsellers-container{margin-top:90px;width:100%;padding:0 40px}
#frontBestsellers-h2{font:var(--f32b);color:#262626;text-transform:uppercase;text-align:center;margin-bottom:46px;letter-spacing:7px}
.banners-outer-wrapper27{margin-top:80px;padding:0 20px}
#banners-outer-wrapper27-h2{position:relative;text-align:center}
#banners-outer-wrapper27-h2 > span{display:inline-block;font:var(--f32b);color:#262626;text-transform:uppercase;letter-spacing:7px}
.banners-wrapper27{margin-top:25px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:20px}
.banners-wrapper27 > li:nth-child(1){grid-area:1 / 1 / 2 / 3}
.banners-wrapper27 > li:nth-child(2){grid-area:1 / 3 / 2 / 7}
.banners-wrapper27 > li:nth-child(3){grid-area:1 / 7 / 2 / 9}
.banners-wrapper27 > li:nth-child(4){grid-area:2 / 1 / 3 / 5}
.banners-wrapper27 > li:nth-child(5){grid-area:2 / 5 / 3 / 7}
.banners-wrapper27 > li:nth-child(6){grid-area:2 / 7 / 3 / 9}
.banners-photo27-container{position:relative;width:100%;height:100%}
.banners-photo27{display:block;position:relative;width:100%;overflow:hidden;border:1px solid #f8f8f8;border-radius:10px;height:100%;z-index:1}
.banners-photo27-caption{position:absolute;width:100%;left:12px;bottom:15px;z-index:2;font:var(--f22b);color:#fff;text-align:left;text-shadow:1px 1px 4px #565656}
.banners-photo27.ratio1{padding-bottom:99.41%}
.banners-photo27.ratio2{padding-bottom:48.5%}
.banners-photo27.ratio3{padding-bottom:99.41%}
.banners-photo27.ratio4{padding-bottom:48.5%}
.banners-photo27.ratio5{padding-bottom:99.41%}
.banners-photo27.ratio6{padding-bottom:99.41%}
#favourites-suggested-wrapper{margin-top:50px;width:100%}
#favourite-designs-wrapper{width:50%;background-color:#E8E0D4;padding:40px 3%;text-align:center}
#frontSuggested-container{position:relative;width:50%;padding:40px 6%;text-align:center;border:1px solid #DEDEDE}
#favourite-designs-h2,#frontSuggested-h2{font:var(--f28b);color:#262626;text-transform:uppercase;letter-spacing:3px}
#frontSuggested-h2{margin-bottom:40px}
#favourite-designs-smallDesc{margin:15px auto 0;font:var(--f17r);line-height:1.2;color:#5D5D5D;max-width:550px}
#favourite-designs-container{margin-top:25px;padding-bottom:40px}
.favourite-designs,.favourite-designs-slide{width:100%}
.favourite-designs-slide > a{position:relative;width:100%}
.favourite-designs-photo{position:relative;width:100%;padding-bottom:67.5%;overflow:hidden}
.flick-suggested-left,.flick-suggested-right{position:absolute;width:19px;height:30px;left:30px;top:0;bottom:0;margin:auto 0;align-items:center;justify-content:center;cursor:pointer;z-index:10}
.flick-suggested-right{left:unset;right:30px}
#frontSuggested{position:relative;width:100%}
.frontSuggested-slide{position:relative;width:100%}
#front-contact-wrapper{margin-top:40px;width:100%;background-color:#F3F3F3;padding:65px 20px 50px}
#front-contact-container{position:relative;max-width:950px;margin:0 auto;border-left:1px solid #CDCDCD;border-right:1px solid #CDCDCD;border-bottom:1px solid #CDCDCD}
#front-contact-form-hTitle{position:absolute;width:100%;top:-13px;left:0;text-align:center}
#front-contact-form-hTitle:before{content:'';position:absolute;width:100%;height:1px;left:0;top:0;bottom:0;margin:auto 0;background-color:#CDCDCD}
#front-contact-form-hTitle > span{position:relative;z-index:1;display:inline-block;padding:0 60px;background-color:#F3F3F3;font:var(--f28b);color:#262626;text-transform:uppercase;letter-spacing:3px}
#front-contact-form-hTitle2{padding:35px 20px 0;font:var(--f16l);color:#262626;line-height:1.2;text-align:center}
#front-contact-form-hTitle3{margin-top:20px;font:var(--f16l);color:#262626;text-align:center;padding:0 20px}
#front-contact-form{margin-top:30px;display:flex;width:100%;padding:0 40px 30px}
.front-contact-left{width:52%;padding-right:5px}
.front-contact-right{width:48%;padding-left:5px}
.front-contact-col{margin-top:10px;width:100%}
.front-contact-col.flex{align-items:center}
.front-contact-col-fullWidth{width:100%}
.front-contact-input{position:relative;font:var(--f16r);color:#262626;width:100%;height:60px;background:#fff;padding:0 15px;border:1px solid #CFCFCF;outline:none}
.front-contact-textarea{position:relative;font:var(--f16r);color:#262626;width:100%;height:200px;background:#fff;padding:15px;border:1px solid #CFCFCF;outline:none;resize:none}
.front-contact-input:focus,.front-contact-textarea:focus{border:1px solid #565656}
.front-contact-input::-webkit-input-placeholder,.front-contact-textarea::-webkit-input-placeholder{text-transform:uppercase;color:#ADADAD}
.front-contact-input:-moz-placeholder,.front-contact-textarea::-moz-placeholder{text-transform:uppercase;color:#ADADAD}
.front-contact-input::-moz-placeholder,.front-contact-textarea::-moz-placeholder{text-transform:uppercase;color:#ADADAD}
.front-contact-input:-ms-input-placeholder,.front-contact-textarea::-ms-input-placeholder{text-transform:uppercase;color:#ADADAD}
.front-contact-label-wrapper{width:52%;padding-right:5px}
.front-contact-label-container{display:inline-flex}
.front-contact-label{display:block;position:relative;cursor:pointer;font-size:14px;font-weight:300;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.front-contact-label-link{display:block;font:var(--f16l);color:#262626;line-height:24px;padding-left:35px}
.front-contact-label input{position:absolute;opacity:0;cursor:pointer}
.front-contact-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #bababa}
.front-contact-label:hover input ~ .front-contact-checkmark{border:1px solid #bf0f1e}
.front-contact-label input:checked ~ .front-contact-checkmark{border:1px solid #4b4b4b;background-color:#4b4b4b}
.front-contact-checkmark:after{content:"";position:absolute;display:none}
.front-contact-label input:checked ~ .front-contact-checkmark:after{display:block}
.front-contact-label .front-contact-checkmark:after{left:8px;top:3px;width:5px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.front-contact-submit-col{width:48%;padding-left:5px}
.front-contact-submit-outer{text-align:center}
#front-contact-submit{outline:0;border:none;position:relative;width:100%;font:var(--f18r);color:#fff;background-color:#262626;text-transform:uppercase;padding:18px 50px;cursor:pointer}
#front-contact-submit:hover{background-color:#424242;color:#fff}

@media (min-width:1200px) {

}
@media (max-width:1199px) {
    #slider-wrapper{margin-top:0}
    #frontBestsellers-container{margin-top:40px;padding:0 20px}
    #frontBestsellers-h2{margin-bottom:26px}
    .banners-outer-wrapper27{margin-top:40px}
    .banners-wrapper27{grid-column-gap:10px;grid-row-gap:10px}
    #favourites-suggested-wrapper{margin-top:40px}
    #favourite-designs-wrapper{width:100%;padding:30px 20px}
    #frontSuggested-container{width:100%;padding:30px 15%}
    #frontSuggested-h2{margin-bottom:25px}
    .banners-photo8{padding-bottom:35%}
    .slide-caption-title{font:var(--f80b);color:#fff;text-shadow:0 4px rgba(0, 0, 0, 0.25)}
    .slide-caption-title2{font:var(--f24r);color:#fff;margin-top:10px;text-shadow:0 4px rgba(0, 0, 0, 0.25)}
}
@media (max-width:764px) {
    #slider-wrapper{margin-top:0}
    .slide-caption-title{font:var(--f40b);color:#fff;text-shadow:0 4px rgba(0, 0, 0, 0.25)}
    .slide-caption-title2{font:var(--f19r);color:#fff;margin-top:10px;text-shadow:0 4px rgba(0, 0, 0, 0.25)}
    .banners-photo1{padding-bottom:135.5%}
    #frontBestsellers-container{padding:0 10px}
    .banners-wrapper27{margin-top:25px;display:block}
    .banners-outer-wrapper27{padding:0 10px}
    .banners-wrapper27 > li{margin-top:20px}
    .banners-wrapper27 > li:first-child{margin-top:0}
    .banners-photo8{padding-bottom:85%}
    #front-contact-wrapper{padding:20px 20px 20px}
    #front-contact-container{border-top:1px solid #CDCDCD}
    #front-contact-form{margin-top:30px;display:flex;width:100%;padding:0 20px 20px}
    #front-contact-form-hTitle{position:relative;width:100%;top:0;left:0;text-align:center;margin-top:20px}
    #front-contact-form-hTitle:before{display:none}
    #front-contact-form-hTitle2{padding:15px 20px 0}
    .front-contact-left{width:100%;padding-right:0}
    .front-contact-right{width:100%;padding-left:0}
    .front-contact-label-wrapper{width:100%;padding-right:0}
    .front-contact-submit-col{width:100%;padding-left:0;margin-top:20px}
}