@font-face{font-family:GothamBold;src:url(/cdn/shop/t/24/assets/GothamBold.ttf?v=88103098662638377471573745227) format("truetype")}@font-face{font-family:GothamLight;src:url(/cdn/shop/t/24/assets/GothamLight.ttf?v=117420441387433981231573745229) format("truetype")}@font-face{font-family:GothamBook;src:url(/cdn/shop/t/24/assets/GothamBook.ttf?v=49021230652139001311573745228) format("truetype")}.friends .image{height:549px}@media (max-width: 801px){.friends .image{height:305px}}.friends .banner{height:465px;width:1440px;position:relative}.friends .banner .banner-information{position:absolute;width:35%;transform:translateY(-50%);top:50%;left:60%}@media (max-width: 801px){.friends .banner .banner-information{top:60%}}.friends .banner .banner-information .banner-title{text-transform:uppercase;font-family:GothamBold!important;font-size:20px;text-align:center}.friends .banner .banner-information .banner-content{font-family:GothamLight!important;font-size:18px;text-align:center;margin:35px 0}.friends .banner .banner-information .read-more{font-family:GothamBook!important;font-size:18px;text-transform:uppercase;text-align:center}.friends .banner .banner-information .read-more .arrow{color:#000;font-size:12px;font-family:GothamBold!important;transform:rotate(90deg) scale(1.5,2.5);display:inline-block;margin-left:15px;position:relative;bottom:2px}.friends .first-banner{height:810px;width:1440px}@media (max-width: 801px){.friends .first-banner{width:801px;height:450px}}@media (max-width: 801px){.friends .third-banner{height:258px;width:801px}}.friends .third-banner .banner-information{left:5%}@media (max-width: 801px){.friends .third-banner .banner-information{width:50%}}.friends .second-banner,.friends .fourth-banner{height:465px;width:1440px}@media (max-width: 801px){.friends .second-banner,.friends .fourth-banner{width:801px;height:258px}}.friends .second-banner .banner-information,.friends .fourth-banner .banner-information{left:55%}@media (max-width: 801px){.friends .second-banner .banner-information,.friends .fourth-banner .banner-information{height:258px;width:40%;top:70%}}.friends .fifth-banner{padding:5% 15%}.friends .fifth-banner .banner-content,.friends .fifth-banner .banner-title{text-align:center;padding:0 15%}.friends .fifth-banner .banner-title{font-family:GothamBold!important;font-size:24px;text-transform:uppercase;margin-bottom:30px}.friends .fifth-banner .banner-content{font-family:GothamLight!important;font-size:14px}.friends .fifth-banner .banner-piece.large{margin-top:45px;display:flex;background-color:#eee;border-radius:35px}@media (max-width: 801px){.friends .fifth-banner .banner-piece.large{display:block;overflow:hidden}}@media (max-width: 801px){.friends .fifth-banner .banner-piece.large img{width:100%}}.friends .fifth-banner .banner-piece.large .banner-piece-information{text-align:center;width:50%;padding:0 10%}@media (max-width: 801px){.friends .fifth-banner .banner-piece.large .banner-piece-information{width:100%;top:-40px;position:relative}}.friends .fifth-banner .banner-piece.large .banner-piece-information .banner-piece-title{font-family:GothamBold!important;font-size:24px;text-transform:uppercase;margin-top:50px}.friends .fifth-banner .banner-piece.large .banner-piece-information .banner-piece-content{font-family:GothamLight!important;font-size:18px;margin:45px 0}.friends .fifth-banner .banner-piece.large .banner-piece-information .get-started{background-color:#000;color:#fff;padding:10px 60px;border-radius:25px;font-family:GothamBold!important;white-space:nowrap}.friends .fifth-banner .banner-container{margin-top:45px;display:flex}.friends .fifth-banner .banner-container .banner-piece{width:478px;border-radius:35px;padding-bottom:10%;background-color:#eee;overflow:hidden}.friends .fifth-banner .banner-container .banner-piece .banner-piece-information{text-align:center;padding:0 10%}.friends .fifth-banner .banner-container .banner-piece .banner-piece-information .banner-piece-title{font-family:GothamBold!important;font-size:24px;text-transform:uppercase;margin-top:50px}.friends .fifth-banner .banner-container .banner-piece .banner-piece-information .banner-piece-content{font-family:GothamLight!important;font-size:18px;margin:45px 0}.friends .fifth-banner .banner-container .banner-piece .banner-piece-information .get-started{background-color:#000;color:#fff;padding:10px 60px;border-radius:25px;font-family:GothamBold!important;white-space:nowrap}.friends .fifth-banner .banner-container .banner-piece:first-child{margin-right:51px}.builder-slider{text-align:center;background-color:#e1eaef}.builder-slider img{height:530px}@media (max-width: 801px){.builder-slider img{width:164px;height:auto}}.builder-slider .step .title{margin-top:35px;margin-bottom:20px;text-transform:uppercase;font-size:24px;font-family:GothamBold!important}.builder-slider .step .step-number{text-transform:uppercase;color:#b2b9bd;font-family:GothamBold!important;font-size:18px}.builder-slider .step .build-info{margin-bottom:45px;font-family:GothamBold!important;font-size:18px}@media (max-width: 801px){.builder-slider .step .build-info{margin-bottom:20px}}.builder-slider .slick-list{height:710px}@media (max-width: 801px){.builder-slider .slick-list{height:477px}}.builder-slider .slick-list.draggable{top:7px}.builder-slider .slick-arrow{position:absolute;z-index:15;background:#fff;color:#000;border:none;border-radius:25px;padding:5px 60px;font-family:GothamBook!important;display:none!important}.builder-slider .slick-arrow.slick-disabled{display:none!important}.builder-slider .slick-arrow.slick-prev{top:5%;left:5%}.builder-slider .slick-arrow.slick-prev:after{content:"back"}.builder-slider .slick-arrow.slick-next{top:5%;right:5%}.builder-slider .slick-arrow.slick-next:after{content:"continue"}.step.three{position:relative}.step.three .title{margin-bottom:110px}.step.three .step-information{position:absolute;top:30%;left:56%;width:300px}.step.three .step-information .choice-title{margin-top:60px;text-transform:uppercase;font-family:GothamLight!important;margin-bottom:40px}.step.three .step-information .colours{display:flex;flex-wrap:wrap}.step.three .step-information .colours .colour-container{width:33.33%;display:flex;justify-content:center;display:none}.step.three .step-information .colours .colour{width:40px;height:40px;border-radius:50%;margin-bottom:40px;position:relative;cursor:pointer}.step.three .step-information .colours .colour .colour-info{position:absolute;left:90%;top:-15px;display:none;font-family:GothamBold!important;font-size:14px}.step.three .step-information .colours .colour.enabled{border:3px solid white}.step.three .step-information .colours .colour.enabled .colour-info,.step.three .step-information .colours .colour:hover .colour-info{display:block}.step.three .choice-container{right:15%;position:relative;display:inline-block}.step.three .choice-container .image{display:none;cursor:default}.step.three .choice-container .image.enabled{display:block}.step.four .complete-container{margin-top:120px;margin-bottom:220px;padding:0 40%}@media (max-width: 801px){.step.four .complete-container{margin-top:60px}}.step.four .complete-container .complete{text-transform:uppercase;color:#b2b9bd;font-family:GothamBold!important;margin-bottom:20px}.step.four .complete-container .success-message{margin-top:20px;margin-bottom:15px;font-family:GothamBold!important;font-size:14px;color:#000}.step.four .complete-container .instructions{font-size:14px}.images-container{display:ruby;text-align:center}.images-container .headphones,.images-container .cables{position:relative;display:inline-block}.images-container .category-title{text-transform:uppercase;font-size:18px;font-family:GothamBook!important;margin-bottom:15px}@media (max-width: 801px){.images-container .category-title{margin-bottom:0;font-size:12px!important}}.images-container .circle{background-color:#d8d6da;width:250px;height:250px;position:absolute;z-index:-1;top:55%;left:50%;border-radius:50%;transform:translate(-50%,-50%);display:none}@media (max-width: 801px){.images-container .circle{width:125px;height:125px}}.images-container img{display:inline-block;align-self:flex-end;cursor:pointer}.images-container .choice-container{position:relative;display:inline-block}.become-friend{margin:60px 0;text-align:center}.become-friend .title{font-family:GothamBold!important;font-size:24px;text-transform:uppercase;margin-bottom:20px}.become-friend .content{font-family:GothamBook!important;font-size:18px;margin-bottom:60px}.become-friend .form-inputs{margin-bottom:60px;padding:0 15%;display:flex;flex-wrap:wrap}.become-friend .form-inputs .input{width:calc(50% - 40px);display:flex;margin:15px 0;padding:15px;border:none;background:none;background-color:#f8f8f8;border-radius:25px;text-align:center;text-transform:uppercase}.become-friend .form-inputs .input.incorrect{border:2px solid red}.become-friend .form-inputs .input.disabled{filter:brightness(102%)}.become-friend .form-inputs .input:nth-child(2n-1){margin:15px 40px}.become-friend .submit{background-color:#000;border-radius:30px;color:#fff;padding:10px 80px;cursor:pointer;font-family:GothamBold!important}
/*# sourceMappingURL=/cdn/shop/t/24/assets/friends.scss.css.map?v=116888699173749615741674765243 */