.hometrial-packs__page{margin:40px auto;min-width:1200px;max-width:1200px}.hometrial-packs__page header h1{background:transparent url(//assets.glassesdirect.co.uk/media/filer_public/b4/51/b4514d09-a580-402e-a460-592ce4ad6b02/hero-desktop.jpg) no-repeat center;font-size:60px;height:400px;line-height:1.2;margin:0;padding:90px 800px 0 50px;text-align:left;text-transform:uppercase;width:100%;color:#fff}.hometrial-packs__page header section{padding:50px 8% 25px;text-align:center}.hometrial-packs__page header section p{font-size:17px}.hometrial-packs__page .packs-section .packs-buttons{align-items:center;display:flex;justify-content:center;padding:25px 16.5%}.hometrial-packs__page .packs-section .packs-buttons button{background-color:transparent;border:1px solid #183F4B;color:#183F4B;cursor:pointer;flex-basis:70%;font-size:20px;padding:13.5px 0;text-align:center;text-transform:uppercase}.hometrial-packs__page .packs-section .packs-buttons .active{background-color:#183F4B;color:#fff}.hometrial-packs__page .packs-section #women-packs-section{display:none}.hometrial-packs__page .packs-section #women-packs-section,.hometrial-packs__page .packs-section #men-packs-section{padding:25px 0}.hometrial-packs__page .packs-section .banner{height:300px;padding-top:90px}.hometrial-packs__page .packs-section .banner .banner_title,.hometrial-packs__page .packs-section .banner .banner_description{color:#fff}.hometrial-packs__page .packs-section .banner .banner_title{font-size:42px;margin-bottom:20px;text-transform:uppercase}.hometrial-packs__page .packs-section .banner .banner_description{font-size:21px}.hometrial-packs__page .packs-section .fashion-banner{padding-left:65px}.hometrial-packs__page .packs-section .fashion-banner .banner_description{padding-right:700px}.hometrial-packs__page .packs-section .classic-banner{padding-right:65px;text-align:right}.hometrial-packs__page .packs-section .classic-banner .banner_description{padding-left:700px}.hometrial-packs__page .packs-section #women-packs-section .fashion-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/f8/60/f8605cf0-27ef-4ba7-84b5-7bf7672de77d/fashion-woman-desktop.jpg) no-repeat right}.hometrial-packs__page .packs-section #women-packs-section .classic-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/7f/ef/7fef8242-7240-4bac-96a9-6c3d6acde401/classic-woman-desktop.jpg) no-repeat left}.hometrial-packs__page .packs-section #men-packs-section .fashion-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/e0/9b/e09bfff7-c6af-4db3-a3dc-26c45096a8de/fashion-man-desktop.jpg) no-repeat right}.hometrial-packs__page .packs-section #men-packs-section .classic-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/11/03/11032394-2b07-4c48-a9ff-3b7d935c7159/classic-man-desktop.jpg) no-repeat left}.hometrial-packs__page .packs-section .packs{display:flex;justify-content:space-between;padding:40px 60px}.hometrial-packs__page .packs-section .packs .pack{border:1px solid #979797;text-align:center;width:514px;display:flex;justify-content:space-between;flex-direction:column}.hometrial-packs__page .packs-section .packs .pack header{background-color:#D5D7DA;padding:15px}.hometrial-packs__page .packs-section .packs .pack header h4{font-size:22px;margin-bottom:5px}.hometrial-packs__page .packs-section .packs .pack header p{font-size:15px}.hometrial-packs__page .packs-section .packs .pack .frame{display:flex;justify-content:space-around;align-items:center;padding:20px 0}.hometrial-packs__page .packs-section .packs .pack .frame .frame-slide{display:none}.hometrial-packs__page .packs-section .packs .pack .frame .frame__name,.hometrial-packs__page .packs-section .packs .pack .frame .frame__price{font-size:18px}.hometrial-packs__page .packs-section .packs .pack .frame .frame__name{margin-bottom:10px}.hometrial-packs__page .packs-section .packs .pack .frame .frame__brand{font-size:16px;margin-bottom:5px}.hometrial-packs__page .packs-section .packs .pack .frame .frame__price{color:#DA6957}.hometrial-packs__page .packs-section .packs .pack .frame .frame__image img{width:340px;height:auto}.hometrial-packs__page .packs-section .packs .pack .hometrial-packs-dots{text-align:center;margin-bottom:25px}.hometrial-packs__page .packs-section .packs .pack .hometrial-packs-dot{cursor:pointer;height:10px;width:10px;margin:0 2px;background-color:#D8D8D8;border-radius:50%;display:inline-block;transition:background-color 0.6s ease}.hometrial-packs__page .packs-section .packs .pack .active-dot,.hometrial-packs__page .packs-section .packs .pack .active-dot:hover{background-color:#717171}.hometrial-packs__page .packs-section .packs .pack footer button{font-size:17px;font-weight:500;width:100%}.hometrial-packs__page .packs-section .packs .pack footer button.button--primary--disabled{pointer-events:none}.hometrial-packs__page .how-it-works-section{background-color:#F9F9F9;padding:55px 0px;text-align:center}.hometrial-packs__page .how-it-works-section h5{font-size:36px}.hometrial-packs__page .how-it-works-section .icon-boxes{display:flex;justify-content:space-around}.hometrial-packs__page .how-it-works-section .icon-boxes .icon-box{padding:70px 0px 20px;width:270px}.hometrial-packs__page .how-it-works-section .icon-boxes .icon-box .icon-box__image{height:70px;margin-bottom:35px;width:auto}.hometrial-packs__page .ht-faqs-section h4{font-size:28px;font-weight:300;padding:50px 0px 15px 18px}@media only screen and (max-width: 600px){.hometrial-packs__page .ht-faqs-section h4{margin-left:0}}.hometrial-packs__page .ht-faqs-section .ht-faq-question{background-color:#f9f9f9;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:pointer;font-weight:500;padding:8px 18px}.hometrial-packs__page .ht-faqs-section .ht-faq-question .icon{float:right;color:#777;margin-top:4px}.hometrial-packs__page .ht-faqs-section .ht-faq-answer{padding:0px 18px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}@media only screen and (max-width: 600px){.hometrial-packs__page .ht-faqs-section{margin-bottom:2rem}}.hometrial-packs__page .want-change-section{background:#F9F9F9 url(//assets.glassesdirect.co.uk/media/filer_public/cd/64/cd64737b-13a2-4103-b5b5-6de65bafe041/changeframe-desk.jpg) no-repeat left;background-size:contain;height:400px;margin:50px 0;padding:35px 65px 0px 640px}.hometrial-packs__page .want-change-section h4{font-size:28px;font-weight:300;margin-bottom:25px}.hometrial-packs__page .want-change-section .button{background-color:#fff;border:2px solid #183F4B;color:#183F4B;font-weight:500;margin-top:15px;padding:10px 40px}@media only screen and (max-width: 349px){.hometrial-packs__page .packs-section .banner{min-height:290px}.hometrial-packs__page .want-change-section{padding:185px 15px 50px 15px}}@media only screen and (min-width: 350px) and (max-width: 420px){.hometrial-packs__page .packs-section .banner{min-height:335px}.hometrial-packs__page .want-change-section{padding:220px 15px 50px 15px}}@media only screen and (min-width: 420px) and (max-width: 480px){.hometrial-packs__page .packs-section .banner{min-height:350px}.hometrial-packs__page .want-change-section{padding:220px 15px 50px 15px}}@media only screen and (min-width: 480px) and (max-width: 600px){.hometrial-packs__page .packs-section .banner{min-height:420px}.hometrial-packs__page .want-change-section{padding:310px 15px 50px 15px}}@media only screen and (max-width: 600px){.hometrial-packs__page{margin:20px 0;min-width:320px;max-width:600px}.hometrial-packs__page header h1{background:none;font-size:32px;height:auto;padding:10px 0px;text-align:center;width:100%;color:inherit}.hometrial-packs__page header section{padding:20px 10% 40px}.hometrial-packs__page header section p{font-size:14px}.hometrial-packs__page .packs-section .packs-buttons{padding:0 6%;margin-bottom:25px}.hometrial-packs__page .packs-section .banner{background-size:contain !important;margin-bottom:20px;padding-top:10px}.hometrial-packs__page .packs-section .banner .banner_title{font-size:24px;margin-bottom:10px}.hometrial-packs__page .packs-section .banner .banner_description{font-size:14px}.hometrial-packs__page .packs-section .fashion-banner{padding-left:0;text-align:center}.hometrial-packs__page .packs-section .fashion-banner .banner_description{padding:0 10%}.hometrial-packs__page .packs-section .classic-banner{margin-top:50px;padding-right:0;text-align:center}.hometrial-packs__page .packs-section .classic-banner .banner_description{padding:0 10%}.hometrial-packs__page .packs-section #women-packs-section .fashion-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/30/e2/30e2b75a-d66d-4470-bfc6-68f5b24e8142/fashion-woman-mobile.jpg) no-repeat bottom}.hometrial-packs__page .packs-section #women-packs-section .classic-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/40/e5/40e5a818-2eac-419e-9952-d363f3ba008d/classic-woman-mobile.jpg) no-repeat bottom}.hometrial-packs__page .packs-section #men-packs-section .fashion-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/31/43/3143ce3b-d91d-45e1-a92e-0b4dc25ff01a/fashion-man-mobile.jpg) no-repeat bottom}.hometrial-packs__page .packs-section #men-packs-section .classic-banner{background:#183F4B url(//assets.glassesdirect.co.uk/media/filer_public/01/01/010175f1-5657-4990-9ea2-b129718cee93/classic-man-mobile.jpg) no-repeat bottom}.hometrial-packs__page .packs-section .packs{flex-direction:column;padding:0px 20px}.hometrial-packs__page .packs-section .packs .pack{width:100%;margin:15px 0}.hometrial-packs__page .packs-section .packs .pack .frame .image-viewer__main__nav-btn{display:block}.hometrial-packs__page .how-it-works-section .icon-boxes{display:flex;justify-content:space-around;flex-wrap:wrap;flex-direction:row}.hometrial-packs__page .how-it-works-section .icon-boxes .icon-box{padding:70px 10% 20px;width:50%}.hometrial-packs__page .how-it-works-section .icon-boxes .icon-box .icon-box__image{height:70px;margin-bottom:35px;width:auto}.hometrial-packs__page .want-change-section{background:#F9F9F9 url(//assets.glassesdirect.co.uk/media/filer_public/b3/de/b3de83b7-20d7-45ea-a404-dca14687461b/changeframe-mob.jpg) no-repeat top;background-size:contain;height:auto;margin:0px;text-align:center}}.zoom-wrap--gender-img,.zoom-wrap--double-img{display:flex;align-items:center;justify-content:center;position:relative;top:50%;transform:translateY(-50%)}.zoom-wrap--gender-img__img{height:initial}