<<<<<<< HEAD .is-helper-text{color:#3a3a3a;font-size:11px;line-height:14px}.is-helper-text:first-child{text-align:left;float:left}.is-helper-text:only-child{text-align:center;float:none}.is-helper-text+.is-helper-text{float:right;text-align:right}.is-helper-text__block{margin-top:15px;margin-bottom:55px}.is-emphasis{font-weight:bold}.txt-centered{text-align:center}.is-full-width{width:100%;display:block}.is-close:after{content:"\00d7";float:right;font-size:22px;font-weight:bold;color:#000}.is-hidden{display:none !important}.is-closed{max-height:0px;overflow:hidden;opacity:0}.is-opened{max-height:1000px;opacity:1;transition:all 1s}.hidden{display:none;visibility:hidden}@font-face{font-family:'Baskerville';src:url("/global/fonts/baskerville/baskerville-regular.eot");src:url("/global/fonts/baskerville/baskerville-regular.eot?#iefix") format("embedded-opentype"),url("/global/fonts/baskerville/baskerville-regular.svg") format("svg"),url("/global/fonts/baskerville/baskerville-regular.woff") format("woff"),url("/global/fonts/baskerville/baskerville-regular.woff2") format("woff2"),url("/global/fonts/baskerville/baskerville-regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Baskerville Italic';src:url("/global/fonts/baskerville/baskerville-italic.eot");src:url("/global/fonts/baskerville/baskerville-italic.eot?#iefix") format("embedded-opentype"),url("/global/fonts/baskerville/baskerville-italic.svg") format("svg"),url("/global/fonts/baskerville/baskerville-italic.woff") format("woff"),url("/global/fonts/baskerville/baskerville-italic.woff2") format("woff2"),url("/global/fonts/baskerville/baskerville-italic.ttf") format("truetype");font-weight:normal;font-style:italic}@font-face{font-family:'Open Sans';src:url("/global/fonts/opensans/opensans-regular.eot");src:url("/global/fonts/opensans/opensans-regular.eot?#iefix") format("embedded-opentype"),url("/global/fonts/opensans/opensans-regular.svg?v=1#opensans-regular") format("svg"),url("/global/fonts/opensans/opensans-regular.woff") format("woff"),url("/global/fonts/opensans/opensans-regular.woff2") format("woff2"),url("/global/fonts/opensans/opensans-regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans Light';src:url("/global/fonts/opensans/opensans-light.eot");src:url("/global/fonts/opensans/opensans-light.eot?#iefix") format("embedded-opentype"),url("/global/fonts/opensans/opensans-light.svg?v=1#opensans-light") format("svg"),url("/global/fonts/opensans/opensans-light.woff") format("woff"),url("/global/fonts/opensans/opensans-light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:'Open Sans Semibold';src:url("/global/fonts/opensans/opensans-semibold.eot");src:url("/global/fonts/opensans/opensans-semibold.eot?#iefix") format("embedded-opentype"),url("/global/fonts/opensans/opensans-semibold.svg?v=1#opensans-semibold") format("svg"),url("/global/fonts/opensans/opensans-semibold.woff") format("woff"),url("/global/fonts/opensans/opensans-semibold.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans';src:url("/global/fonts/opensans/opensans-bold.eot");src:url("/global/fonts/opensans/opensans-bold.eot?#iefix") format("embedded-opentype"),url("/global/fonts/opensans/opensans-bold.svg?v=1#opensans-bold") format("svg"),url("/global/fonts/opensans/opensans-bold.woff") format("woff"),url("/global/fonts/opensans/opensans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:'Open Sans';src:url("/global/fonts/opensans/opensans-italic.eot");src:url("/global/fonts/opensans/opensans-italic.eot?#iefix") format("embedded-opentype"),url("/global/fonts/opensans/opensans-italic.svg?v=1#opensans-italic") format("svg"),url("/global/fonts/opensans/opensans-italic.woff") format("woff"),url("/global/fonts/opensans/opensans-italic.ttf") format("truetype");font-weight:normal;font-style:italic}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,picture{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 0}hr{height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:13px;line-height:18px;vertical-align:top}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.addCard-content{min-height:calc(100vh - (75px + 56px))}@media (min-width: 768px){.addCard-content{min-height:calc(100vh - (75px + 38px))}}html{overflow-y:scroll;height:100%;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-moz-box-sizing:inherit;-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:500;font-size:13px;line-height:18px;-webkit-font-smoothing:antialiased;min-height:100%;min-width:320px;position:relative}.fonts-loaded body{font-family:"Open Sans",Arial,Helvetica,sans-serif}main{min-height:calc(100vh - (75px + 56px))}@media (min-width: 768px){main{min-height:calc(100vh - (75px + 38px))}}h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dd,p,figure,pre,table,fieldset,input[type=text],input[type=email],input[type=password],input[type=button],input[type=submit],button,select{margin-top:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:underline;color:inherit;cursor:pointer;-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s}a:hover{color:#09254A}p{clear:both;margin-right:auto;margin-left:auto}p.p--nobase{margin-bottom:0}button:focus,input:focus,textarea:focus,select:focus{outline:0}.clear{clear:both}.basket h1{display:block;font-family:Baskerville,"Times New Roman",serif;clear:both;font-size:36px;letter-spacing:2px;font-weight:400;line-height:0.8;display:block}@media (min-width: 480px){.basket h1{font-size:44px}}.account .section__header h2{letter-spacing:2px;font-weight:600;margin-bottom:10px}.basket h2{text-transform:uppercase;letter-spacing:1px;font-size:1.2em;margin-bottom:5px;clear:both}.generic-validation__message h2,.generic-validation__message h3{font-size:15px !important;letter-spacing:2px !important;font-weight:700 !important;text-transform:uppercase;margin-bottom:5px}html{height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{position:relative;margin:0;min-height:100%}@media (min-width: 768px){body.sidebar{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjYuNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff),color-stop(66.5%, #ffffff),color-stop(100%, #f6f6f6),color-stop(100%, #f6f6f6));background-image:-moz-linear-gradient(left, #ffffff 0%,#ffffff 66.5%,#f6f6f6 100%,#f6f6f6 100%);background-image:-webkit-linear-gradient(left, #ffffff 0%,#ffffff 66.5%,#f6f6f6 100%,#f6f6f6 100%);background-image:linear-gradient(to right, #ffffff 0%,#ffffff 66.5%,#f6f6f6 100%,#f6f6f6 100%)}}@media (min-width: 1024px){body.sidebar{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff),color-stop(75%, #ffffff),color-stop(80%, #f6f6f6),color-stop(100%, #f6f6f6));background-image:-moz-linear-gradient(left, #ffffff 0%,#ffffff 75%,#f6f6f6 80%,#f6f6f6 100%);background-image:-webkit-linear-gradient(left, #ffffff 0%,#ffffff 75%,#f6f6f6 80%,#f6f6f6 100%);background-image:linear-gradient(to right, #ffffff 0%,#ffffff 75%,#f6f6f6 80%,#f6f6f6 100%)}}.container{max-width:1200px;margin:0 auto;overflow:hidden}.vanilla-block{width:calc(100% - 40px);padding:20px;margin:100px 20px 120px;text-align:center}@media (min-width: 768px){.vanilla-block{width:calc(66.666666% - 40px);margin:100px auto 120px}}@media (min-width: 1024px){.vanilla-block{width:calc(50% - 40px);margin:100px auto 120px}}.central-block{width:calc(100% - 40px);border:1px solid #cdcdcd;padding:20px;margin:40px 20px;text-align:center}@media (min-width: 768px){.central-block{width:calc(66.666666% - 40px);margin:40px auto}}@media (min-width: 1024px){.central-block{width:calc(50% - 40px);margin:40px auto}}.central-block--textLeft{text-align:left}.nav__progress{color:#cdcdcd;background:#fff;margin-bottom:20px;display:flex;flex-direction:row;width:100%;justify-content:space-between}@media (min-width: 768px){.nav__progress{color:#cdcdcd;display:block;text-align:left}.account .nav__progress{border-bottom:1px solid #cdcdcd}}.account .nav__progress{border-bottom:1px solid #cdcdcd;display:block;margin-bottom:30px}.nav__progress li{display:inline-block;margin-bottom:5px;width:100%}.nav__progress li:not(.nav__progress-active){display:none}@media (min-width: 480px){.nav__progress li:not(.nav__progress-active){display:inline-block}}.nav__progress li a{text-decoration:none}.nav__progress li a:visited{color:#cdcdcd}.basket .nav__progress li{text-align:center;border-bottom:2px solid #cdcdcd;padding-bottom:5px;text-transform:uppercase;margin-right:20px;letter-spacing:2px;font-size:14px}@media (min-width: 480px){.basket .nav__progress li{width:calc(33.333333% - 10px);padding-bottom:10px;margin-right:10px;height:40px;position:relative}.basket .nav__progress li span{position:absolute;bottom:5px;right:0;left:0}}@media (min-width: 768px){.nav__progress li{margin-right:40px}}.nav__progress li:last-of-type{margin-right:0}.nav__progress-complete{color:#000}.nav__progress-active{color:#000;font-weight:600}.basket .nav__progress-active{border-bottom:2px solid #000000 !important}.site-head{text-align:center}.band{background:#eeeeee;position:sticky;top:0;width:100%;z-index:3;height:75px;display:flex;justify-content:center;align-items:center}.site-logo{display:inline-block;margin:0}.footer{position:relative;background-color:#09254A;padding:10px 0;height:38px;text-transform:uppercase;color:#ffffff;margin:0;letter-spacing:1px;font-size:11px;text-align:center;z-index:2}@media (min-width: 768px){.footer{font-size:12px;letter-spacing:2px}}@media (min-width: 768px){.footer__text{display:inline-block}}.footer__copyright{padding-left:15px}.footer__link{text-decoration:none}@media (min-width: 768px){.footer__link{display:inline-block;float:right;margin-right:15px}}.footer.hm{background-color:#09254A}.block{border-bottom-width:.07692em;border-bottom-style:solid;border-bottom-color:#cdcdcd;padding-bottom:.61538em;text-align:center;padding-left:1.03846em;padding-right:1.03846em}@media (min-width: 768px){.block{padding-top:.69231em;border:none;position:relative;margin-bottom:0;padding-left:1.38462em;padding-right:1.38462em}.block:first-child{padding-right:2.76923em}.block:nth-child(2){padding-left:2.76923em}.block:nth-child(2):before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:100%;background:#cdcdcd}.block:last-child{border-top-width:.07692em;border-top-style:solid;border-top-color:#cdcdcd;padding-top:1.30769em}}.clearfix{clear:both}.account .box,.account .box--open{width:100%;text-align:left;padding:15px 0;margin-left:auto;margin-right:auto;border-top:3px red solid}@media (min-width: 768px){.account .box,.account .box--open{text-align:left}}.accordian{margin-top:30px}.modal__block{position:relative;margin-bottom:20px;border:0 !important}.modal__block-link{font-weight:600;text-transform:uppercase;position:relative}.modal__block-link>p{padding:0;margin:0}toggle-details .modal__block-link{background:goldenrod;border:red 2px solid;padding:20px}.modal__block-edit{position:absolute;top:0px;right:0px;display:inline-block;color:#000;font-size:12px;margin-top:-5px;cursor:pointer;text-align:right;padding:0 5px;width:100%}.modal__block--flow .modal__block-edit{width:50px;margin-top:-1px}.modal__block--group .modal__block-edit:after{content:'';background:url("/global/img/arrow--up.png") no-repeat;background-size:16px 16px;display:inline-block;width:16px;height:16px;right:10px;margin-top:5px;transition:all .5s}.modal__block-finished{font-style:italic;display:block;padding-left:3px}.modal__block-summary{display:flex;flex-direction:column;border-top:2px solid #cdcdcd;background-color:#f6f6f6}@media (min-width: 768px){.modal__block-summary{width:100%}}.modal__block-summary .error{border:2px #c03 solid;padding:8px 8px 10px 0;margin-bottom:10px}.modal__block--pending{display:flex;flex-direction:column;padding:10px 0 0;margin-bottom:0px;overflow:hidden}@media (min-width: 768px){.modal__block--pending{flex-direction:column}}.modal__block--pending .modal__block-content>.js-cancel.is-opened{margin:10px 0 0}.modal__block--pending .modal__block-content>p{margin:10px 0 0}.toggle--summary>.modal__block-content,.toggle--details>.modal__block-finished{max-height:0px;opacity:0;overflow:hidden;transition:all 0.5s}.toggle--details>.modal__block-finished{transition:none}.toggle--details>.modal__block-content,.toggle--summary>.modal__block-finished{max-height:1000px;opacity:1;transition:all 0.5s;margin-top:20px}.toggle--summary>.modal__block-finished{transition:all 0.5s}.toggle--details>.modal__block-edit{display:inline-block}.toggle--summary>.modal__block-edit{display:inline-block;overflow:hidden;transition:all 0.5s}.toggle--summary>.modal__block-edit:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.5s}.basket__existing-order .toggle--summary>.modal__block-content,.basket__existing-order .toggle--details>.modal__block-finished,.basket__existing-order .toggle--details>.modal__block-content,.basket__existing-order .toggle--summary>.modal__block-finished{transition:none}.toggle--details>.modal__basket-summary{overflow:auto;max-height:300px}@media screen and (max-height: 768px){.toggle--details>.modal__basket-summary{max-height:125px}}@media (min-width: 1400px){.toggle--details>.modal__basket-summary{max-height:300px}}.modal__block--flow.toggle--summary>.modal__block-edit{display:inline-block;overflow:hidden;transition:all 0.5s}.modal__block--flow.toggle--summary>.modal__block-edit:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.5s}.modal__block--flow.error{border:2px solid #c03 !important;padding:10px !important}.modal__block--flow.toggle--summary>.modal__block-finished,.modal__block--flow.toggle--details>.modal__block-content{max-height:1000px;opacity:1;transition:all 0.5s;overflow:hidden}.modal__block--flow.toggle--summary>.modal__block-content,.modal__block--flow.toggle--details>.modal__block-finished{max-height:0px;opacity:0;transition:max-height 0.5s;position:fixed}.modal__block--flow.toggle--summary>.modal__block-finished{font-style:italic;display:block;padding-left:3px}.pendingOrders{margin-bottom:20px}.pendingOrders .order__details-head{font-weight:600}.pendingOrders h2{padding-bottom:10px;margin-bottom:0px}.pendingOrders .modal__group{display:flex;flex-wrap:wrap}.pendingOrders .js-orderdetails{margin-top:10px}.pendingOrders .js-orderdetails__delivery{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center}.pendingOrders .js-orderdetails__delivery span{font-weight:600}.pendingOrders .modal__pending{font-weight:400;display:flex;flex-direction:column}.pendingOrders .modal__pending--summary{padding-top:3px;min-width:165px;height:45px}@media (min-width: 1024px){.pendingOrders .modal__pending--summary{height:55px}}.pendingOrders .modal__pending--summary p{margin:0px}.pendingOrders .modal__pending--summary p:first-of-type{font-weight:600}.pendingOrders .modal__pending--summary p:first-of-type span:nth-of-type(2){color:#09254A}.pendingOrders .modal__pending--cta{margin-right:20px}@media (min-width: 1024px){.pendingOrders .modal__pending--cta{height:55px}}.pendingOrders .modal__pending--options{height:35px;margin-top:5px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (min-width: 1024px){.pendingOrders .modal__pending--options{flex-direction:row;align-items:center;justify-content:flex-end}}.pendingOrders .modal__cancel .cancel__summary{color:#09254A;font-style:italic}.pendingOrders .modal__cancel .cancel__wrapper{display:flex;flex-direction:column}@media (min-width: 1024px){.pendingOrders .modal__cancel .cancel__wrapper{flex-direction:row}}.pendingOrders .modal__cancel .cancel__input{display:inline-block;width:100%;margin-bottom:10px}.pendingOrders .modal__cancel .cancel__input input{margin-top:10px}@media (min-width: 1024px){.pendingOrders .modal__cancel .cancel__input{width:calc(100% - 220px)}}.pendingOrders .modal__cancel .cancel__options{display:inline-block;text-align:left;width:210px;margin-left:0px;margin-top:0px;margin-bottom:15px}@media (min-width: 1024px){.pendingOrders .modal__cancel .cancel__options{margin-top:15px;text-align:right}}.icon{height:26px;width:26px;line-height:1.03846em;vertical-align:middle;text-align:center;fill:#3a3a3a;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.icon--border{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;border:2px solid #fff}.icon--round{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.icon--tick{color:#fff;background:#257104;margin:0 auto 5px;font-size:2.69231em;line-height:1.02857em;font-weight:bold}.icon--lock{vertical-align:unset;width:22px;height:28px;display:inline-block;padding:0;margin:0;position:relative}.icon--lock img{position:absolute;top:10px;right:3px}.info{position:absolute;background:#09254A;padding:7px;right:0;top:0;margin:0}.info--fuse{top:35px;height:44px;width:44px}.info--fuse .icon{height:30px;width:30px}.info--fuse .icon--info{font-size:24px}.info--fuse .icon--info-close{font-size:24px}.icon--info,.icon--info-close{font-weight:bold;cursor:pointer;border-color:#09254A;font-size:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #fff}.icon--info{font-family:Times New Roman,serif}.icon--info:before{content:'i';position:relative;color:#fff;font-weight:400;top:4px}.icon--info-close:before{content:"\00d7";position:relative;top:3px;color:#fff;font-size:27px;font-weight:500}.payment__wrap{display:flex;flex-direction:row-reverse;justify-content:space-between}.btn--default,.btn--outline,.btn--inactive-combine,.btn--inverse,.btn--disabled,.btn--black{display:inline-block;margin-right:auto;margin-left:auto;margin-bottom:5px;background:#09254A;color:#fff;border:none;border:2px solid #09254A;padding:13px 17px;text-transform:uppercase;font-size:12px;line-height:1;letter-spacing:0px;cursor:pointer;font-weight:600;text-decoration:none;text-align:center;width:auto;-moz-transition:background .2s,color .2s,border-color .2s;-o-transition:background .2s,color .2s,border-color .2s;-webkit-transition:background .2s,color .2s,border-color .2s;transition:background .2s,color .2s,border-color .2s;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width: 480px){.btn--default,.btn--outline,.btn--inactive-combine,.btn--inverse,.btn--disabled,.btn--black{letter-spacing:2px;margin-bottom:10px}}.btn--default:hover,.btn--outline:hover,.btn--inactive-combine:hover,.btn--inverse:hover,.btn--disabled:hover,.btn--black:hover,.btn--default:active,.btn--outline:active,.btn--inactive-combine:active,.btn--inverse:active,.btn--disabled:active,.btn--black:active{color:#09254A;background:#fff}.btn--default:nth-of-type(n+2),.btn--outline:nth-of-type(n+2),.btn--inactive-combine:nth-of-type(n+2),.btn--inverse:nth-of-type(n+2),.btn--disabled:nth-of-type(n+2),.btn--black:nth-of-type(n+2){margin-left:15px}.btn--default:nth-of-type(n+2).btn--full-width,.btn--outline:nth-of-type(n+2).btn--full-width,.btn--inactive-combine:nth-of-type(n+2).btn--full-width,.btn--inverse:nth-of-type(n+2).btn--full-width,.btn--disabled:nth-of-type(n+2).btn--full-width,.btn--black:nth-of-type(n+2).btn--full-width{margin-left:auto !important}.btn--outline{background:#fff;color:#09254A}.btn--outline:hover,.btn--outline:active{color:#fff;background:#09254A}.btn--margin-top{margin-top:10px}.btn--watchlive{margin-left:0px !important}@media (min-width: 1200px){.btn--watchlive{margin-left:15px !important}}.btn--inactive-combine{cursor:default !important}.btn--inactive-combine:hover,.btn--inactive-combine:active{color:#fff;background:#09254A}.btn--inverse{background:#09254A;border:2px solid #09254A;color:#fff}.btn--inverse:hover,.btn--inverse:active{color:#09254A;background:#fff}.btn--disabled{background:#a5a5a5;color:#fff;border-color:#a5a5a5;cursor:default}.btn--disabled:hover,.btn--disabled:active{background:#a5a5a5 !important;color:#fff !important;border-color:#a5a5a5 !important}.btn--black{border:3px solid #000;background:#fff;color:#000}.btn--black:hover,.btn--black:active{color:#fff;background:#000}.btn--textlnk,.btn--textlnk__inverse,.btn--textlnk__single,.btn--active,.btn--account,.btn--account__open{background:none !important;border:none;cursor:pointer;text-decoration:none;padding:0;margin:0 5px;display:inline-block;line-height:1.5;cursor:pointer;text-decoration:underline;text-decoration-color:#cdcdcd}.btn--textlnk:hover,.btn--textlnk__inverse:hover,.btn--textlnk__single:hover,.btn--active:hover,.btn--account:hover,.btn--account__open:hover{text-decoration:none}.btn--textlnk:hover,.btn--textlnk__inverse:hover,.btn--textlnk__single:hover,.btn--active:hover,.btn--account:hover,.btn--account__open:hover,.btn--textlnk:active,.btn--textlnk__inverse:active,.btn--textlnk__single:active,.btn--active:active,.btn--account:active,.btn--account__open:active{border-bottom-color:transparent;color:#09254A}.btn--spin:first-of-type .btn--textlnk,.btn--spin:first-of-type .btn--textlnk__inverse,.btn--spin:first-of-type .btn--textlnk__single,.btn--spin:first-of-type .btn--active,.btn--spin:first-of-type .btn--account,.btn--spin:first-of-type .btn--account__open{margin-left:0}.btn--spin:last-of-type .btn--textlnk,.btn--spin:last-of-type .btn--textlnk__inverse,.btn--spin:last-of-type .btn--textlnk__single,.btn--spin:last-of-type .btn--active,.btn--spin:last-of-type .btn--account,.btn--spin:last-of-type .btn--account__open{margin-right:0}.btn--textlnk__inverse{border-bottom-color:transparent}.btn--textlnk__inverse:hover,.btn--textlnk__inverse:active{border-bottom:1px solid #cdcdcd}.btn--textlnk__single{display:unset;margin:0;white-space:nowrap}.btn--active{font-weight:800;color:#09254A}.btn--defaultCard{text-decoration:initial;cursor:auto}.btn--account,.btn--account__open{font-size:14px;display:block;border-bottom:0;padding:0;margin:25px 0;line-height:1}.btn--account__open{letter-spacing:2px;color:#09254A;border-left:2px solid #09254A;padding-left:10px;font-weight:700}.btn--smallTextlnk{color:#09254A;font-size:90%;text-decoration:none;cursor:pointer;text-decoration:underline;text-decoration-color:#cdcdcd}.btn--smallTextlnk:hover{text-decoration:none}.btn--full-width{min-width:0;margin-left:auto;margin-right:auto;width:100%}.btn--square{display:inline-block;border:2px solid #000;font-weight:200;color:#fff;cursor:pointer;text-decoration:none;min-width:30px;min-height:30px;text-align:center;vertical-align:top}.btn--blank{cursor:default !important;background:#dedede !important;border-color:#dedede !important;color:#bbb !important}.btn--blank:hover{color:#bbb !important}.btn--quantity{background:#9e9e9e;border-color:#9e9e9e;font-size:30px;line-height:24px;font-weight:400;-moz-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;transition:background .3s,color .3s}.btn--quantity:hover{background:#cdcdcd;border-color:#cdcdcd;color:#000}.btn--tick:before,.btn--untick:before{content:"\2713";font-weight:bold}.btn--tick{color:#fff}.btn--tick:hover{color:#fff !important}.btn--untick{color:#09254A}.btn--untick:hover{color:#09254A !important}.btn--tick,.btn--untick{background:#fff;line-height:26px;font-size:24px;margin-right:5%;-moz-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;transition:background .3s,color .3s}.btn--narrow{padding:9px 10px;letter-spacing:.25px}@media (min-width: 1024px){.btn--narrow{padding:10px}}.error-block{width:calc(100% - 40px);border:1px solid #cdcdcd;padding:20px;margin:40px 20px;text-align:center}@media (min-width: 768px){.error-block{width:calc(70% - 40px);margin:40px auto}}@media (min-width: 1024px){.error-block{width:calc(50% - 40px)}}.error-block__header{border-bottom:2px solid #09254A;padding-bottom:20px;margin-bottom:30px;line-height:1.1;text-transform:uppercase}.error__inline-txt{color:#c03;font-weight:600;text-transform:uppercase;letter-spacing:1px}.error__inline-hide{display:none}.generic-validation__message{padding:15px !important;text-align:center;font-weight:400;margin:20px 0}.generic-validation__message p:last-of-type{margin-bottom:0}.generic-validation__message .btn--textlnk,.generic-validation__message .btn--textlnk__inverse,.generic-validation__message .btn--textlnk__single,.generic-validation__message .btn--active,.generic-validation__message .btn--account,.generic-validation__message .btn--account__open{color:#000}.generic-validation__message,.generic-validation__alert{border:2px solid #c03;color:#c03}.generic-validation__success{border:2px solid #257104;color:#257104}.generic-validation__success,.generic-validation__alert{min-height:0px;padding:0px !important;margin:0;transition:min-height 1s, padding .8s, margin .8s;border-color:transparent}.generic-validation__success h3,.generic-validation__success h2,.generic-validation__success p,.generic-validation__alert h3,.generic-validation__alert h2,.generic-validation__alert p{display:none}.generic-validation__success.active,.generic-validation__alert.active{min-height:80px;padding:15px !important;margin:20px 0;transition:min-height 1s, padding .8s, margin .8s;border-color:inherit}.generic-validation__success.active h3,.generic-validation__success.active h2,.generic-validation__success.active p,.generic-validation__alert.active h3,.generic-validation__alert.active h2,.generic-validation__alert.active p{display:block}.multi-select{overflow:hidden}::placeholder{color:#999;font-style:italic}::-webkit-input-placeholder{color:#999;font-style:italic}:-moz-placeholder{color:#999;font-style:italic}::-moz-placeholder{color:#999;font-style:italic}:-ms-input-placeholder{color:#999;font-style:italic}::-ms-input-placeholder{color:#999;font-style:italic}input,select,textarea{color:#000}.form-elements__intro{font-size:13px;margin-bottom:20px}.form-elements__hidden{height:0px;overflow:hidden}.form-elements__reveal{height:auto}.form-elements__spaced{margin:20px 0;width:100%}.form-submit--spaced{margin:10px 0}@media (min-width: 768px){.form-submit--spaced{margin:15px 0}}.form-submit--spaced:not(:last-of-type){margin-right:10px}select,input[type=text],input[type=email],input[type=password],input[type=number]{border:1px solid #cdcdcd;font-size:13px;padding:5px 10px;background-color:#f6f6f6;display:block;width:100%;height:40px;margin-bottom:3px;margin-top:12px}.basket__summary select,.basket__summary input[type=text],.basket__summary input[type=email],.basket__summary input[type=password],.basket__summary input[type=number]{background-color:#ffffff}@media (min-width: 768px){select,input[type=text],input[type=email],input[type=password],input[type=number]{margin-top:17px}}.select__date--title{margin-top:10px;margin-bottom:0}.styled-select{display:flex}.styled-select.select__quantity{width:auto}.styled-select.select__quantity select{width:auto;height:unset;margin-top:5px}.styled-select.select--disabled::before{border:0}.styled-select.select--disabled select{cursor:default}.styled-select select{padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#f6f6f6 url("/global/img/arrow--down.png") no-repeat right 7px center}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.styled-select select{padding-right:5px;background-image:none}}.styled-select select:focus,.styled-select select:active{background:#f6f6f6 url("/global/img/arrow--up.png") no-repeat right 7px center}.styled-select .select__date:nth-of-type(1){margin-right:10px;width:calc(33.33333% - 10px)}.styled-select .select__date:nth-of-type(2){margin-left:5px;margin-right:5px;width:calc(33.33333% - 10px)}.styled-select .select__date:nth-of-type(3){margin-left:10px;width:calc(33.33333% - 10px)}input[type="checkbox"],input[type="radio"]{vertical-align:middle}.input-wrap{position:relative;overflow:hidden}.input-wrap--block{display:block}.input-wrap--notes{margin-top:10px}.input-wrap--label{padding-top:10px;margin-bottom:-5px}table.radio-group{position:relative}.input-wrap--group{position:relative;display:flex}input[type="checkbox"],.radio-group input[type="radio"]{position:absolute;left:-9999px}.btn__radio-off,.btn__radio-on{position:relative;margin-right:10px;cursor:pointer;display:inline-block;width:26px;height:26px;background:none;border:1px solid #09254A;border-radius:100%}.btn__radio-on{background:#fff;background:-moz-radial-gradient(center, ellipse cover, #7f35a8 0%, #7f35a8 50%, #fff 55%, #fff 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #7f35a8), color-stop(50%, #7f35a8), color-stop(55%, #fff), color-stop(100%, #fff));background:-webkit-radial-gradient(center, ellipse cover, #7f35a8 0%, #7f35a8 50%, #fff 55%, #fff 100%);background:-o-radial-gradient(center, ellipse cover, #7f35a8 0%, #7f35a8 50%, #fff 55%, #fff 100%);background:-ms-radial-gradient(center, ellipse cover, #7f35a8 0%, #7f35a8 50%, #fff 55%, #fff 100%);background:radial-gradient(ellipse at center, #7f35a8 0%,#7f35a8 50%,#ffffff 55%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$brand', GradientType=1 )}.btn__radio-false{position:absolute;margin-top:5px}input[type="checkbox"]+label,.radio-group input[type="radio"]+label{position:relative;padding-left:42px;cursor:pointer;display:inline-block}input[type="checkbox"]+label:before,.radio-group input[type="radio"]+label:before{content:'';position:absolute;left:0;top:0;width:26px;height:26px;margin:8px;background:#fff}input[type="checkbox"]+label{height:40px;padding-top:4px}input[type="checkbox"]+label:before{border:2px solid #000;border-radius:0;margin:0 8px}input[type="checkbox"]:not(:checked)+label:before{border:2px solid #cdcdcd;border-radius:0;margin:0 8px}.radio-group input[type="radio"]+label{padding-top:12px}.radio-group input[type="radio"]+label:before{border:1px solid #09254A;border-radius:100%}.radio-group input[type="radio"]:not(:checked)+label:before{border:1px solid #cdcdcd}.radio-group input[type="radio"]+label:after{content:'';width:18px;height:18px;background:#09254A;position:absolute;top:12px;left:12px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}input[type="checkbox"]+label:after{content:'\2713';font-size:22px;font-weight:900;color:#09254A;position:absolute;top:5px;left:12px;line-height:15px;border-radius:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}input[type="checkbox"]:not(:checked)+label:after,.radio-group [type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}input[type="checkbox"]:checked+label:after,.radio-group [type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.radio-group,.aspNetDisabled{width:100%;text-align:left}.radio-group label,.aspNetDisabled label{overflow:hidden;cursor:pointer;display:block;min-height:40px;padding:10px 10px 10px 40px;width:100%;-moz-transition:border-color .3s;-o-transition:border-color .3s;-webkit-transition:border-color .3s;transition:border-color .3s}.aspNetDisabled label{background:#f6f6f6;color:#cdcdcd}.input-wrap html input[disabled],.input-wrap .aspNetDisabled{cursor:default;background-color:#ddd;color:#888;font-style:italic;-webkit-appearance:none;opacity:1}.aspNetDisabled[data-tooltip="This card will expire before the final payment"]{position:relative;display:block;font-size:12px;line-height:1.8;-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}.aspNetDisabled[data-tooltip="This card will expire before the final payment"]:hover{-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}.aspNetDisabled[data-tooltip="This card will expire before the final payment"]:hover:after{content:attr(data-tooltip);padding:12px 15px;position:absolute;display:block;height:calc(100% - 5px);right:0;left:0;top:0px;white-space:nowrap;z-index:2;background:#fff;color:#c03;font-weight:600;background:#f6f6f6;border:1px solid #cdcdcd;-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}.placeholder-text{text-align:left;color:red;font-style:italic}.self-input-submit{position:relative;overflow:hidden;margin:0 auto}@media (min-width: 1024px){.self-input-submit{max-width:none;margin:0;padding:0}}.self-input-submit .self-input-submit--error{border-color:#c03}.self-input-submit .self-input-submit__btn{position:absolute;bottom:-2px;right:0;height:40px;padding:11px;width:auto}@media (min-width: 480px){.self-input-submit .self-input-submit__btn{top:0px}}.error-message{background-color:#c03;color:#fff;height:0;transition:height .5s ease-in-out}.error-message--show{padding:10px;margin-bottom:5px;height:40px;position:relative;clear:both}.error-toggle-off{display:none}.error-toggle-on{display:block}.flex-microform{border:1px solid #cdcdcd;padding:5px 10px;background-color:#f6f6f6;display:block;width:100%;height:44px;margin-bottom:3px;margin-top:12px}.inactive{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.5;transition:opacity .5s ease-in-out}input.expiry{width:85px;margin-right:10px}input.error{border:1px solid #c03}.expiry__wrap{display:flex}#AWIN_CDT{display:none}html,body{overflow-x:hidden}.modal__bg--active{background-color:rgba(55,55,55,0.8);display:block;position:absolute;height:100%;width:100%;overflow:hidden;z-index:1}@media (min-width: 768px){.modal__bg--active{display:none}}.basket{padding-top:0px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%}@media (min-width: 768px){.basket{flex-direction:row;justify-content:flex-start}}.basket__sidebar{padding:30px 15px;position:relative}@media (min-width: 768px){.basket__sidebar{padding:30px 15px 0;height:calc(100vh - 75px - 38px)}.basket__sidebar:after{content:"";height:100vh;width:100%;position:fixed;bottom:0;background:#f6f6f6;margin-left:-15px}}@media (min-width: 768px){.basket__sidebar--sticky{position:fixed;top:0;right:0}}@media (min-width: 1200px){.basket__sidebar--sticky{right:calc(((100vw - (100vw - 100%)) - 1200px) / 2)}}.basket h1{display:none}.basket .emptyBasketMessage{display:block;text-align:center;font-size:18px;padding-top:50px}@media (min-width: 768px){.basket{padding-top:0px}}@media (min-width: 768px){.basket.wishlist .btn--textlnk:first-of-type,.basket.wishlist .btn--textlnk__inverse:first-of-type,.basket.wishlist .btn--textlnk__single:first-of-type,.basket.wishlist .btn--active:first-of-type,.basket.wishlist .btn--account:first-of-type,.basket.wishlist .btn--account__open:first-of-type{margin-left:0}}.basket.wishlist .wishlist--intro{margin-bottom:30px}.basket.wishlist .wishlist--intro .wishlist--intro-terms{font-weight:600;color:#09254A;font-style:italic}.basket.thankyou .divtable__cell .basket__payment{text-align:left}.basket.combine,.basket.thankyou{padding-top:0px}.basket .out-of-stock{color:#fff;background:#c03;padding:7px 14px;text-align:center;letter-spacing:.1rem;text-transform:uppercase;margin-top:15px;display:block;clear:both;margin-bottom:5px}.basket h3.basket__totals{margin:0}@media (min-width: 768px){.basket h3.basket__totals{margin-bottom:20px}}.basket h3.summary-repeat{margin-bottom:0}.basket .section__sub-header{margin:20px 0 10px;letter-spacing:2px;font-weight:700;font-size:14px}.basket__all-orders{padding-bottom:30px;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.basket__existing-order{box-sizing:border-box;padding:15px;margin:0 0 15px 0;border:1px solid #cdcdcd;text-align:left;width:100%}@media (min-width: 1024px){.basket__existing-order{width:calc(50% - 15px);min-height:380px;margin:0 15px 15px 0}}.basket__existing-order .modal__block{margin-bottom:0}.basket__existing-order.selected{border-color:#09254A;background:#f6f6f6}@media (min-width: 1024px){.basket__existing-order.selected{min-height:380px}}.basket__existing-order .order__details-head{font-weight:700;text-transform:uppercase}.basket__existing-order .order__pending{color:#c03;font-style:italic;font-weight:600}.basket__existing-order .basket__existing-order--btn{position:relative}.basket__existing-order .basket__existing-order--btn .form-submit--interactive{position:absolute;top:0px;right:0px}.basket__existing-order .combine__details .combine__details--list{background:#f6f6f6;border-bottom:1px solid #cdcdcd;padding:5px 10px}.basket__existing-order .combine__details .combine__details--list:first-of-type{margin-top:10px}.basket__existing-order .combine__details .combine__details--list:last-of-type{border-bottom:0px}.basket__existing-order .combine__details .combine__details--list .list-bold{font-weight:bold}.basket__existing-order input[type=submit]{margin-top:0px}.basket__infosplit,.basket__infosplit_spaced{width:100%}@media (min-width: 768px){.basket__infosplit,.basket__infosplit_spaced{width:50%}}.basket__summary{background:#f6f6f6;display:flex;flex-direction:column;z-index:1}@media (min-width: 768px){.basket__summary{width:33.333333%;justify-content:space-between}}@media (min-width: 1024px){.basket__summary{width:25%}}@media (min-width: 1200px){.basket__summary{width:300px}}.basket__summary .sidebar__top{display:flex;flex-direction:column;width:100%;z-index:2}@media (min-width: 768px){.basket__summary .sidebar__top{max-width:295px}}@media (min-width: 1024px){.basket__summary .sidebar__top{max-width:260px}}.basket__summary .sidebar__bottom{display:flex;flex-direction:column;width:100%;background-color:#f6f6f6}@media (min-width: 768px){.basket__summary .sidebar__bottom{z-index:2;max-width:calc(295px + 30px);position:fixed;bottom:40px;width:33.333333%;right:0;padding:0 15px}}@media (min-width: 1024px){.basket__summary .sidebar__bottom{width:25%;max-width:290px}}@media (min-width: 1200px){.basket__summary .sidebar__bottom{right:calc(((100vw - (100vw - 100%)) - 1180px) / 2)}}.basket__summary p:not(.input-validation__message){margin:0}.basket__summary .self-input-submit{margin-top:10px}.basket__summary.reveal__summary{display:block !important;position:absolute;top:130px;left:0;background:#f6f6f6;z-index:2}@media (min-width: 768px){.basket__summary.reveal__summary{position:relative;top:0}}.basket__summary.reveal__summary .btnClose__summary{margin-bottom:15px}@media (min-width: 768px){.basket__summary.reveal__summary .btnClose__summary{display:none}}.basket__summary.reveal__summary .basket__payment,.basket__summary.reveal__summary #ContentPlaceHolder1_secDeliveryOptions,.basket__summary.reveal__summary #ContentPlaceHolder1_btnPayNow2{display:none !important}.basket__summary .splitpay-item{color:#09254A}.basket__summary .splitpay-item--caption{font-style:italic}.basket__summary .total-item{font-size:12px}.basket__summary .total-item .list-bold{font-weight:600;font-size:15px}.basket__summary .total-item .list-bold::after{content:"\A";white-space:pre}.basket__summary-navigation{text-align:center;display:flex;padding:5px 0 15px;flex-direction:row;justify-content:center;align-items:center}.basket__summary-navigation .btn--textlnk,.basket__summary-navigation .btn--textlnk__inverse,.basket__summary-navigation .btn--textlnk__single,.basket__summary-navigation .btn--active,.basket__summary-navigation .btn--account,.basket__summary-navigation .btn--account__open{margin:0 5px}.basket__summary-delivery{margin-bottom:20px}.basket__summary-delivery .duplicate{display:block;text-align:right;margin-bottom:40px}.basket__summary .basket__item{clear:both;margin-bottom:10px;border-bottom:1px solid #cdcdcd}.basket__summary .basket__item:first-of-type{margin-top:10px}.basket__summary .basket__item:last-of-type{border-bottom:0px;margin-bottom:0px}.basket__thankyou{padding:20px;width:100%;text-align:left;position:relative;margin:20px auto;display:flex;flex-direction:column}@media (min-width: 768px){.basket__thankyou{margin:40px auto 20px;flex-direction:row}.basket__thankyou .basket__infosplit_spaced:nth-child(2){padding-left:20px}}.basket__thankyou h2{margin-bottom:30px}.basket__thankyou .btn--header .btn--outline{width:100%}@media (min-width: 1200px){.basket__thankyou .btn--header .btn--outline{width:initial}}.basket__thankyou .btn--desktop{display:none}@media (min-width: 768px){.basket__thankyou .btn--desktop{position:relative;display:inline-block;margin-top:50px;margin-bottom:-6px}}@media (min-width: 480px){.basket__thankyou .btn--footer{display:inline-block;position:relative}}@media (min-width: 768px){.basket__thankyou .btn--footer{display:none}}.basket__thankyou .modal__list li{margin-bottom:10px}.basket__thankyou .emphasis{color:#09254A;font-style:italic;font-weight:600}.basket__info{margin-left:0;text-align:left}.basket__details{padding:20px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%}@media (min-width: 768px){.basket__details{width:66.666666%;justify-content:flex-start}}@media (min-width: 1024px){.basket__details{width:75%;justify-content:flex-start}}.basket__details .box__head{margin:20px 0 5px}.basket__details .basket__alert{height:auto;padding:10px;margin:10px 0;color:#fff;text-align:center}.basket__details .basket__alert p{display:inline-block;font-weight:300;margin:0}.basket__details .basket__alert p :first-of-type{font-weight:600}.basket__details .basket__alert--warning{background:#c03}.basket__details .basket__alert--info{background:#ef5093}.basket__details .prod_free-delivery{background-color:#3a3a3a;color:#fff;margin-bottom:15px;padding:5px 10px;position:relative;min-height:50px}.basket__details .prod_free-delivery--position{position:absolute;display:inline-block;left:50%;transform:translateX(-50%);width:95%;text-align:center}.basket__details .prod_free-delivery--text{display:inline-block;font-size:14px;letter-spacing:1.5px;text-align:center;margin-top:3px}.basket__details .prod_free-delivery--text:before{content:"";background-image:url("/global/img/truck_white.svg");background-size:30px 30px;background-repeat:no-repeat;display:inline-block;height:30px;width:30px;margin-right:10px;margin-bottom:-8px}.basket__payment{text-align:center;display:block;clear:both}.basket__product{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;border-bottom:1px solid #cdcdcd;margin-bottom:15px;padding-bottom:9px}@media (min-width: 480px){.basket__product{align-items:flex-start;flex-direction:row}}.basket__product:last-of-type{border-bottom:0px;margin-bottom:0px}.basket__prodImage{width:100%;margin-bottom:10px}@media (min-width: 480px){.basket__prodImage{width:33.333333%;margin-bottom:0}}@media (min-width: 768px){.basket__prodImage{max-width:200px}}.basket__prodImage--position{position:relative;margin-left:auto;margin-right:auto;max-width:200px}.wishlist .basket__prodImage--position,.confirmation .basket__prodImage--position,.combine .basket__prodImage--position,.thankyou .basket__prodImage--position{max-width:120px;margin-bottom:10px}.basket__prodImage--position img{border:1px solid #e1e1e1;width:100%}.basket__prodImage--position .basket__prodImage--icons{position:absolute;top:10px;right:10px}.basket__prodImage--position .basket__prodImage--icons .prodIcon{position:relative;background:#fff;border:2px solid #333;width:30px;height:30px;text-align:right;margin:3px 3px 3px auto}.basket__prodImage--position .basket__prodImage--icons .prodIcon-position img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:0px;width:90%;margin:0}.basket__prodInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:10px;width:100%;min-height:100%}@media (min-width: 480px){.basket__prodInfo{width:66.666666%;margin-left:20px}}.basket__prodInfo--summary{padding-left:15px;margin-bottom:10px}.basket__prodInfo .prodCode{font-weight:700;margin:0}.basket__prodInfo .prodDesc{width:100%;display:flex;align-items:flex-start;min-height:36px}.basket__prodInfo .prodPrice{display:flex;flex-direction:column;width:100%;font-size:1.4rem;margin-bottom:5px}@media (min-width: 1024px){.basket__prodInfo .prodPrice{min-height:22px}}.basket__prodInfo .prodPrice__each{font-size:0.8rem;color:#3a3a3a}.basket__prodInfo .basket__prodQty{margin-right:5%}@media (min-width: 768px){.basket__prodInfo .basket__prodQty{margin-right:3%;display:inline-block}}.basket__prodInfo .basket__prodQty p{margin-bottom:0}.basket__prodInfo .basket__prodQty .lbl--quantity{margin-bottom:5px}.basket__prodInfo .basket__prodQty .btn--check{width:auto}.basket__prodInfo .basket__prodQty .btn--check:last-of-type{margin-right:15px}.basket__prodInfo .basket__prodQty .prodQty{margin:0 10px;font-size:16px;line-height:30px}.basket__prodInfo .prodMove{display:inline-block;line-height:1.2px;margin-top:5px;margin-bottom:5px}@media (min-width: 1024px){.basket__prodInfo .prodMove{margin-top:20px}}.basket__prodInfo .prodMove--item{display:inline-block;border:none;text-decoration:underline;text-decoration-color:#cdcdcd}.basket__prodInfo .prodMove--item:hover{text-decoration:none}.basket__prodInfo .basket__prodOptions{margin-top:10px;width:100%}.basket__prodInfo .basket__prodOptions--check{width:40px;height:40px;display:inline-block;vertical-align:top}.basket__prodInfo .basket__prodOptions--info{display:inline-block;width:auto;text-align:left;line-height:1.4;position:relative}.basket__prodInfo .basket__alert{margin:10px 0}.basket .multibuy{font-size:0.8rem;color:#c03}.shopPlus{background:#e2e2e2;margin:10px 0 0;text-align:center;position:relative;padding:0;opacity:0;visibility:hidden;max-height:0;transition:max-height .5s, opacity 1s ease-in-out;width:100%}.shopPlus:after{content:"";clear:both;width:100%;display:block}.shopPlus--active{opacity:1;visibility:visible;max-height:470px;min-height:310px;padding:10px 0;transition:max-height .5s, opacity 1s ease-in-out}@media (min-width: 1024px){.shopPlus--active{max-height:310px}}.shopPlus__header{display:block;text-align:center;margin:0 15px 15px;position:relative;height:15px}.shopPlus__header:after{content:"COMPLETE THE LOOK";display:block;background:#e2e2e2;position:absolute;color:#000;font-weight:800;letter-spacing:2px;font-size:12px;padding:5px 10px 5px 5px;left:0}.shopPlus__header:before{content:"";display:block;border-bottom:1px solid #000;position:absolute;top:13px;width:100%;height:0px}.shopPlus__block{width:100%;display:block;padding:10px;margin:0;box-sizing:border-box;position:relative;height:140px}@media (min-width: 1024px){.shopPlus__block{width:33.333333%;display:inline-block;height:100%}}.shopPlus__block .prod_image{display:inline-block;width:100px;position:absolute;top:10px;left:10px}@media (min-width: 1024px){.shopPlus__block .prod_image{width:120px;position:relative;top:auto;left:auto}}.shopPlus__block .prod_image img{width:100px}@media (min-width: 1024px){.shopPlus__block .prod_image img{width:120px}}.shopPlus__block .prod_info{color:#000;margin:0;text-transform:uppercase;font-size:11px;letter-spacing:1px;display:inline-block;width:calc(100% - (100px + 30px));position:absolute;top:10px;left:120px;text-align:left}@media (min-width: 1024px){.shopPlus__block .prod_info{width:calc(100% - (120px + 30px));position:relative;top:auto;left:auto;margin:10px 0;width:100%;text-align:center}}.shopPlus__block .prod_info .prod_desc{height:auto}@media (min-width: 1024px){.shopPlus__block .prod_info .prod_desc{height:40px}}.shopPlus__block .prod_info .prod_price{color:#000;font-weight:600;font-size:18px;letter-spacing:0;margin-bottom:5px}.shopPlus .btn--slider{margin-top:10px;height:36px;position:relative;overflow:hidden}.shopPlus .btn--slider .btn--default,.shopPlus .btn--slider .btn--outline,.shopPlus .btn--slider .btn--inactive-combine,.shopPlus .btn--slider .btn--inverse,.shopPlus .btn--slider .btn--disabled,.shopPlus .btn--slider .btn--black{display:block;margin-left:0;margin-right:0;max-width:150px;min-width:130px;text-align:center;position:absolute;left:0;transition:top .5s}.shopPlus .btn--slider .btn--default:nth-of-type(1),.shopPlus .btn--slider .btn--outline:nth-of-type(1),.shopPlus .btn--slider .btn--inactive-combine:nth-of-type(1),.shopPlus .btn--slider .btn--inverse:nth-of-type(1),.shopPlus .btn--slider .btn--disabled:nth-of-type(1),.shopPlus .btn--slider .btn--black:nth-of-type(1){top:0px}.shopPlus .btn--slider .btn--default:nth-of-type(2),.shopPlus .btn--slider .btn--outline:nth-of-type(2),.shopPlus .btn--slider .btn--inactive-combine:nth-of-type(2),.shopPlus .btn--slider .btn--inverse:nth-of-type(2),.shopPlus .btn--slider .btn--disabled:nth-of-type(2),.shopPlus .btn--slider .btn--black:nth-of-type(2){top:36px}@media (min-width: 1024px){.shopPlus .btn--slider .btn--default,.shopPlus .btn--slider .btn--outline,.shopPlus .btn--slider .btn--inactive-combine,.shopPlus .btn--slider .btn--inverse,.shopPlus .btn--slider .btn--disabled,.shopPlus .btn--slider .btn--black{left:50%;transform:translateX(-50%)}}.shopPlus .btn--slider .btn--slider__shopPlus--slide{position:absolute}.shopPlus .btn--slider .btn--slider__shopPlus--slide:nth-of-type(1){top:-36px}.shopPlus .btn--slider .btn--slider__shopPlus--slide:nth-of-type(2){top:0px}.variation--color{width:46px;height:15px;display:inline-block;margin-left:5px;vertical-align:middle}.firstPaymentDescription{display:block;margin-bottom:10px}.basketBox{margin-top:20px}select.has-blurred:invalid:not(:focus),select.has-blurred.is-invalid,select.has-blurred.user-error,input[type=text].has-blurred:invalid:not(:focus),input[type=text].has-blurred.is-invalid,input[type=text].has-blurred.user-error,input[type=email].has-blurred:invalid:not(:focus),input[type=email].has-blurred.is-invalid,input[type=email].has-blurred.user-error,input[type=password].has-blurred:invalid:not(:focus),input[type=password].has-blurred.is-invalid,input[type=password].has-blurred.user-error,input[type=number].has-blurred:invalid:not(:focus),input[type=number].has-blurred.is-invalid,input[type=number].has-blurred.user-error{border:#c03 1px solid !important}select.has-blurred:invalid:not(:focus) ~ .input-validation--fail,select.has-blurred.is-invalid ~ .input-validation--fail,select.has-blurred.user-error ~ .input-validation--fail,input[type=text].has-blurred:invalid:not(:focus) ~ .input-validation--fail,input[type=text].has-blurred.is-invalid ~ .input-validation--fail,input[type=text].has-blurred.user-error ~ .input-validation--fail,input[type=email].has-blurred:invalid:not(:focus) ~ .input-validation--fail,input[type=email].has-blurred.is-invalid ~ .input-validation--fail,input[type=email].has-blurred.user-error ~ .input-validation--fail,input[type=password].has-blurred:invalid:not(:focus) ~ .input-validation--fail,input[type=password].has-blurred.is-invalid ~ .input-validation--fail,input[type=password].has-blurred.user-error ~ .input-validation--fail,input[type=number].has-blurred:invalid:not(:focus) ~ .input-validation--fail,input[type=number].has-blurred.is-invalid ~ .input-validation--fail,input[type=number].has-blurred.user-error ~ .input-validation--fail{display:block}select.has-blurred:valid:not(:focus):not(.is-empty),select.has-blurred:valid:not(:focus):not(.is-invalid),select.has-blurred.user-success:not(:focus):not(.is-empty),input[type=text].has-blurred:valid:not(:focus):not(.is-empty),input[type=text].has-blurred:valid:not(:focus):not(.is-invalid),input[type=text].has-blurred.user-success:not(:focus):not(.is-empty),input[type=email].has-blurred:valid:not(:focus):not(.is-empty),input[type=email].has-blurred:valid:not(:focus):not(.is-invalid),input[type=email].has-blurred.user-success:not(:focus):not(.is-empty),input[type=password].has-blurred:valid:not(:focus):not(.is-empty),input[type=password].has-blurred:valid:not(:focus):not(.is-invalid),input[type=password].has-blurred.user-success:not(:focus):not(.is-empty),input[type=number].has-blurred:valid:not(:focus):not(.is-empty),input[type=number].has-blurred:valid:not(:focus):not(.is-invalid),input[type=number].has-blurred.user-success:not(:focus):not(.is-empty){border:#257104 2px solid}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:1px solid #333;-webkit-text-fill-color:#333;-webkit-box-shadow:0 0 0px 1000px #f6f6f6 inset;transition:background-color 5000s ease-in-out 0s}.multi-select .styled-select select.has-blurred:valid:not(:focus):not(.is-empty) ~ .input-validation--pass,.multi-select .styled-select select.has-blurred.user-success:not(:focus):not(.is-empty) ~ .input-validation--pass{display:none}.multi-select .styled-select select.has-blurred:valid:not(:focus):not(.is-empty)+.has-blurred:valid:not(:focus):not(.is-empty)+.has-blurred:valid:not(:focus):not(.is-empty) ~ .input-validation--pass,.multi-select .styled-select select.has-blurred.user-success:not(:focus):not(.is-empty)+.has-blurred.user-success:not(:focus):not(.is-empty)+.has-blurred.user-success:not(:focus):not(.is-empty) ~ .input-validation--pass{display:block}#ContentPlaceHolder1_sidebar_dvNoTerms:not(.is-hidden),#dvNoTerms:not(.is-hidden){display:block !important;margin-top:15px;box-sizing:unset;width:calc(100% + 2px);margin-left:-2px}.input-validation{display:none;z-index:1000;position:absolute;top:0;left:100%}.input-validation.input-validation--pass{left:auto;right:6px}.input-validation.input-validation--fail{position:relative;left:auto;background:#c03;color:#fff;margin:0 0 5px 0;padding:10px 5px;float:left;width:100%;z-index:1}.input-validation.input-validation--fail:before{content:'';position:absolute;margin:-18px 0px 0 0;left:10px;border-bottom:0.75rem solid #c03;border-right:0.75rem solid transparent;border-left:0.75rem solid transparent;border-top:none}.multi-select .input-validation.input-validation--fail:before{display:none}.block .input-validation.input-validation--fail{display:none;position:relative;left:auto;margin:0 0 .69231em 0;float:left;width:100%;min-height:2.07692em}.input-validation--show{display:block}.input-validation--show.input-validation--fail:before{margin:-18px 0px 0 132px}.input-validation.is-hidden{display:none}.input-validation__icon{float:left;height:30px;width:30px;margin:6px 0;text-align:center;font-size:22px;line-height:25px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.input-validation--pass .input-validation__icon{color:#fff;background:#257104}.multi-select .input-validation--pass .input-validation__icon{margin-top:-5px}.input-validation--fail .input-validation__icon{color:#fff;border:2px solid #fff;font-weight:600;margin:-2px 3px 0px;position:absolute}.input-validation__message{clear:none;text-align:left;margin:6px 6px 6px 40px;font-size:1em;line-height:1.03846em}.account{padding-top:0px}.account__forgotten{min-height:calc(100vh - (59px + 56px))}@media (min-width: 768px){.account__forgotten{min-height:calc(100vh - (59px + 38px))}}.account.login{display:flex;justify-content:center;align-items:center}.account .txt-bold{font-weight:700}.account .paired__none{display:none}.account__wrapper{width:100%}.account__signin{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:20px}@media (min-width: 768px){.account__signin{margin-top:50px;flex-direction:row;flex-wrap:wrap}}.account__myAccount{display:flex;flex-direction:column;margin-top:40px}@media (min-width: 768px){.account__myAccount{flex-direction:row}}.account__newAddressSection{max-width:580px}.account__redirect{font-weight:bold;margin-top:50px;font-style:italic;height:0;display:block;overflow:hidden;transition:all 2s}.account .section__header{margin:0 0 30px}.account .section__sub-header{margin:20px 0 10px;letter-spacing:2px;font-weight:700;font-size:14px}.account .form__person-name:nth-of-type(1){width:calc(26% - 7px);margin-right:7px}.account .form__person-name:nth-of-type(2){width:calc(37% - 14px);margin-left:7px;margin-right:7px}.account .form__person-name:nth-of-type(3){width:calc(37% - 7px);margin-left:7px}.account .form__person-contact:nth-of-type(1){width:calc(50% - 7px);margin-right:7px}.account .form__person-contact:nth-of-type(2){width:calc(50% - 7px);margin-left:7px}.account .orderHistory--split-payments .section__sub-header{margin:15px 0 10px 20px}.account__linebreak{border-top:1px solid #cdcdcd}.account__centralrez{margin:20px auto 0 auto;padding:20px;text-align:center;display:flex;flex-direction:column;min-height:inherit;align-items:stretch;justify-content:center;max-width:450px;width:100%}@media (min-width: 768px){.account__centralrez{max-width:500px}}.account__centralrez.generic-validation__message{max-width:unset}.account__centralrez--wide{width:100%;max-width:unset}.account__divide{padding:20px;text-align:center;width:100%}@media (min-width: 768px){.account__divide{padding:20px 40px;width:50%}.account__divide:nth-of-type(1){border-right:1px solid #cdcdcd}}.account__divide .social__login{margin:10px auto;height:150px;width:285px}@media (min-width: 768px){.account__divide .social__login{margin:15px auto}}.account__divide .social__login .line__break{background-color:#fff;box-sizing:border-box;margin-left:5%;margin-right:5%;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:10px}.account__divide .social__login .line__break:before{background-color:gray;content:'';display:block;height:1px;left:0;position:absolute;right:0;top:10px;width:100%}.account__divide .social__login .line__break--text{font-family:Open Sans, Arial, Helvetica, sans-serif;background-color:#fff;color:#333;display:inline-block;font-style:italic;margin:0px auto;box-sizing:border-box;padding:0 8px;position:relative;font-size:13px;font-weight:500}.account__divide .social__login .social__login--text{text-align:center;margin:5px 0 10px}@media (min-width: 768px){.account__divide .social__login .social__login--text{margin:10px 0 15px}}.account__divide .social__login .social__login--buttons{text-align:center;margin:0px auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center}.account__divide .social__login .google__button{border:solid 2px #ddd;color:#2d2d2d;cursor:pointer;display:block;font-style:normal;font-stretch:normal;font-style:normal;font-weight:700;font-size:14px;height:44px;letter-spacing:1px;line-height:40px;margin-right:5px;position:relative;text-align:center;text-indent:30px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:138px}@media (min-width: 768px){.account__divide .social__login .google__button{width:140px}}.account__divide .social__login .google__button::before{-webkit-background-clip:padding-box;background-clip:padding-box;background-image:url("https://cdn.gemporia.com/images/social-icons/google-logo.svg");background-repeat:no-repeat;background-position:100% center;background-size:18px;content:'';height:40px;left:0;top:0;position:absolute;width:30px}.account__divide .social__login .apple__button{border:solid 2px #ddd;color:#2d2d2d;cursor:pointer;display:block;font-style:normal;font-stretch:normal;font-style:normal;font-weight:700;font-size:14px;height:44px;letter-spacing:1px;line-height:40px;margin-bottom:5px;position:relative;text-align:center;text-indent:30px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:138px}@media (min-width: 768px){.account__divide .social__login .apple__button{width:140px}}.account__divide .social__login .apple__button::before{-webkit-background-clip:padding-box;background-clip:padding-box;background-image:url("https://cdn.gemporia.com/images/social-icons/apple-logo.svg");background-repeat:no-repeat;background-position:100% center;background-size:18px;content:'';height:40px;left:0;top:0;position:absolute;width:30px}.account__divide .social__login .facebook__button{border:solid 2px #ddd;clear:both;color:#2d2d2d;cursor:pointer;display:block;font-style:normal;font-stretch:normal;font-style:normal;font-weight:700;font-size:14px;height:44px;letter-spacing:1px;line-height:40px;margin:0 auto;position:relative;text-align:center;text-indent:30px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:138px}@media (min-width: 768px){.account__divide .social__login .facebook__button{width:140px}}.account__divide .social__login .facebook__button::before{-webkit-background-clip:padding-box;background-clip:padding-box;background-image:url("https://cdn.gemporia.com/images/social-icons/facebook-logo.svg");background-repeat:no-repeat;background-position:100% center;background-size:18px;content:'';height:40px;left:0;top:0;position:absolute;width:30px}.account__divide .social__login .google__button:focus,.account__divide .social__login .google__button:hover,.account__divide .social__login .facebook__button:focus,.account__divide .social__login .facebook__button:hover,.account__divide .social__login .apple__button:focus,.account__divide .social__login .apple__button:hover{border:2px solid #09254A}.account__divide .social__login .google__button:active,.account__divide .social__login .facebook__button:active,.account__divide .social__login .apple__button:active{-webkit-transform:translateX(1px) translateY(1px);-ms-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}.account .account__sidemenu{width:100%}@media (min-width: 768px){.account .account__sidemenu{width:25%}}.account .account__main,.account .account__main--narrow{width:calc(100% - 20px);margin-right:auto}@media (min-width: 768px){.account .account__main,.account .account__main--narrow{width:calc(75% - 20px);margin-bottom:40px}}.account .account__sidemenu,.account .account__main,.account .account__main--narrow{margin-top:20px;padding:0 20px}.account .paired__info{width:100%}.account .paired__info .paired__sample2{display:block;width:60%;min-width:250px;margin:10px auto}.account .paired__info .paired__sample2 img{width:100%}@media (min-width: 768px){.account .paired__info .paired__sample2{display:none}}.account__pairMyDevice{display:flex;flex-direction:row-reverse}.account .paired__sample1{display:none}@media (min-width: 768px){.account .paired__sample1{display:block;margin-left:20px;width:100%}}.account .paired__sample1 img{width:100%}.account .account__order{display:flex;flex-direction:row;width:100%;padding-bottom:15px;border-bottom:1px solid #cdcdcd;margin:10px 0}.account .account__order-product{width:33.333333%;border:1px solid #e1e1e1;height:33.333333%}.account .account__order-product img{width:100%}@media (min-width: 768px){.account .account__order-product{width:20%}}.account .account__order-details{width:66.666666%;padding-left:20px}@media (min-width: 768px){.account .account__order-details{width:80%}}.account .account__address{min-height:210px;border:1px solid #cdcdcd;padding:15px;position:relative;width:100%}.account .account__address--intro{margin-bottom:10px}.account .account__address .not-default{display:none}.account .account__address .is-default{color:#09254A;font-size:16px}@media (min-width: 768px){.account .account__address--format br{display:none}}.account .account__address--action{margin-top:10px}@media (min-width: 768px){.account .account__address--action{margin-top:0px;position:absolute;top:15px;right:15px}}.account .myVideos{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:left;justify-content:left;margin-bottom:40px}.account .myVideos .video__container{border:1px solid #ccc;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:0 0 50%;margin-top:10px;margin-right:10px;padding:10px 5px;max-width:200px;text-align:center;position:relative}.account .myVideos .video__container:hover{border-color:#09254A;cursor:pointer}.account .myVideos a,.account .myVideos a:hover,.account .myVideos a:focus,.account .myVideos a:active{text-decoration:none;color:inherit}.account .myVideos .video__image{height:auto;width:100%;max-width:200px}.account .myVideos .video__name{margin-top:10px}.account .myVideos .video__skillLevel{height:30px;line-height:30px;font-weight:600;letter-spacing:2px;background-color:#09254A;color:#ffffff;font-size:15px;text-transform:uppercase;position:absolute;top:20px;left:0;padding:0 10px}.account .myVideos .video__skillLevel:before{border-color:transparent transparent transparent #09254A;border-style:solid;border-width:0 0 15px 15px;content:"";display:inline-block;height:0;position:absolute;right:-14px;top:0;width:0}.account .myVideos .video__skillLevel:after{border-color:transparent transparent transparent #09254A;border-style:solid;border-width:15px 0 0 15px;content:"";display:inline-block;height:0;position:absolute;right:-14px;bottom:0;width:0}.pairing-devices__img p{text-align:center;color:#000;font-weight:700;margin-bottom:5px}#g-recaptcha{display:flex;align-content:center;justify-content:center;padding-top:20px}@media (min-width: 768px){.payment br{display:none}}.payment-wrap{float:left;display:block;width:100%;margin-left:-8px}@media (min-width: 480px){.payment-wrap{float:right;width:auto;display:inline-block}}.payment--label{padding:0 3% 0 0;font-weight:700;background:none}.payment--paypal{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:-21px -63px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:21px}.payment--mastercard{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:-35px -112px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:34px}.payment--visa{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:-34px -21px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:34px}.payment--delta{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:-34px -42px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:34px}.payment--discover{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:0 -21px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:34px}.payment--amex{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:0 -112px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:35px}.payment--maestro{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:0 -42px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:34px}.payment--gemcredit{background-image:url('/SewingStreet/img/logos-s6c5453584c.png');background-position:0 -63px;background-repeat:no-repeat;overflow:hidden;display:block;height:21px;width:21px}.payment{display:inline-block;vertical-align:middle;margin:0 7px 10px}.radio-group .payment{margin-bottom:3px;margin-top:3px;vertical-align:top}.divtable{display:table;width:100%}.divtable__indent-outline{margin:0 20px 20px;width:calc(100% - 40px)}@media (min-width: 480px){.divtable__indent-outline{border:#cdcdcd 1px solid}}.divtable__body{display:table-row-group}.divtable__row{display:block;padding-bottom:15px}@media (min-width: 480px){.divtable__row{display:table-row}}.divtable__thankyou .divtable__row{display:table-row;padding-bottom:5px;border-top:red 10px solid}.divtable__thankfoot .divtable__row{display:table-row;padding-bottom:0px}.divtable__row:last-of-type .divtable__cell{border-bottom:0}.divtable__row.cancelled{color:#c03}@media (max-width: 479px){.divtable__row.cancelled .divtable__cell:nth-of-type(4){display:none}}@media (min-width: 480px){.divtable__row.divtable__row-final .divtable__cell:nth-of-type(1){text-align:right}}.divtable__row.divtable__row-final .divtable__cell:nth-of-type(2){width:10%}.divtable__row.pending{color:green}.divtable__row--header{display:none}@media (min-width: 480px){.divtable__row--header{display:table-row;background-color:#e1e1e1}}.divtable__row--hilight{background-color:#f6f6f6;padding:10px}@media (min-width: 480px){.divtable__row--hilight{display:table-row;background-color:#f6f6f6}}@media (min-width: 480px){.divtable__cell{border-bottom:1px solid #cdcdcd;display:table-cell;padding:7px 10px}}.divtable__thankyou .divtable__cell,.divtable__thankfoot .divtable__cell{border-bottom:0px;padding:3px 10px;vertical-align:top;display:inline-block;text-align:left}@media (min-width: 480px){.divtable__thankyou .divtable__cell,.divtable__thankfoot .divtable__cell{display:table-cell}.divtable__thankyou .divtable__cell:first-of-type,.divtable__thankfoot .divtable__cell:first-of-type{padding:3px 10px 3px 0}.divtable__thankyou .divtable__cell:last-of-type,.divtable__thankfoot .divtable__cell:last-of-type{padding:3px 0 3px 10px}}@media (min-width: 768px){.divtable__thankyou .divtable__cell,.divtable__thankfoot .divtable__cell{display:inline-block}}@media (min-width: 1024px){.divtable__thankyou .divtable__cell,.divtable__thankfoot .divtable__cell{display:table-cell}.divtable__thankyou .divtable__cell:first-of-type,.divtable__thankfoot .divtable__cell:first-of-type{padding:3px 10px 3px 0}.divtable__thankyou .divtable__cell:last-of-type,.divtable__thankfoot .divtable__cell:last-of-type{padding:3px 0 3px 10px}}.divtable__cell--header{display:inline-block}@media (min-width: 480px){.divtable__cell--header{display:none}}.divtable.divtable__thankyou{margin-top:20px}.divtable.divtable__thankyou .divtable__cell{width:100%;text-align:left}.divtable.divtable__thankyou .divtable__cell .basket__prodImage--position{max-width:100px}.divtable.divtable__thankyou .divtable__cell .total-item{font-weight:600}.divtable.divtable__thankyou .divtable__cell:nth-of-type(1){width:105px}.divtable.divtable__thankyou .divtable__cell:nth-of-type(2),.divtable.divtable__thankyou .divtable__cell:nth-of-type(3),.divtable.divtable__thankyou .divtable__cell:nth-of-type(4){display:none}.divtable.divtable__thankyou .divtable__cell:nth-of-type(5){display:inline-block;width:calc(100% - 115px)}.divtable.divtable__thankyou .divtable__cell:nth-of-type(6){width:calc(100% - 50px);display:inline-block;text-align:right}@media (min-width: 480px){.divtable.divtable__thankyou .divtable__cell:nth-of-type(2){width:calc(100% - 195px);display:inline-block}.divtable.divtable__thankyou .divtable__cell:nth-of-type(3){width:80px;display:inline-block;text-align:center}.divtable.divtable__thankyou .divtable__cell:nth-of-type(4){width:105px;display:inline-block}.divtable.divtable__thankyou .divtable__cell:nth-of-type(5){display:none}.divtable.divtable__thankyou .divtable__cell:nth-of-type(6){width:calc(100% - 30px)}}@media (min-width: 768px){.divtable.divtable__thankyou .divtable__cell:nth-of-type(2),.divtable.divtable__thankyou .divtable__cell:nth-of-type(3),.divtable.divtable__thankyou .divtable__cell:nth-of-type(4){display:none}.divtable.divtable__thankyou .divtable__cell:nth-of-type(5){display:inline-block;width:calc(100% - 115px)}}@media (min-width: 1024px){.divtable.divtable__thankyou .divtable__cell:nth-of-type(2){width:calc(100% - 195px);display:inline-block}.divtable.divtable__thankyou .divtable__cell:nth-of-type(3){width:80px;display:inline-block}.divtable.divtable__thankyou .divtable__cell:nth-of-type(4){width:105px;display:inline-block}.divtable.divtable__thankyou .divtable__cell:nth-of-type(5){display:none}}.divtable.divtable__thankfoot{margin-bottom:20px}.divtable.divtable__thankfoot .divtable__cell.total-item{font-weight:600}.divtable.divtable__thankfoot .divtable__cell:nth-of-type(1){width:calc(100% - 95px);text-align:right}@media (min-width: 480px){.divtable.divtable__thankfoot .divtable__cell:nth-of-type(1){width:calc(100% - 115px)}}@media (min-width: 768px){.divtable.divtable__thankfoot .divtable__cell:nth-of-type(1){width:calc(100% - 95px)}}@media (min-width: 1024px){.divtable.divtable__thankfoot .divtable__cell:nth-of-type(1){width:calc(100% - 115px)}}.divtable.divtable__thankfoot .divtable__cell:nth-of-type(2){width:85px}@media (min-width: 480px){.divtable.divtable__thankfoot .divtable__cell:nth-of-type(2){width:115px}}@media (min-width: 768px){.divtable.divtable__thankfoot .divtable__cell:nth-of-type(2){width:85px}}@media (min-width: 1024px){.divtable.divtable__thankfoot .divtable__cell:nth-of-type(2){width:115px}}.divtable.divtable__six .divtable__cell{width:100%}.divtable.divtable__six .divtable__cell:last-of-type{border-right:0px}@media (min-width: 480px){.divtable.divtable__six .divtable__cell{width:20%}.divtable.divtable__six .divtable__cell:last-of-type{border-right:1px}}.divtable.divtable__four .divtable__cell{width:100%}@media (min-width: 480px){.divtable.divtable__four .divtable__cell{width:25%}}.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer{margin-top:20px}.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__row{padding-bottom:0px}.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell{width:100%;border-bottom:0;padding-bottom:15px}@media (min-width: 480px){.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell{width:50%}}.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell .section__sub-header{margin-top:0px}.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--mobile{display:inline-block}@media (min-width: 480px){.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--mobile{display:none}}.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--desktop{display:none}@media (min-width: 480px){.divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--desktop{display:block;width:100%}}@media (min-width: 480px){.divtable.divtable__pending-orders .divtable__cell{padding:5px 7px 5px 0 !important;border-bottom-color:#f6f6f6}}@media (min-width: 768px){.divtable.divtable__pending-orders .divtable__cell{white-space:nowrap}}.divtable.divtable__pending-orders .divtable__cell:nth-of-type(2) .list-bold{font-weight:600}.divtable.divtable__pending-orders .divtable__cell:nth-of-type(2) .list-bold::after{content:"\A";white-space:pre}@media (min-width: 480px){.divtable.divtable__pending-orders .divtable__cell:nth-of-type(2){padding:5px 0 5px 7px !important;text-align:right}}.modal__block-summary .divtable{width:100%;margin:15px 0 10px}.modal__block-summary .divtable.basket__summary--notes{margin-bottom:0px;float:none;width:100%}@media (min-width: 480px){.modal__block-summary .divtable.basket__summary--notes{width:100%;max-width:420px}}@media (min-width: 768px){.modal__block-summary .divtable.basket__summary--notes{max-width:unset}}.modal__block-summary .divtable .divtable__row{display:table-row;padding-bottom:0px}.modal__block-summary .divtable .divtable__cell{border-bottom:0px;padding:0px 0px 4px;display:table-cell;text-align:left}.modal__block-summary .divtable .divtable__cell:nth-of-type(2){padding-left:10px;text-align:right}.modal__block-summary .divtable .divtable__cell h3.basket__totals{margin-bottom:0px}.form-submit--confirm label,.self-input-submit label{display:block;height:0px;min-height:0px;padding:0 10px;border:0;font-size:13px;width:100%;text-align:left;margin-bottom:0px;transition:height .6s, min-height .6s, padding .6s, border .2s .4s}.form-submit--confirm label p,.self-input-submit label p{margin-left:25px;margin-bottom:0px;visibility:hidden}.form-submit--confirm input[type="text"],.self-input-submit input[type="text"]{margin-top:0px}.form-submit--confirm input[type="text"].reveal__confirmation,.self-input-submit input[type="text"].reveal__confirmation{border:2px solid green}.form-submit--confirm label.reveal__confirmation,.self-input-submit label.reveal__confirmation{position:relative;background:#ffffff;border:2px solid green;border-bottom:0;height:auto;min-height:40px;padding:10px;transition:height .6s, min-height .6s, padding .6s}.form-submit--confirm label.reveal__confirmation p,.self-input-submit label.reveal__confirmation p{visibility:visible;transition:visibility .5s .8s}.form-submit--confirm label.reveal__confirmation p:before,.self-input-submit label.reveal__confirmation p:before{content:"\2713";font-weight:bold;display:inline-block;font-size:24px;color:green;position:absolute;margin-left:-25px}.form-submit--interactive{position:relative;display:inline-block}.btn--group .form-submit--interactive{margin-left:5px;margin-right:5px}.btn--group .form-submit--interactive:first-of-type{margin-left:0}.btn--group .form-submit--interactive:last-of-type{margin-right:0}.basket__summary .form-submit--interactive,.central-block .form-submit--interactive,.error-block .form-submit--interactive{width:100%}.form-submit--interactive input[type=submit].btn--action,.form-submit--interactive a.btn--action{visibility:visible}.form-submit--interactive.loading .btn--action,.form-submit--interactive.loading .btn--loading{background:#eee;border-color:#ddd;color:#ddd}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading::before{content:'';margin:auto;height:30px;width:30px;animation:rotate 1s infinite linear;border:5px solid #a5a5a5;border-right-color:transparent;border-radius:50%;right:0;left:0;z-index:1;display:block}.btn--check .loading::before{height:26px;width:26px;margin:2px}.btn--spin{display:inline-block;position:relative;margin-top:5px;padding:0}.btn--spin.loading .btn--textlnk,.btn--spin.loading .btn--textlnk__inverse,.btn--spin.loading .btn--textlnk__single,.btn--spin.loading .btn--active,.btn--spin.loading .btn--account,.btn--spin.loading .btn--account__open{color:#ddd !important;border-bottom:0px}.btn--spin.loading::before{position:absolute;margin-top:-4px;height:28px;width:28px}.btn--right{text-align:right;bottom:0;position:absolute;right:0}.groupFlip{width:180px;height:43px;position:relative;margin:0;-webkit-column-span:all;column-span:all;overflow:hidden}@media (min-width: 480px){.groupFlip{width:220px}}.groupFlip input[type="submit"]:nth-of-type(1),.groupFlip input[type="submit"]:nth-of-type(2),.groupFlip input[type="submit"]:nth-of-type(3){width:180px;position:absolute;clear:both;left:0;margin:0;transition:all 0.5s}@media (min-width: 480px){.groupFlip input[type="submit"]:nth-of-type(1),.groupFlip input[type="submit"]:nth-of-type(2),.groupFlip input[type="submit"]:nth-of-type(3){width:220px}}.groupFlip input[type="submit"]:nth-of-type(1){top:0px}.groupFlip input[type="submit"]:nth-of-type(2){top:46px}.groupFlip input[type="submit"]:nth-of-type(3){top:92px}.groupFlip.flipTo input[type="submit"]:nth-of-type(1){top:-46px}.groupFlip.flipTo input[type="submit"]:nth-of-type(2){top:0px}.groupFlip.flipTo input[type="submit"]:nth-of-type(3){top:46px}.groupFlip.flipCombo input[type="submit"]:nth-of-type(1){top:-92px}.groupFlip.flipCombo input[type="submit"]:nth-of-type(2){top:-46px}.groupFlip.flipCombo input[type="submit"]:nth-of-type(3){top:0px}.form-submit--interactive.loading::before{position:absolute;margin-top:6px}#pay-button-container{width:100px}.pay-button__wrap{display:flex}.pay-button__wrap button{margin-right:0}#pay-button-container.form-submit--interactive.loading::before{margin-top:17px}.btn--check.js-loading .btn--interactive,.btn--check:not(.js-loading) .loading{display:none}#overlay{background:rgba(255,255,255,0.9);height:100%;width:100%;position:fixed;top:0;left:0;visibility:hidden;opacity:0;z-index:4;transition:all .9s}#overlay.active{visibility:visible;opacity:1;transition:all .9s}#overlay .overlay__position{position:absolute;background:#ffffff;max-width:500px;min-width:320px;padding:15px;top:50%;left:50%;transform:translate(-50%, -80%);text-align:center;z-index:5}#overlay .overlay__position .logo{display:block;width:100%;background-image:url("/SewingStreet/img/ss_logo.svg");background-size:250px;height:100px;background-repeat:no-repeat;background-position:bottom center;margin-bottom:30px;z-index:6}#overlay .overlay__position .loading{margin-bottom:30px;z-index:6}.block__tooltip{display:flex;padding:15px 0}.basket__prodOptions--info .block__tooltip{padding:0}.block__tooltip--txt{display:inline-block;margin-right:10px}.block__tooltip--tip{position:relative;display:inline-block}.block__tooltip .reveal__txtbox{width:200px;left:-66px;top:21px;height:auto;display:block;position:absolute;text-align:center;color:#fff;background:#3a3a3a;padding:10px;line-height:17px;margin-top:10px;max-height:0;opacity:0;visibility:hidden;z-index:2;transition:max-height 0.5s, visibility 0.5s, opacity 0.5s}.block__tooltip .reveal__txtbox::before{content:'';display:block;top:-14px;right:80px;position:absolute;z-index:2;width:0;height:0;border-style:solid;border-width:0 20px 14px 20px;border-color:transparent transparent #3a3a3a transparent}.block__tooltip .reveal__txtbox--open{max-height:150px;opacity:1;visibility:visible}.step-up{position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-187.5px;border:0;z-index:8;background:#fff}#main-container.hidden:before{content:' ';background:#fff;height:100%;width:100%;position:fixed;top:0;left:0;z-index:3}#stepUpMessage{position:absolute;z-index:9;top:calc(50% + 85px);width:600px;left:50%;margin-left:-300px;margin-top:-376px;border:1px solid #c03;color:#c03;padding:10px;background:#fff}#stepUpMessage.active{visibility:visible}.banner{transition:all;position:relative;z-index:2;overflow:hidden}.banner--promo{max-width:1200px;margin:0 auto}.banner--show{display:block;min-height:44px}.banner--show .promo{min-height:45px}.announcement{text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:700;position:relative;font-size:12px;padding:0;margin:0 auto;max-width:1200px}.announcement__link{position:absolute;top:0;left:0;width:100%}.announcement a{color:#fff}@media (min-width: 480px){.announcement{font-size:13px}}.announcement__message{list-style:none;width:100%;display:none;line-height:14px;padding:10px;box-sizing:border-box}@media (min-width: 480px){.announcement__message{line-height:20px}}.announcement__message--show{display:block}.announcement__text{align-items:center;justify-content:center;line-height:1.8}.announcement__text--desktop{display:none;margin:0 30px}@media (min-width: 768px){.announcement__text--desktop{display:flex}}.announcement__text--mobile{display:flex;margin:0 35px 0 0}@media (min-width: 768px){.announcement__text--mobile{display:none}}.announcement__close{display:inline-block;position:absolute;line-height:20px;font-weight:400;font-size:40px;cursor:pointer;padding:10px;z-index:2;right:0;top:45%;transform:translateY(-50%)}@media (min-width: 768px){.announcement__close{font-size:36px;top:0;transform:translateY(0)}}.announcement__close:before{display:inline-block;content:"×"}.promo{list-style:none;padding:0;position:relative;height:45px;max-width:100%;margin:0 auto;text-transform:uppercase;font-weight:600;font-size:15px}.promo__text{margin:0;letter-spacing:1px;align-items:center;justify-content:center;width:100%;height:45px}.promo__text--mobile{display:flex;font-size:10px}@media (min-width: 768px){.promo__text--mobile{display:none}}.promo__text--desktop{display:none}@media (min-width: 768px){.promo__text--desktop{display:flex}}.promo__link{position:absolute;width:100%;height:45px;top:0}@media (min-width: 768px){.promo__link{position:initial;width:0}}.promo__terms{display:none;font-size:11px;text-transform:none}@media (min-width: 769px){.promo__terms{display:block;position:absolute;right:10px;top:0;line-height:45px}}.promo__message{position:absolute;top:0;height:45px;width:100%}.promo__message--hide{display:none}.promo button{display:inline-block;border:2px solid #fff;text-decoration:none;color:#000;font-size:0.688rem;cursor:pointer;text-align:center;transition:background 250ms ease-in-out, transform 150ms ease;-webkit-appearance:none;-moz-appearance:none;outline:1px solid #fff;text-transform:uppercase;font-weight:700;letter-spacing:2px;padding:0.188rem;width:9.375rem;margin-left:0.625rem}.promo button:hover,.promo button:focus{background:#fff}.promo button:focus{outline:1px solid #fff}.code{text-decoration:underline;margin-left:0.625rem;font-weight:700;letter-spacing:1px}@media (min-width: 1024px){.code{letter-spacing:3px}} ======= @charset "UTF-8"; .is-helper-text { color: #3a3a3a; font-size: 11px; line-height: 14px; } .is-helper-text:first-child { text-align: left; float: left; } .is-helper-text:only-child { text-align: center; float: none; } .is-helper-text + .is-helper-text { float: right; text-align: right; } .is-helper-text__block { margin-top: 15px; margin-bottom: 55px; } .is-emphasis { font-weight: bold; } .txt-centered { text-align: center; } .is-full-width { width: 100%; display: block; } .is-close:after { content: "×"; float: right; font-size: 22px; font-weight: bold; color: #000; } .is-hidden { display: none !important; } .is-closed { max-height: 0px; overflow: hidden; opacity: 0; } .is-opened { max-height: 1000px; opacity: 1; transition: all 1s; } .hidden { display: none; visibility: hidden; } /** * z-index layers */ @font-face { font-family: "Museo Sans"; src: url(https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-100.woff) format("woff"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-100.woff2") format("woff2"); font-weight: 100; font-display: swap; font-style: normal; } @font-face { font-family: "Museo Sans"; src: url(https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-300.woff) format("woff"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-300.woff2") format("woff2"); font-weight: 300; font-display: swap; font-style: normal; } @font-face { font-family: "Museo Sans"; src: url(https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-500.woff) format("woff"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-500.woff2") format("woff2"); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: "Museo Sans"; src: url(https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-700.woff) format("woff"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-700.woff2") format("woff2"); font-weight: 700; font-display: swap; font-style: normal; } @font-face { font-family: "Museo Sans"; src: url(https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-900.woff) format("woff"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/museosans/museo-sans-900.woff2") format("woff2"); font-weight: 900; font-display: swap; font-style: normal; } @font-face { font-family: "FontAwesome"; src: url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/fontawesome/FontAwesome.eot"); src: url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/fontawesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/fontawesome/fontawesome-webfont.svg") format("svg"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/fontawesome/fontawesome-webfont.woff") format("woff"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/fontawesome/fontawesome-webfont.woff2") format("woff2"), url("https://cdn.gemporiacraft.io/files/fonts/sewingstreet/fontawesome/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, picture { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: 700; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 0; } /** * Address differences between Firefox and other browsers. */ hr { height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 13px; line-height: 18px; vertical-align: top; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Remove excess padding in IE 8/9/10. */ input[type=checkbox], input[type=radio] { padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. */ input[type=search] { -webkit-appearance: textfield; /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .addCard-content { min-height: calc(100vh - 131px); } @media (min-width: 768px) { .addCard-content { min-height: calc(100vh - 113px); } } html { overflow-y: scroll; height: 100%; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { font-family: "Museo Sans", Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; line-height: 18px; -webkit-font-smoothing: antialiased; min-height: 100%; min-width: 320px; position: relative; } .fonts-loaded body { font-family: "Museo Sans", Arial, Helvetica, sans-serif; } main { min-height: calc(100vh - 131px); } @media (min-width: 768px) { main { min-height: calc(100vh - 113px); } } h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dd, p, figure, pre, table, fieldset, input[type=text], input[type=email], input[type=password], input[type=button], input[type=submit], button, select { margin-top: 0; } ul { margin: 0; padding: 0; list-style: none; } a { text-decoration: underline; color: inherit; cursor: pointer; transition: color 0.3s; } a:hover { color: #09254A; } p { clear: both; margin-right: auto; margin-left: auto; } p.p--nobase { margin-bottom: 0; } button:focus, input:focus, textarea:focus, select:focus { outline: 0; } .clear { clear: both; } .basket h1 { display: block; font-family: "Museo Sans", Arial, Helvetica, sans-serif; clear: both; font-size: 36px; font-weight: 400; line-height: 0.8; display: block; } @media (min-width: 480px) { .basket h1 { font-size: 44px; } } .account .section__header h2 { font-weight: 600; margin-bottom: 10px; } .basket h2 { font-size: 1.2em; margin-bottom: 5px; clear: both; } .generic-validation__message h2, .generic-validation__message h3 { font-size: 15px !important; letter-spacing: 2px !important; font-weight: 700 !important; margin-bottom: 5px; } html { height: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { position: relative; margin: 0; min-height: 100%; } @media (min-width: 768px) { body.sidebar { background-image: linear-gradient(to right, #fff 0%, #fff 66.5%, #f6f6f6 100%, #f6f6f6 100%); } } @media (min-width: 1024px) { body.sidebar { background-image: linear-gradient(to right, #fff 0%, #fff 75%, #f6f6f6 80%, #f6f6f6 100%); } } .container { max-width: 1200px; margin: 0 auto; overflow: hidden; } .vanilla-block { width: calc(100% - 40px); padding: 20px; margin: 100px 20px 120px; text-align: center; } @media (min-width: 768px) { .vanilla-block { width: calc(66.666666% - 40px); margin: 100px auto 120px; } } @media (min-width: 1024px) { .vanilla-block { width: calc(50% - 40px); margin: 100px auto 120px; } } .central-block { width: calc(100% - 40px); border: 1px solid #cdcdcd; padding: 20px; margin: 40px 20px; text-align: center; } @media (min-width: 768px) { .central-block { width: calc(66.666666% - 40px); margin: 40px auto; } } @media (min-width: 1024px) { .central-block { width: calc(50% - 40px); margin: 40px auto; } } .central-block--textLeft { text-align: left; } .nav__progress { color: #cdcdcd; background: #fff; margin-bottom: 20px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; } @media (min-width: 768px) { .nav__progress { color: #cdcdcd; display: block; text-align: left; } .account .nav__progress { border-bottom: 1px solid #cdcdcd; } } .account .nav__progress { border-bottom: 1px solid #cdcdcd; display: block; margin-bottom: 30px; } .nav__progress li { display: inline-block; margin-bottom: 5px; width: 100%; } .nav__progress li:not(.nav__progress-active) { display: none; } @media (min-width: 480px) { .nav__progress li:not(.nav__progress-active) { display: inline-block; } } .nav__progress li a { text-decoration: none; } .nav__progress li a:visited { color: #cdcdcd; } .basket .nav__progress li { text-align: center; border-bottom: 2px solid #cdcdcd; padding-bottom: 5px; margin-right: 20px; font-size: 16px; } @media (min-width: 480px) { .basket .nav__progress li { width: calc(33.333333% - 10px); padding-bottom: 10px; margin-right: 10px; height: 40px; position: relative; } .basket .nav__progress li span { position: absolute; bottom: 5px; right: 0; left: 0; } } @media (min-width: 768px) { .nav__progress li { margin-right: 40px; } } .nav__progress li:last-of-type { margin-right: 0; } .nav__progress-complete { color: #000; } .nav__progress-active { color: #000; font-weight: 600; } .basket .nav__progress-active { border-bottom: 2px solid #000000 !important; } .site-head { text-align: center; } .band { background: #eeeeee; position: sticky; top: 0; width: 100%; z-index: 3; height: 75px; display: flex; justify-content: center; align-items: center; } .site-logo { display: inline-block; margin: 0; } .footer { position: relative; background-color: #09254A; padding: 10px 0; height: 38px; text-transform: uppercase; color: #ffffff; margin: 0; letter-spacing: 1px; font-size: 11px; text-align: center; z-index: 2; } @media (min-width: 768px) { .footer { font-size: 12px; } } @media (min-width: 768px) { .footer__text { display: inline-block; } } .footer__copyright { padding-left: 15px; } .footer__link { text-decoration: none; } @media (min-width: 768px) { .footer__link { display: inline-block; float: right; margin-right: 15px; } } .footer.hm { background-color: #09254A; } .block { border: 1px solid #cdcdcd; text-align: center; padding-left: rhythm(0.75); padding-right: rhythm(0.75); } @media (min-width: 768px) { .block { padding-top: rhythm(0.5); border: none; position: relative; margin-bottom: 0; padding-left: rhythm(1); padding-right: rhythm(1); } .block:first-child { padding-right: rhythm(2); } .block:nth-child(2) { padding-left: rhythm(2); } .block:nth-child(2):before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #cdcdcd; } .block:last-child { border: 1px solid #cdcdcd; } } .clearfix { clear: both; } .account .box, .account .box--open { width: 100%; text-align: left; padding: 15px 0; margin-left: auto; margin-right: auto; border-top: 3px red solid; } @media (min-width: 768px) { .account .box, .account .box--open { text-align: left; } } /*.box--animate { //@include animation(left-in .3s 1); }*/ /*.box__address { position: relative; text-align: left; .btn--account { display: block; @include media(">=tablet") { position: absolute; bottom: 0; right: 0; margin-bottom: 0; } } }*/ /*@include keyframes(left-in) { 0% { margin-left: -100%; } 100% { margin-left: 0; } }*/ .accordian { margin-top: 30px; } .modal__block { position: relative; margin-bottom: 20px; border: 0 !important; } .modal__block-link { font-weight: 600; position: relative; } .modal__block-link > p { padding: 0; margin: 0; } toggle-details .modal__block-link { background: goldenrod; border: red 2px solid; padding: 20px; } .modal__block-edit { position: absolute; top: 0px; right: 0px; display: inline-block; color: #000; font-size: 12px; margin-top: -5px; cursor: pointer; text-align: right; padding: 0 5px; width: 100%; } .modal__block--flow .modal__block-edit { width: 50px; margin-top: -1px; } .modal__block--group .modal__block-edit:after { content: ""; background: url("/global/img/arrow--up.png") no-repeat; background-size: 16px 16px; display: inline-block; width: 16px; height: 16px; right: 10px; margin-top: 5px; transition: all 0.5s; } .modal__block-finished { font-style: italic; display: block; padding-left: 3px; } .modal__block-summary { display: flex; flex-direction: column; border-top: 2px solid #cdcdcd; background-color: #FBF8F0; } @media (min-width: 768px) { .modal__block-summary { width: 100%; } } .modal__block-summary .error { border: 2px #cc0033 solid; padding: 8px 8px 10px 0; margin-bottom: 10px; } .modal__block--pending { display: flex; flex-direction: column; padding: 10px 0 0; margin-bottom: 0px; overflow: hidden; /*margin-bottom: 10px;*/ } @media (min-width: 768px) { .modal__block--pending { flex-direction: column; } } .modal__block--pending .modal__block-content > .js-cancel.is-opened { margin: 10px 0 0; } .modal__block--pending .modal__block-content > p { margin: 10px 0 0; } .toggle--summary > .modal__block-content, .toggle--details > .modal__block-finished { max-height: 0px; opacity: 0; overflow: hidden; transition: all 0.5s; } .toggle--details > .modal__block-finished { transition: none; } .toggle--details > .modal__block-content, .toggle--summary > .modal__block-finished { max-height: 1000px; opacity: 1; transition: all 0.5s; margin-top: 20px; } .toggle--summary > .modal__block-finished { transition: all 0.5s; } .toggle--details > .modal__block-edit { display: inline-block; } .toggle--summary > .modal__block-edit { display: inline-block; overflow: hidden; transition: all 0.5s; } .toggle--summary > .modal__block-edit:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.5s; } .basket__existing-order .toggle--summary > .modal__block-content, .basket__existing-order .toggle--details > .modal__block-finished, .basket__existing-order .toggle--details > .modal__block-content, .basket__existing-order .toggle--summary > .modal__block-finished { transition: none; } .toggle--details > .modal__basket-summary { /*@include media(" .modal__basket-summary { max-height: 125px; } } @media (min-width: 1400px) { .toggle--details > .modal__basket-summary { max-height: 300px; } } .modal__block--flow.toggle--summary > .modal__block-edit { display: inline-block; overflow: hidden; transition: all 0.5s; } .modal__block--flow.toggle--summary > .modal__block-edit:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.5s; } .modal__block--flow.error { border: 2px solid #cc0033 !important; padding: 10px !important; } .modal__block--flow.toggle--summary > .modal__block-finished, .modal__block--flow.toggle--details > .modal__block-content { max-height: 1000px; opacity: 1; transition: all 0.5s; overflow: hidden; } .modal__block--flow.toggle--summary > .modal__block-content, .modal__block--flow.toggle--details > .modal__block-finished { max-height: 0px; opacity: 0; transition: max-height 0.5s; position: fixed; } .modal__block--flow.toggle--summary > .modal__block-finished { font-style: italic; display: block; padding-left: 3px; } .pendingOrders { margin-bottom: 20px; } .pendingOrders .order__details-head { font-weight: 600; } .pendingOrders h2 { padding-bottom: 10px; /*margin-bottom: 10px;*/ margin-bottom: 0px; } .pendingOrders .modal__group { display: flex; flex-wrap: wrap; } .pendingOrders .js-orderdetails { margin-top: 10px; } .pendingOrders .js-orderdetails__delivery { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .pendingOrders .js-orderdetails__delivery span { font-weight: 600; } .pendingOrders .modal__pending { font-weight: 400; display: flex; flex-direction: column; } .pendingOrders .modal__pending--summary { padding-top: 3px; min-width: 165px; height: 45px; } @media (min-width: 1024px) { .pendingOrders .modal__pending--summary { height: 55px; } } .pendingOrders .modal__pending--summary p { margin: 0px; } .pendingOrders .modal__pending--summary p:first-of-type { font-weight: 600; } .pendingOrders .modal__pending--summary p:first-of-type span:nth-of-type(2) { color: #09254A; } .pendingOrders .modal__pending--cta { margin-right: 20px; } @media (min-width: 1024px) { .pendingOrders .modal__pending--cta { height: 55px; } } .pendingOrders .modal__pending--options { height: 35px; margin-top: 5px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } @media (min-width: 1024px) { .pendingOrders .modal__pending--options { flex-direction: row; align-items: center; justify-content: flex-end; } } .pendingOrders .modal__cancel .cancel__summary { color: #09254A; font-style: italic; } .pendingOrders .modal__cancel .cancel__wrapper { display: flex; flex-direction: column; } @media (min-width: 1024px) { .pendingOrders .modal__cancel .cancel__wrapper { flex-direction: row; } } .pendingOrders .modal__cancel .cancel__input { display: inline-block; width: 100%; margin-bottom: 10px; } .pendingOrders .modal__cancel .cancel__input input { margin-top: 10px; } @media (min-width: 1024px) { .pendingOrders .modal__cancel .cancel__input { width: calc(100% - 220px); } } .pendingOrders .modal__cancel .cancel__options { display: inline-block; text-align: left; width: 210px; margin-left: 0px; margin-top: 0px; margin-bottom: 15px; } @media (min-width: 1024px) { .pendingOrders .modal__cancel .cancel__options { margin-top: 15px; text-align: right; } } .icon { height: 26px; width: 26px; line-height: rhythm(0.75); vertical-align: middle; text-align: center; fill: #3a3a3a; user-select: none; } .icon--border { box-sizing: content-box; border: 2px solid #fff; } .icon--round { border-radius: 50%; } .icon--tick { color: #fff; background: #257104; margin: 0 auto 5px; font-weight: bold; } .icon--lock { vertical-align: unset; width: 22px; height: 28px; display: inline-block; padding: 0; margin: 0; position: relative; } .icon--lock img { position: absolute; top: 10px; right: 3px; } .info { position: absolute; background: #09254A; padding: 7px; right: 0; top: 0; margin: 0; } .info--fuse { top: 35px; height: 44px; width: 44px; } .info--fuse .icon { height: 30px; width: 30px; } .info--fuse .icon--info { font-size: 24px; } .info--fuse .icon--info-close { font-size: 24px; } .icon--info, .icon--info-close { font-weight: bold; cursor: pointer; border-color: #09254A; font-size: 20px; box-sizing: border-box; border: 2px solid #fff; } .icon--info { font-family: Times New Roman, serif; } .icon--info:before { content: "i"; position: relative; color: #fff; font-weight: 400; top: 4px; } .icon--info-close:before { content: "×"; position: relative; top: 3px; color: #fff; font-size: 27px; font-weight: 500; } .payment__wrap { display: flex; flex-direction: row-reverse; justify-content: space-between; } .btn--default, .btn--black, .btn--disabled, .btn--inverse, .btn--inactive-combine, .btn--outline--danger, .btn--outline { display: inline-block; margin-right: auto; margin-left: auto; margin-bottom: 5px; background: #09254A; color: #fff; border: none; border: 2px solid #09254A; padding: 13px 17px; text-transform: uppercase; font-size: 12px; line-height: 1; letter-spacing: 0px; cursor: pointer; font-weight: 600; text-decoration: none; text-align: center; width: auto; transition: background 0.2s, color 0.2s, border-color 0.2s; box-sizing: border-box; } @media (min-width: 480px) { .btn--default, .btn--black, .btn--disabled, .btn--inverse, .btn--inactive-combine, .btn--outline--danger, .btn--outline { letter-spacing: 2px; margin-bottom: 10px; } } .btn--default:hover, .btn--black:hover, .btn--disabled:hover, .btn--inverse:hover, .btn--inactive-combine:hover, .btn--outline--danger:hover, .btn--outline:hover, .btn--default:active, .btn--black:active, .btn--disabled:active, .btn--inverse:active, .btn--inactive-combine:active, .btn--outline--danger:active, .btn--outline:active { color: #09254A; background: #fff; } .btn--default:nth-of-type(n+2), .btn--black:nth-of-type(n+2), .btn--disabled:nth-of-type(n+2), .btn--inverse:nth-of-type(n+2), .btn--inactive-combine:nth-of-type(n+2), .btn--outline--danger:nth-of-type(n+2), .btn--outline:nth-of-type(n+2) { margin-left: 15px; } .btn--default:nth-of-type(n+2).btn--full-width, .btn--black:nth-of-type(n+2).btn--full-width, .btn--disabled:nth-of-type(n+2).btn--full-width, .btn--inverse:nth-of-type(n+2).btn--full-width, .btn--inactive-combine:nth-of-type(n+2).btn--full-width, .btn--outline--danger:nth-of-type(n+2).btn--full-width, .btn--outline:nth-of-type(n+2).btn--full-width { margin-left: auto !important; } .btn--outline { background: #fff; color: #09254A; } .btn--outline:hover, .btn--outline:active { color: #fff; background: #09254A; } .btn--outline--danger { background: #fff; border-color: rgb(205, 43, 49); color: rgb(205, 43, 49); } .btn--outline--danger:hover, .btn--outline--danger:active { color: #fff; border-color: rgb(205, 43, 49); color: rgb(205, 43, 49); } .btn--margin-top { margin-top: 10px; } .btn--watchlive { margin-left: 0px !important; } @media (min-width: 1200px) { .btn--watchlive { margin-left: 15px !important; } } .btn--inactive-combine { cursor: default !important; } .btn--inactive-combine:hover, .btn--inactive-combine:active { color: #fff; background: #09254A; } .btn--inverse { background: #09254A; border: 2px solid #09254A; color: #fff; } .btn--inverse:hover, .btn--inverse:active { color: #09254A; background: #fff; } .btn--disabled { background: #a5a5a5; color: #fff; border-color: #a5a5a5; cursor: default; } .btn--disabled:hover, .btn--disabled:active { background: #a5a5a5 !important; color: #fff !important; border-color: #a5a5a5 !important; } .btn--black { border: 3px solid #000; background: #fff; color: #000; } .btn--black:hover, .btn--black:active { color: #fff; background: #000; } .btn--textlnk, .btn--account, .btn--account__open, .btn--active, .btn--textlnk__single, .btn--textlnk__inverse { background: none !important; border: none; cursor: pointer; text-decoration: none; padding: 0; margin: 0 5px; display: inline-block; line-height: 1.5; cursor: pointer; text-decoration: underline; text-decoration-color: #cdcdcd; } .btn--textlnk:hover, .btn--account:hover, .btn--account__open:hover, .btn--active:hover, .btn--textlnk__single:hover, .btn--textlnk__inverse:hover { text-decoration: none; } .btn--textlnk:hover, .btn--account:hover, .btn--account__open:hover, .btn--active:hover, .btn--textlnk__single:hover, .btn--textlnk__inverse:hover, .btn--textlnk:active, .btn--account:active, .btn--account__open:active, .btn--active:active, .btn--textlnk__single:active, .btn--textlnk__inverse:active { border-bottom-color: transparent; color: #09254A; } .btn--spin:first-of-type .btn--textlnk, .btn--spin:first-of-type .btn--account, .btn--spin:first-of-type .btn--account__open, .btn--spin:first-of-type .btn--active, .btn--spin:first-of-type .btn--textlnk__single, .btn--spin:first-of-type .btn--textlnk__inverse { margin-left: 0; } .btn--spin:last-of-type .btn--textlnk, .btn--spin:last-of-type .btn--account, .btn--spin:last-of-type .btn--account__open, .btn--spin:last-of-type .btn--active, .btn--spin:last-of-type .btn--textlnk__single, .btn--spin:last-of-type .btn--textlnk__inverse { margin-right: 0; } .btn--textlnk--one { margin-left: 0; } .btn--textlnk__inverse { border-bottom-color: transparent; } .btn--textlnk__inverse:hover, .btn--textlnk__inverse:active { border-bottom: 1px solid #cdcdcd; } .btn--textlnk__single { display: unset; margin: 0; white-space: nowrap; } .btn--active { font-weight: 800; color: #09254A; } .btn--defaultCard { text-decoration: initial; cursor: auto; } .btn--account, .btn--account__open { font-size: 14px; display: block; border-bottom: 0; padding: 0; margin: 25px 0; line-height: 1; } .btn--account__open { letter-spacing: 2px; color: #09254A; border-left: 2px solid #09254A; padding-left: 10px; font-weight: 700; } .btn--smallTextlnk { color: #09254A; font-size: 90%; text-decoration: none; cursor: pointer; text-decoration: underline; text-decoration-color: #cdcdcd; } .btn--smallTextlnk:hover { text-decoration: none; } .btn--download { border: none; margin: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; height: initial; padding: 10px 0; margin-bottom: 5px; display: flex; align-items: center; text-decoration: none; width: fit-content; } .btn--download:hover { color: #09254A; } .btn--download svg { margin-right: 5px; } .btn--full-width { min-width: 0; margin-left: auto; margin-right: auto; width: 100%; } .btn--square { display: inline-block; border: 2px solid #000; font-weight: 200; color: #fff; cursor: pointer; text-decoration: none; min-width: 30px; min-height: 30px; text-align: center; vertical-align: top; } .btn--blank { cursor: default !important; background: #dedede !important; border-color: #dedede !important; color: #bbb !important; } .btn--blank:hover { color: #bbb !important; } .btn--quantity { background: #9e9e9e; border-color: #9e9e9e; font-size: 30px; line-height: 24px; font-weight: 400; transition: background 0.3s, color 0.3s; } .btn--quantity:hover { background: #cdcdcd; border-color: #cdcdcd; color: #000; } .btn--tick:before, .btn--untick:before { content: "✓"; font-weight: bold; } .btn--tick { color: #fff; } .btn--tick:hover { color: #fff !important; } .btn--untick { color: #09254A; } .btn--untick:hover { color: #09254A !important; } .btn--tick, .btn--untick { background: #fff; line-height: 26px; font-size: 24px; margin-right: 5%; transition: background 0.3s, color 0.3s; } .btn--narrow { padding: 9px 10px; letter-spacing: 0.25px; } @media (min-width: 1024px) { .btn--narrow { padding: 10px; } } .error-block { width: calc(100% - 40px); border: 1px solid #cdcdcd; padding: 20px; margin: 40px 20px; text-align: center; } @media (min-width: 768px) { .error-block { width: calc(70% - 40px); margin: 40px auto; } } @media (min-width: 1024px) { .error-block { width: calc(50% - 40px); } } .error-block__header { border-bottom: 2px solid #09254A; padding-bottom: 20px; margin-bottom: 30px; line-height: 1.1; text-transform: uppercase; } .error__inline-txt { color: #cc0033; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .error__inline-hide { display: none; } .generic-validation__message { display: block; padding: 15px; text-align: center; font-weight: 400; margin: 20px 0; } .generic-validation__message.hidden { margin: 0; padding: 0; } .generic-validation__message p:last-of-type { margin-bottom: 0; } .generic-validation__message .btn--textlnk, .generic-validation__message .btn--textlnk__inverse, .generic-validation__message .btn--textlnk__single, .generic-validation__message .btn--active, .generic-validation__message .btn--account, .generic-validation__message .btn--account__open { color: #000; } .generic-validation__message, .generic-validation__alert { border: 2px solid #cc0033; color: #cc0033; } .generic-validation__success { border: 2px solid #257104; color: #257104; } .generic-validation__success, .generic-validation__alert { min-height: 0px; padding: 0px !important; margin: 0; transition: min-height 1s, padding 0.8s, margin 0.8s; border-color: transparent; } .generic-validation__success h3, .generic-validation__success h2, .generic-validation__success p, .generic-validation__alert h3, .generic-validation__alert h2, .generic-validation__alert p { display: none; } .generic-validation__success.active, .generic-validation__alert.active { min-height: 80px; padding: 15px !important; margin: 20px 0; transition: min-height 1s, padding 0.8s, margin 0.8s; border-color: inherit; } .generic-validation__success.active h3, .generic-validation__success.active h2, .generic-validation__success.active p, .generic-validation__alert.active h3, .generic-validation__alert.active h2, .generic-validation__alert.active p { display: block; } .multi-select { overflow: hidden; } ::placeholder { color: #999; font-style: italic; } ::-webkit-input-placeholder { color: #999; font-style: italic; } :-moz-placeholder { color: #999; font-style: italic; } ::-moz-placeholder { color: #999; font-style: italic; } :-ms-input-placeholder { color: #999; font-style: italic; } ::-ms-input-placeholder { color: #999; font-style: italic; } input, select, textarea { color: #000; } .form-elements__intro { font-size: 13px; margin-bottom: 20px; } .form-elements__hidden { height: 0px; overflow: hidden; } .form-elements__reveal { height: auto; } .form-elements__spaced { margin: 20px 0; width: 100%; } .form-submit--spaced { margin: 10px 0; } @media (min-width: 768px) { .form-submit--spaced { margin: 15px 0; } } .form-submit--spaced:not(:last-of-type) { margin-right: 10px; } select, input[type=text], input[type=email], input[type=password], input[type=number] { border: 1px solid #cdcdcd; font-size: 13px; padding: 5px 10px; background-color: #f6f6f6; display: block; width: 100%; height: 40px; margin-bottom: 3px; margin-top: 12px; } .basket__summary select, .basket__summary input[type=text], .basket__summary input[type=email], .basket__summary input[type=password], .basket__summary input[type=number] { background-color: #ffffff; } @media (min-width: 768px) { select, input[type=text], input[type=email], input[type=password], input[type=number] { margin-top: 17px; } } .select__date--title { margin-top: 10px; margin-bottom: 0; } .styled-select { display: flex; } .styled-select.select__quantity { width: auto; } .styled-select.select__quantity select { width: auto; height: unset; margin-top: 5px; } .styled-select.select--disabled::before { border: 0; } .styled-select.select--disabled select { cursor: default; } .styled-select select { padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #f6f6f6 url("/global/img/arrow--down.png") no-repeat right 7px center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .styled-select select { /* IE10+ CSS styles go here */ padding-right: 5px; background-image: none; } } .styled-select select:focus, .styled-select select:active { background: #f6f6f6 url("/global/img/arrow--up.png") no-repeat right 7px center; } .styled-select .select__date:nth-of-type(1) { margin-right: 10px; width: calc(33.33333% - 10px); } .styled-select .select__date:nth-of-type(2) { margin-left: 5px; margin-right: 5px; width: calc(33.33333% - 10px); } .styled-select .select__date:nth-of-type(3) { margin-left: 10px; width: calc(33.33333% - 10px); } input[type=checkbox] { vertical-align: middle; } .input-wrap { position: relative; overflow: hidden; } .input-wrap--block { display: block; } .input-wrap--notes { margin-top: 10px; } .input-wrap--label { padding-top: 10px; margin-bottom: -5px; } table.radio-group { position: relative; } .input-wrap--group { position: relative; display: flex; } input[type=checkbox] { position: absolute; left: -9999px; } .radio-group input[type=radio] { position: relative; } [type=radio]:checked, [type=radio]:not(:checked) { accent-color: #09254A; border: 0px; width: 20px; height: 2em; cursor: pointer; } .btn__radio-off, .btn__radio-on { position: relative; margin-right: 10px; cursor: pointer; display: inline-block; width: 26px; height: 26px; background: none; border: 1px solid #09254A; border-radius: 100%; } .btn__radio-on { background: rgb(255, 255, 255); background: -moz-radial-gradient(center, ellipse cover, rgb(127, 53, 168) 0%, rgb(127, 53, 168) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(127, 53, 168)), color-stop(50%, rgb(127, 53, 168)), color-stop(55%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255))); background: -webkit-radial-gradient(center, ellipse cover, rgb(127, 53, 168) 0%, rgb(127, 53, 168) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%); background: -o-radial-gradient(center, ellipse cover, rgb(127, 53, 168) 0%, rgb(127, 53, 168) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%); background: -ms-radial-gradient(center, ellipse cover, rgb(127, 53, 168) 0%, rgb(127, 53, 168) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%); background: radial-gradient(ellipse at center, rgb(127, 53, 168) 0%, rgb(127, 53, 168) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="$brand", GradientType=1 ); } .btn__radio-false { position: absolute; margin-top: 5px; } input[type=checkbox] + label { position: relative; padding-left: 42px; cursor: pointer; display: inline-block; } input[type=checkbox] + label:before { content: ""; position: absolute; left: 0; top: 0; width: 26px; height: 26px; margin: 8px; background: #fff; } input[type=checkbox] + label { height: 40px; padding-top: 4px; } input[type=checkbox] + label:before { border: 2px solid #000; border-radius: 0; margin: 0 8px; } input[type=checkbox]:not(:checked) + label:before { border: 2px solid #cdcdcd; border-radius: 0; margin: 0 8px; } input[type=checkbox] + label:after { content: "✓"; font-size: 22px; font-weight: 900; color: #09254A; position: absolute; top: 5px; left: 12px; line-height: 15px; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } input[type=checkbox]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } input[type=checkbox]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .radio-wrap { display: flex; align-items: center; width: 100%; } .radio-group, .aspNetDisabled { width: 100%; text-align: left; } .radio-group label, .aspNetDisabled label { overflow: hidden; cursor: pointer; display: block; min-height: 40px; padding: 10px; width: 100%; transition: border-color 0.3s; } .aspNetDisabled label { background: #f6f6f6; color: #cdcdcd; } .input-wrap html input[disabled], .input-wrap .aspNetDisabled { cursor: default; background-color: #ddd; color: #888; font-style: italic; -webkit-appearance: none; opacity: 1; } .aspNetDisabled[data-tooltip="This card will expire before the final payment"] { position: relative; display: block; font-size: 12px; line-height: 1.8; transition: all 0.2s linear; } .aspNetDisabled[data-tooltip="This card will expire before the final payment"]:hover { transition: all 0.2s linear; } .aspNetDisabled[data-tooltip="This card will expire before the final payment"]:hover:after { content: attr(data-tooltip); padding: 12px 15px; position: absolute; display: block; height: calc(100% - 5px); right: 0; left: 0; top: 0px; white-space: nowrap; z-index: 2; background: #fff; color: #cc0033; font-weight: 600; background: #f6f6f6; border: 1px solid #cdcdcd; transition: all 0.2s linear; } .placeholder-text { text-align: left; color: red; font-style: italic; } .self-input-submit { position: relative; overflow: hidden; margin: 0 auto; } @media (min-width: 1024px) { .self-input-submit { max-width: none; margin: 0; padding: 0; } } .self-input-submit .self-input-submit--error { border-color: #cc0033; } .self-input-submit .self-input-submit__btn { position: absolute; bottom: -2px; right: 0; height: 40px; padding: 11px; width: auto; } @media (min-width: 480px) { .self-input-submit .self-input-submit__btn { top: 0px; } } .error-message { background-color: #c03; color: #fff; height: 0; transition: height 0.5s ease-in-out; } .error-message--show { padding: 10px; margin-bottom: 5px; height: 40px; position: relative; clear: both; } .error-toggle-off { display: none; } .error-toggle-on { display: block; } /* New Payment gateway stuff */ .flex-microform { border: 1px solid #cdcdcd; padding: 5px 10px; background-color: #f6f6f6; display: block; width: 100%; height: 44px; margin-bottom: 3px; margin-top: 12px; } .inactive { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; transition: opacity 0.5s ease-in-out; } input.expiry { width: 85px; margin-right: 10px; } input.error { border: 1px solid #c03; } .expiry__wrap { display: flex; } table[id$=rdoBillAddress] tr td { display: flex; align-items: center; } table[id$=rdoPaymentOptionsList] tr td > span { display: flex; align-items: flex-start; width: 100%; } table[id$=rdoPaymentOptionsList] tr td span > input { margin-top: 7px; } #AWIN_CDT { display: none; } html, body { overflow-x: hidden; } .modal__bg--active { background-color: rgba(55, 55, 55, 0.8); display: block; position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: 1; } @media (min-width: 768px) { .modal__bg--active { display: none; } } .basket { padding-top: 0px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: stretch; width: 100%; } @media (min-width: 768px) { .basket { flex-direction: row; justify-content: flex-start; } } .basket__sidebar { padding: 30px 15px; position: relative; } @media (min-width: 768px) { .basket__sidebar { padding: 30px 15px 0; height: calc(100vh - 75px - 38px); } .basket__sidebar:after { content: ""; height: 100vh; width: 100%; position: fixed; bottom: 0; background-color: #FBF8F0; margin-left: -15px; } } @media (min-width: 768px) { .basket__sidebar--sticky { position: fixed; top: 0; right: 0; } } @media (min-width: 1200px) { .basket__sidebar--sticky { right: calc((100vw - (100vw - 100%) - 1200px) / 2); } } .basket h1 { display: none; } .basket .emptyBasketMessage { display: block; text-align: center; font-size: 18px; padding-top: 50px; } @media (min-width: 768px) { .basket { padding-top: 0px; } } @media (min-width: 768px) { .basket.wishlist .btn--textlnk:first-of-type, .basket.wishlist .btn--textlnk__inverse:first-of-type, .basket.wishlist .btn--textlnk__single:first-of-type, .basket.wishlist .btn--active:first-of-type, .basket.wishlist .btn--account:first-of-type, .basket.wishlist .btn--account__open:first-of-type { margin-left: 0; } } .basket.wishlist .wishlist--intro { margin-bottom: 30px; } .basket.wishlist .wishlist--intro .wishlist--intro-terms { font-weight: 600; color: #09254A; font-style: italic; } .basket.thankyou .divtable__cell .basket__payment { text-align: left; } .basket.combine, .basket.thankyou { padding-top: 0px; } .basket .out-of-stock { color: #fff; background: #c03; padding: 7px 14px; text-align: center; letter-spacing: 0.1rem; text-transform: uppercase; margin-top: 15px; display: block; clear: both; margin-bottom: 5px; } .basket h3.basket__totals { margin: 0; } @media (min-width: 768px) { .basket h3.basket__totals { margin-bottom: 20px; } } .basket h3.summary-repeat { margin-bottom: 0; } .basket .section__sub-header { margin: 20px 0 10px; letter-spacing: 2px; font-weight: 700; font-size: 14px; } .basket__all-orders { padding-bottom: 30px; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .basket__existing-order { box-sizing: border-box; padding: 15px; margin: 0 0 15px 0; border: 1px solid #cdcdcd; text-align: left; width: 100%; } @media (min-width: 1024px) { .basket__existing-order { width: calc(50% - 15px); min-height: 380px; margin: 0 15px 15px 0; } } .basket__existing-order .modal__block { margin-bottom: 0; } .basket__existing-order.selected { border-color: #09254A; background: #f6f6f6; } @media (min-width: 1024px) { .basket__existing-order.selected { min-height: 380px; } } .basket__existing-order .order__details-head { font-weight: 700; text-transform: uppercase; } .basket__existing-order .order__pending { color: #cc0033; font-style: italic; font-weight: 600; } .basket__existing-order .basket__existing-order--btn { position: relative; } .basket__existing-order .basket__existing-order--btn .form-submit--interactive { position: absolute; top: 0px; right: 0px; } .basket__existing-order .combine__details .combine__details--list { background: #f6f6f6; border-bottom: 1px solid #cdcdcd; padding: 5px 10px; } .basket__existing-order .combine__details .combine__details--list:first-of-type { margin-top: 10px; } .basket__existing-order .combine__details .combine__details--list:last-of-type { border-bottom: 0px; } .basket__existing-order .combine__details .combine__details--list .list-bold { font-weight: bold; } .basket__existing-order input[type=submit] { margin-top: 0px; } .basket__infosplit, .basket__infosplit_spaced { width: 100%; } @media (min-width: 768px) { .basket__infosplit, .basket__infosplit_spaced { width: 50%; } } .basket__infosplit .lblTotalSavings, .basket__infosplit_spaced .lblTotalSavings { margin: 20px 0; font-weight: 800; color: #257104; } .basket__summary { background-color: #FBF8F0; display: flex; flex-direction: column; z-index: 1; } @media (min-width: 768px) { .basket__summary { width: 33.333333%; justify-content: space-between; } } @media (min-width: 1024px) { .basket__summary { width: 25%; } } @media (min-width: 1200px) { .basket__summary { width: 300px; } } .basket__summary .sidebar__top { display: flex; flex-direction: column; width: 100%; z-index: 2; } @media (min-width: 768px) { .basket__summary .sidebar__top { max-width: 295px; } } @media (min-width: 1024px) { .basket__summary .sidebar__top { max-width: 260px; } } .basket__summary .sidebar__bottom { display: flex; flex-direction: column; width: 100%; background-color: #FBF8F0; } @media (min-width: 768px) { .basket__summary .sidebar__bottom { z-index: 2; max-width: 325px; position: fixed; bottom: 40px; width: 33.333333%; right: 0; padding: 0 15px; } } @media (min-width: 1024px) { .basket__summary .sidebar__bottom { width: 25%; max-width: 290px; } } @media (min-width: 1200px) { .basket__summary .sidebar__bottom { right: calc((100vw - (100vw - 100%) - 1180px) / 2); } } .basket__summary p:not(.input-validation__message) { margin: 0; } .basket__summary .self-input-submit { margin-top: 10px; } .basket__summary.reveal__summary { display: block !important; position: absolute; top: 130px; left: 0; background: #f6f6f6; z-index: 2; } @media (min-width: 768px) { .basket__summary.reveal__summary { position: relative; top: 0; } } .basket__summary.reveal__summary .btnClose__summary { margin-bottom: 15px; } @media (min-width: 768px) { .basket__summary.reveal__summary .btnClose__summary { display: none; } } .basket__summary.reveal__summary .basket__payment, .basket__summary.reveal__summary #ContentPlaceHolder1_secDeliveryOptions, .basket__summary.reveal__summary #ContentPlaceHolder1_btnPayNow2 { display: none !important; } .basket__summary .splitpay-item { color: #09254A; } .basket__summary .splitpay-item--caption { font-style: italic; } .basket__summary .total-item { font-size: 12px; } .basket__summary .total-item .list-bold { font-weight: 600; font-size: 15px; } .basket__summary .total-item .list-bold::after { content: "\a"; white-space: pre; } .basket__summary .subscription-item { font-weight: bold; } .basket__summary-navigation { text-align: center; display: flex; padding: 5px 0 15px; flex-direction: row; justify-content: center; align-items: center; } .basket__summary-navigation .btn--textlnk, .basket__summary-navigation .btn--textlnk__inverse, .basket__summary-navigation .btn--textlnk__single, .basket__summary-navigation .btn--active, .basket__summary-navigation .btn--account, .basket__summary-navigation .btn--account__open { margin: 0 5px; } .basket__summary-delivery { margin-bottom: 20px; } .basket__summary-delivery .duplicate { display: block; text-align: right; margin-bottom: 40px; } .basket__summary .basket__item { display: flex; clear: both; margin-bottom: 10px; border-bottom: 1px solid #cdcdcd; } .basket__summary .basket__item:first-of-type { margin-top: 10px; } .basket__summary .basket__item:last-of-type { border-bottom: 0px; margin-bottom: 0px; } .basket__thankyou { padding: 20px; width: 100%; text-align: left; position: relative; margin: 20px auto; display: flex; flex-direction: column; } @media (min-width: 768px) { .basket__thankyou { margin: 40px auto 20px; flex-direction: row; } .basket__thankyou .basket__infosplit_spaced:nth-child(2) { padding-left: 20px; } } .basket__thankyou h2 { margin-bottom: 30px; } .basket__thankyou .btn--header .btn--outline { width: 100%; } @media (min-width: 1200px) { .basket__thankyou .btn--header .btn--outline { width: initial; } } .basket__thankyou .btn--desktop { display: none; } @media (min-width: 768px) { .basket__thankyou .btn--desktop { position: relative; display: inline-block; margin-top: 50px; margin-bottom: -6px; } } @media (min-width: 480px) { .basket__thankyou .btn--footer { display: inline-block; position: relative; } } @media (min-width: 768px) { .basket__thankyou .btn--footer { /*margin-right: -20px;*/ display: none; } } .basket__thankyou .modal__list li { margin-bottom: 10px; } .basket__thankyou .emphasis { color: #09254A; font-style: italic; font-weight: 600; } .basket__subInfo { display: flex; align-items: center; justify-content: center; } .basket__subInfoIcon { margin-right: 10px; width: 24px; } .basket__info { margin: 0; text-align: left; } .basket__details { padding: 20px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: stretch; width: 100%; } @media (min-width: 768px) { .basket__details { width: 66.666666%; justify-content: flex-start; } } @media (min-width: 1024px) { .basket__details { width: 75%; justify-content: flex-start; } } .basket__details .box__head { margin: 20px 0 5px; } .basket__details .basket__alert { height: auto; padding: 10px; margin: 10px 0; color: #fff; text-align: center; } .basket__details .basket__alert p { display: inline-block; font-weight: 300; margin: 0; } .basket__details .basket__alert p :first-of-type { font-weight: 600; } .basket__details .basket__alert--warning { background: #cc0033; } .basket__details .basket__alert--info { background: #ef5093; } .basket__details .prod_free-delivery { background-color: #3a3a3a; color: #fff; margin-bottom: 15px; padding: 5px 10px; position: relative; min-height: 50px; } .basket__details .prod_free-delivery--position { position: absolute; display: inline-block; left: 50%; transform: translateX(-50%); width: 95%; text-align: center; } .basket__details .prod_free-delivery--text { display: inline-block; font-size: 14px; letter-spacing: 1.5px; text-align: center; margin-top: 3px; } .basket__details .prod_free-delivery--text:before { content: ""; background-image: url("/global/img/truck_white.svg"); background-size: 30px 30px; background-repeat: no-repeat; display: inline-block; height: 30px; width: 30px; margin-right: 10px; margin-bottom: -8px; } .basket__payment { text-align: center; display: block; clear: both; } .basket__product { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; padding-bottom: 9px; } @media (min-width: 480px) { .basket__product { align-items: flex-start; flex-direction: row; } } .basket__product:last-of-type { border-bottom: 0px; margin-bottom: 0px; } .basket__prodImage { width: 100%; margin-bottom: 10px; } @media (min-width: 480px) { .basket__prodImage { width: 33.333333%; margin-bottom: 0; } } @media (min-width: 768px) { .basket__prodImage { max-width: 200px; } } .basket__prodImage--position { position: relative; margin-left: auto; margin-right: auto; max-width: 200px; } .wishlist .basket__prodImage--position, .confirmation .basket__prodImage--position, .combine .basket__prodImage--position, .thankyou .basket__prodImage--position { max-width: 120px; margin-bottom: 10px; } .basket__prodImage--position img { border: 1px solid #e1e1e1; width: 100%; } .basket__prodImage--position .basket__prodImage--icons { position: absolute; top: 10px; right: 10px; } .basket__prodImage--position .basket__prodImage--icons .prodIcon { position: relative; background: #fff; border: 2px solid #333; width: 30px; height: 30px; text-align: right; margin: 3px 3px 3px auto; } .basket__prodImage--position .basket__prodImage--icons .prodIcon-position img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0px; width: 90%; margin: 0; } .basket__prodInfo { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px; width: 100%; min-height: 100%; } @media (min-width: 480px) { .basket__prodInfo { width: 66.666666%; margin-left: 20px; } } .basket__prodInfo--summary { padding-left: 15px; margin-bottom: 10px; } .basket__prodInfo .prodCode { font-weight: 700; margin: 0; } .basket__prodInfo .prodDesc { width: 100%; display: flex; align-items: flex-start; min-height: 36px; } .basket__prodInfo .prodPrice { display: flex; flex-direction: column; width: 100%; font-size: 1.4rem; margin-bottom: 5px; } @media (min-width: 1024px) { .basket__prodInfo .prodPrice { min-height: 22px; } } .basket__prodInfo .prodPrice__each { font-size: 0.8rem; color: #3a3a3a; } .basket__prodInfo .basket__prodQty { margin-right: 5%; } @media (min-width: 768px) { .basket__prodInfo .basket__prodQty { margin-right: 3%; display: inline-block; } } .basket__prodInfo .basket__prodQty p { margin-bottom: 0; } .basket__prodInfo .basket__prodQty .lbl--quantity { margin-bottom: 5px; } .basket__prodInfo .basket__prodQty .btn--check { width: auto; } .basket__prodInfo .basket__prodQty .btn--check:last-of-type { margin-right: 15px; } .basket__prodInfo .basket__prodQty .prodQty { margin: 0 10px; font-size: 16px; line-height: 30px; } .basket__prodInfo .prodMove { display: inline-block; line-height: 1.2px; margin-top: 5px; margin-bottom: 5px; } @media (min-width: 1024px) { .basket__prodInfo .prodMove { margin-top: 20px; } } .basket__prodInfo .prodMove--item { display: inline-block; border: none; text-decoration: underline; text-decoration-color: #cdcdcd; } .basket__prodInfo .prodMove--item:hover { text-decoration: none; } .basket__prodInfo .basket__prodOptions { margin-top: 10px; width: 100%; } .basket__prodInfo .basket__prodOptions--check { width: 40px; height: 40px; display: inline-block; vertical-align: top; } .basket__prodInfo .basket__prodOptions--info { display: inline-block; width: auto; text-align: left; line-height: 1.4; position: relative; } .basket__prodInfo .basket__alert { margin: 10px 0; } .basket__prodInfo .dvSubscriptionContainer { display: flex; align-items: center; background: #e8e8e8; border: 0.1rem solid #09254A; box-sizing: border-box; padding: 0.8rem; margin-top: 0.8rem; width: 100%; max-width: 500px; } .basket__prodInfo .dvSubscriptionContainer select { width: auto; height: unset; margin-top: 5px; } .basket__prodInfo .subscriptionNoticeContainer { margin: 0; display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; } .basket__prodInfo .subscriptionNoticeContainer span:nth-child(2) { font-weight: bold; } .basket__prodInfo .subscriptionNoticeContainer .subscriptionToggleButton { border: 0; border-radius: 0.25rem; white-space: nowrap; text-decoration: none; padding: 0.25rem 0.5rem; cursor: pointer; } .basket__prodInfo .subscriptionNoticeContainer .subscriptionToggleButton img { height: 24px; width: 24px; } .basket .multibuy { font-size: 0.8rem; color: #cc0033; } .shopPlus { background: #e2e2e2; margin: 10px 0 0; text-align: center; position: relative; padding: 0; opacity: 0; visibility: hidden; max-height: 0; transition: max-height 0.5s, opacity 1s ease-in-out; width: 100%; } .shopPlus:after { content: ""; clear: both; width: 100%; display: block; } .shopPlus--active { opacity: 1; visibility: visible; max-height: 470px; min-height: 310px; padding: 10px 0; transition: max-height 0.5s, opacity 1s ease-in-out; } @media (min-width: 1024px) { .shopPlus--active { max-height: 310px; } } .shopPlus__header { display: block; text-align: center; margin: 0 15px 15px; position: relative; height: 15px; } .shopPlus__header:after { content: "COMPLETE THE LOOK"; display: block; background: #e2e2e2; position: absolute; color: #000; font-weight: 800; letter-spacing: 2px; font-size: 12px; padding: 5px 10px 5px 5px; left: 0; } .shopPlus__header:before { content: ""; display: block; border-bottom: 1px solid #000; position: absolute; top: 13px; width: 100%; /*width: 95%;*/ height: 0px; } .shopPlus__block { width: 100%; display: block; padding: 10px; margin: 0; box-sizing: border-box; position: relative; height: 140px; } @media (min-width: 1024px) { .shopPlus__block { width: 32%; display: inline-block; height: 100%; } } .shopPlus__block .prod_image { display: inline-block; width: 100px; position: absolute; top: 10px; left: 10px; } @media (min-width: 1024px) { .shopPlus__block .prod_image { width: 120px; position: relative; top: auto; left: auto; } } .shopPlus__block .prod_image img { width: 100px; } @media (min-width: 1024px) { .shopPlus__block .prod_image img { width: 120px; } } .shopPlus__block .prod_info { color: #000; margin: 0; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; display: inline-block; width: calc(100% - 130px); position: absolute; top: 10px; left: 120px; text-align: left; } @media (min-width: 1024px) { .shopPlus__block .prod_info { width: calc(100% - 150px); position: relative; top: auto; left: auto; margin: 10px 0; width: 100%; text-align: center; } } .shopPlus__block .prod_info .prod_desc { height: auto; } @media (min-width: 1024px) { .shopPlus__block .prod_info .prod_desc { height: 40px; } } .shopPlus__block .prod_info .prod_price { color: #000; font-weight: 600; font-size: 18px; letter-spacing: 0; margin-bottom: 5px; } .shopPlus .btn--slider { margin-top: 10px; height: 36px; position: relative; overflow: hidden; } .shopPlus .btn--slider .btn--default, .shopPlus .btn--slider .btn--outline, .shopPlus .btn--slider .btn--outline--danger, .shopPlus .btn--slider .btn--inactive-combine, .shopPlus .btn--slider .btn--inverse, .shopPlus .btn--slider .btn--disabled, .shopPlus .btn--slider .btn--black { display: block; margin-left: 0; margin-right: 0; max-width: 150px; min-width: 130px; text-align: center; position: absolute; left: 0; transition: top 0.5s; } .shopPlus .btn--slider .btn--default:nth-of-type(1), .shopPlus .btn--slider .btn--outline:nth-of-type(1), .shopPlus .btn--slider .btn--outline--danger:nth-of-type(1), .shopPlus .btn--slider .btn--inactive-combine:nth-of-type(1), .shopPlus .btn--slider .btn--inverse:nth-of-type(1), .shopPlus .btn--slider .btn--disabled:nth-of-type(1), .shopPlus .btn--slider .btn--black:nth-of-type(1) { top: 0px; } .shopPlus .btn--slider .btn--default:nth-of-type(2), .shopPlus .btn--slider .btn--outline:nth-of-type(2), .shopPlus .btn--slider .btn--outline--danger:nth-of-type(2), .shopPlus .btn--slider .btn--inactive-combine:nth-of-type(2), .shopPlus .btn--slider .btn--inverse:nth-of-type(2), .shopPlus .btn--slider .btn--disabled:nth-of-type(2), .shopPlus .btn--slider .btn--black:nth-of-type(2) { top: 36px; } @media (min-width: 1024px) { .shopPlus .btn--slider .btn--default, .shopPlus .btn--slider .btn--outline, .shopPlus .btn--slider .btn--outline--danger, .shopPlus .btn--slider .btn--inactive-combine, .shopPlus .btn--slider .btn--inverse, .shopPlus .btn--slider .btn--disabled, .shopPlus .btn--slider .btn--black { left: 50%; transform: translateX(-50%); } } .shopPlus .btn--slider .btn--slider__shopPlus--slide { position: absolute; } .shopPlus .btn--slider .btn--slider__shopPlus--slide:nth-of-type(1) { top: -36px; } .shopPlus .btn--slider .btn--slider__shopPlus--slide:nth-of-type(2) { top: 0px; } .variation--color { width: 46px; height: 15px; display: inline-block; margin-left: 5px; vertical-align: middle; } .firstPaymentDescription { display: block; margin-bottom: 10px; } .basketBox { margin-top: 20px; } .shippingCategory { font-weight: 700; background: #09254A; color: #fff; padding: 12px 25px; margin: 20px 0 30px; font-size: 15px; letter-spacing: 1px; } .secPOAMessage { border: 2px solid #cc0033; color: #cc0033; padding: 10px; margin-bottom: 1rem; max-width: 474px; } @media (min-width: 1024px) { .secPOAMessage { max-width: 488px; } } select.has-blurred:invalid:not(:focus), select.has-blurred.is-invalid, select.has-blurred.user-error, input[type=text].has-blurred:invalid:not(:focus), input[type=text].has-blurred.is-invalid, input[type=text].has-blurred.user-error, input[type=email].has-blurred:invalid:not(:focus), input[type=email].has-blurred.is-invalid, input[type=email].has-blurred.user-error, input[type=password].has-blurred:invalid:not(:focus), input[type=password].has-blurred.is-invalid, input[type=password].has-blurred.user-error, input[type=number].has-blurred:invalid:not(:focus), input[type=number].has-blurred.is-invalid, input[type=number].has-blurred.user-error { border: #cc0033 1px solid !important; } select.has-blurred:invalid:not(:focus) ~ .input-validation--fail, select.has-blurred.is-invalid ~ .input-validation--fail, select.has-blurred.user-error ~ .input-validation--fail, input[type=text].has-blurred:invalid:not(:focus) ~ .input-validation--fail, input[type=text].has-blurred.is-invalid ~ .input-validation--fail, input[type=text].has-blurred.user-error ~ .input-validation--fail, input[type=email].has-blurred:invalid:not(:focus) ~ .input-validation--fail, input[type=email].has-blurred.is-invalid ~ .input-validation--fail, input[type=email].has-blurred.user-error ~ .input-validation--fail, input[type=password].has-blurred:invalid:not(:focus) ~ .input-validation--fail, input[type=password].has-blurred.is-invalid ~ .input-validation--fail, input[type=password].has-blurred.user-error ~ .input-validation--fail, input[type=number].has-blurred:invalid:not(:focus) ~ .input-validation--fail, input[type=number].has-blurred.is-invalid ~ .input-validation--fail, input[type=number].has-blurred.user-error ~ .input-validation--fail { display: block; } select.has-blurred:valid:not(:focus):not(.is-empty), select.has-blurred:valid:not(:focus):not(.is-invalid), select.has-blurred.user-success:not(:focus):not(.is-empty), input[type=text].has-blurred:valid:not(:focus):not(.is-empty), input[type=text].has-blurred:valid:not(:focus):not(.is-invalid), input[type=text].has-blurred.user-success:not(:focus):not(.is-empty), input[type=email].has-blurred:valid:not(:focus):not(.is-empty), input[type=email].has-blurred:valid:not(:focus):not(.is-invalid), input[type=email].has-blurred.user-success:not(:focus):not(.is-empty), input[type=password].has-blurred:valid:not(:focus):not(.is-empty), input[type=password].has-blurred:valid:not(:focus):not(.is-invalid), input[type=password].has-blurred.user-success:not(:focus):not(.is-empty), input[type=number].has-blurred:valid:not(:focus):not(.is-empty), input[type=number].has-blurred:valid:not(:focus):not(.is-invalid), input[type=number].has-blurred.user-success:not(:focus):not(.is-empty) { border: #257104 2px solid; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 1px solid #333; -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset; transition: background-color 5000s ease-in-out 0s; } .multi-select .styled-select select.has-blurred:valid:not(:focus):not(.is-empty) ~ .input-validation--pass, .multi-select .styled-select select.has-blurred.user-success:not(:focus):not(.is-empty) ~ .input-validation--pass { display: none; } .multi-select .styled-select select.has-blurred:valid:not(:focus):not(.is-empty) + .has-blurred:valid:not(:focus):not(.is-empty) + .has-blurred:valid:not(:focus):not(.is-empty) ~ .input-validation--pass, .multi-select .styled-select select.has-blurred.user-success:not(:focus):not(.is-empty) + .has-blurred.user-success:not(:focus):not(.is-empty) + .has-blurred.user-success:not(:focus):not(.is-empty) ~ .input-validation--pass { display: block; } #ContentPlaceHolder1_sidebar_dvNoTerms:not(.is-hidden), #dvNoTerms:not(.is-hidden) { display: block !important; margin-top: 15px; box-sizing: unset; width: calc(100% + 2px); margin-left: -2px; } .input-validation { display: none; z-index: 1000; position: absolute; top: 0; left: 100%; } .input-validation.input-validation--pass { left: auto; right: 6px; } .input-validation.input-validation--fail { position: relative; left: auto; background: #cc0033; color: #fff; margin: 0 0 5px 0; padding: 10px 5px; float: left; width: 100%; /*min-height: 40px*/ z-index: 1; } .input-validation.input-validation--fail:before { content: ""; position: absolute; margin: -18px 0px 0 0; left: 10px; border-bottom: 0.75rem solid #cc0033; border-right: 0.75rem solid transparent; border-left: 0.75rem solid transparent; border-top: none; } .multi-select .input-validation.input-validation--fail:before { display: none; } .block .input-validation.input-validation--fail { display: none; position: relative; left: auto; margin: 0 0 rhythm(0.5) 0; float: left; width: 100%; min-height: rhythm(1.5); } .input-validation--show { display: block; } .input-validation--show.input-validation--fail:before { margin: -18px 0px 0 132px; } .input-validation.is-hidden { display: none; } .input-validation__icon { float: left; height: 30px; width: 30px; margin: 6px 0; text-align: center; font-size: 22px; line-height: 25px; border-radius: 50%; } .input-validation--pass .input-validation__icon { color: #fff; background: #257104; } .multi-select .input-validation--pass .input-validation__icon { margin-top: -5px; } .input-validation--fail .input-validation__icon { color: #fff; border: 2px solid #fff; font-weight: 600; margin: -2px 3px 0px; position: absolute; } .input-validation__message { clear: none; text-align: left; margin: 6px 6px 6px 40px; } .account { padding-top: 0px; } .account__forgotten { min-height: calc(100vh - 115px); } @media (min-width: 768px) { .account__forgotten { min-height: calc(100vh - 97px); } } .account.login { display: flex; justify-content: center; align-items: center; } .account .txt-bold { font-weight: 700; } .account .paired__none { display: none; } .account__wrapper { width: 100%; } .account__signin { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 20px; } @media (min-width: 768px) { .account__signin { margin-top: 50px; flex-direction: row; flex-wrap: wrap; } } .account__myAccount { display: flex; flex-direction: column; margin-top: 40px; } @media (min-width: 768px) { .account__myAccount { flex-direction: row; } } .account__newAddressSection { max-width: 580px; } .account__redirect { font-weight: bold; margin-top: 50px; font-style: italic; height: 0; display: block; overflow: hidden; transition: all 2s; } .account .section__header { margin: 0 0 30px; } .account .section__sub-header { margin: 20px 0 10px; letter-spacing: 2px; font-weight: 700; font-size: 14px; } .account .form__person-name:nth-of-type(1) { width: calc(26% - 7px); margin-right: 7px; } .account .form__person-name:nth-of-type(2) { width: calc(37% - 14px); margin-left: 7px; margin-right: 7px; } .account .form__person-name:nth-of-type(3) { width: calc(37% - 7px); margin-left: 7px; } .account .form__person-contact:nth-of-type(1) { width: calc(50% - 7px); margin-right: 7px; } .account .form__person-contact:nth-of-type(2) { width: calc(50% - 7px); margin-left: 7px; } .account .orderHistory--split-payments .section__sub-header { margin: 15px 0 10px 20px; } .account__linebreak { border-top: 1px solid #cdcdcd; } .account__centralrez { margin: 20px auto 0 auto; padding: 20px; text-align: center; display: flex; flex-direction: column; min-height: inherit; align-items: stretch; justify-content: center; max-width: 450px; width: 100%; } @media (min-width: 768px) { .account__centralrez { max-width: 500px; } } .account__centralrez.generic-validation__message { max-width: unset; } .account__centralrez--wide { width: 100%; max-width: unset; } .account__divide { padding: 20px; text-align: center; width: 100%; } @media (min-width: 768px) { .account__divide { padding: 20px 40px; width: 50%; } .account__divide:nth-of-type(1) { border-right: 1px solid #cdcdcd; } } .account__divide .social__login { margin: 10px auto; height: 150px; width: 285px; } @media (min-width: 768px) { .account__divide .social__login { margin: 15px auto; } } .account__divide .social__login .line__break { background-color: #fff; box-sizing: border-box; margin-left: 5%; margin-right: 5%; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 10px; } .account__divide .social__login .line__break:before { background-color: gray; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 10px; width: 100%; } .account__divide .social__login .line__break--text { font-family: Open Sans, Arial, Helvetica, sans-serif; background-color: #fff; color: #333; display: inline-block; font-style: italic; margin: 0px auto; box-sizing: border-box; padding: 0 8px; position: relative; font-size: 13px; font-weight: 500; } .account__divide .social__login .social__login--text { text-align: center; margin: 5px 0 10px; } @media (min-width: 768px) { .account__divide .social__login .social__login--text { margin: 10px 0 15px; } } .account__divide .social__login .social__login--buttons { text-align: center; margin: 0px auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .account__divide .social__login .google__button { border: solid 2px #ddd; color: #2d2d2d; cursor: pointer; display: block; font-style: normal; font-stretch: normal; font-style: normal; font-weight: 700; font-size: 14px; height: 44px; letter-spacing: 1px; line-height: 40px; margin-right: 5px; position: relative; text-align: center; text-indent: 30px; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 138px; } .account__divide .social__login .google__button > * { opacity: 0; } @media (min-width: 768px) { .account__divide .social__login .google__button { width: 140px; } } .account__divide .social__login .google__button::before { -webkit-background-clip: padding-box; background-clip: padding-box; background-image: url("https://cdn.gemporiacraft.io/images/website/sewingstreet/social-icons/google-logo.svg"); background-repeat: no-repeat; background-position: 100% center; background-size: 18px; content: ""; height: 40px; left: 0; top: 0; position: absolute; width: 30px; } .account__divide .social__login .google__button:after { content: "GOOGLE"; height: 40px; left: 24px; top: 0; position: absolute; width: 30px; pointer-events: none; } .account__divide .social__login .apple__button { margin-top: 4px; border: solid 2px #ddd; color: #2d2d2d; cursor: pointer; display: block; font-style: normal; font-stretch: normal; font-style: normal; font-weight: 700; font-size: 14px; height: 44px; letter-spacing: 1px; line-height: 40px; margin-bottom: 5px; position: relative; text-align: center; text-indent: 30px; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 138px; } @media (min-width: 768px) { .account__divide .social__login .apple__button { width: 140px; } } .account__divide .social__login .apple__button::before { -webkit-background-clip: padding-box; background-clip: padding-box; background-image: url("https://cdn.gemporiacraft.io/images/website/sewingstreet/social-icons/apple-logo.svg"); background-repeat: no-repeat; background-position: 100% center; background-size: 18px; content: ""; height: 40px; left: 0; top: 0; position: absolute; width: 30px; } .account__divide .social__login .facebook__button { border: solid 2px #ddd; clear: both; color: #2d2d2d; cursor: pointer; display: block; font-style: normal; font-stretch: normal; font-style: normal; font-weight: 700; font-size: 14px; height: 44px; letter-spacing: 1px; line-height: 40px; margin: 0 auto; position: relative; text-align: center; text-indent: 30px; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 138px; } @media (min-width: 768px) { .account__divide .social__login .facebook__button { width: 140px; } } .account__divide .social__login .facebook__button::before { -webkit-background-clip: padding-box; background-clip: padding-box; background-image: url("https://cdn.gemporiacraft.io/images/website/sewingstreet/social-icons/facebook-logo.svg"); background-repeat: no-repeat; background-position: 100% center; background-size: 18px; content: ""; height: 40px; left: 0; top: 0; position: absolute; width: 30px; } .account__divide .social__login .google__button:focus, .account__divide .social__login .google__button:hover, .account__divide .social__login .facebook__button:focus, .account__divide .social__login .facebook__button:hover, .account__divide .social__login .apple__button:focus, .account__divide .social__login .apple__button:hover { border: 2px solid #09254A; } .account__divide .social__login .google__button:active, .account__divide .social__login .facebook__button:active, .account__divide .social__login .apple__button:active { -webkit-transform: translateX(1px) translateY(1px); -ms-transform: translateX(1px) translateY(1px); transform: translateX(1px) translateY(1px); } .account .account__sidemenu { width: 100%; } @media (min-width: 768px) { .account .account__sidemenu { width: 25%; } } .account .account__main, .account .account__main--narrow { width: calc(100% - 20px); margin-right: auto; } @media (min-width: 768px) { .account .account__main, .account .account__main--narrow { width: calc(75% - 20px); margin-bottom: 40px; } } .account .account__sidemenu, .account .account__main, .account .account__main--narrow { margin-top: 20px; padding: 0 20px; } .account .account__main { padding: 0 20px 75px 20px; } .account .paired__info { width: 100%; } .account .paired__info .paired__sample2 { display: block; width: 60%; min-width: 250px; margin: 10px auto; } .account .paired__info .paired__sample2 img { width: 100%; } @media (min-width: 768px) { .account .paired__info .paired__sample2 { display: none; } } .account__pairMyDevice { display: flex; flex-direction: row-reverse; } .account .paired__sample1 { display: none; } @media (min-width: 768px) { .account .paired__sample1 { display: block; margin-left: 20px; width: 100%; } } .account .paired__sample1 img { width: 100%; } .account .account__order { display: flex; flex-direction: row; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #cdcdcd; margin: 10px 0; } .account .account__order-product { width: 33.333333%; border: 1px solid #e1e1e1; height: 33.333333%; } .account .account__order-product img { width: 100%; } @media (min-width: 768px) { .account .account__order-product { width: 20%; } } .account .account__order-details { width: 66.666666%; padding-left: 20px; } @media (min-width: 768px) { .account .account__order-details { width: 80%; } } .account .account__address { min-height: 210px; border: 1px solid #cdcdcd; padding: 15px; position: relative; width: 100%; } .account .account__address--intro { margin-bottom: 10px; } .account .account__address .not-default { display: none; } .account .account__address .is-default { color: #09254A; font-size: 16px; } @media (min-width: 768px) { .account .account__address--format br { display: none; } } .account .account__address--action { margin-top: 10px; } @media (min-width: 768px) { .account .account__address--action { margin-top: 0px; position: absolute; top: 15px; right: 15px; } } .account .myVideos { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: left; justify-content: left; margin-bottom: 40px; } .account .myVideos .video__container { border: 1px solid #ccc; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; flex: 0 0 50%; margin-top: 10px; margin-right: 10px; padding: 10px 5px; max-width: 200px; text-align: center; position: relative; } .account .myVideos .video__container:hover { border-color: #09254A; cursor: pointer; } .account .myVideos a, .account .myVideos a:hover, .account .myVideos a:focus, .account .myVideos a:active { text-decoration: none; color: inherit; } .account .myVideos .video__image { height: auto; width: 100%; max-width: 200px; } .account .myVideos .video__name { margin-top: 10px; } .account .myVideos .video__skillLevel { height: 30px; line-height: 30px; font-weight: 600; letter-spacing: 2px; background-color: #09254A; color: #ffffff; font-size: 15px; text-transform: uppercase; position: absolute; top: 20px; left: 0; padding: 0 10px; } .account .myVideos .video__skillLevel:before { border-color: transparent transparent transparent #09254A; border-style: solid; border-width: 0 0 15px 15px; content: ""; display: inline-block; height: 0; position: absolute; right: -14px; top: 0; width: 0; } .account .myVideos .video__skillLevel:after { border-color: transparent transparent transparent #09254A; border-style: solid; border-width: 15px 0 0 15px; content: ""; display: inline-block; height: 0; position: absolute; right: -14px; bottom: 0; width: 0; } .account .subscriptionItem .divtable__cell { vertical-align: middle; } .account .subscriptionItem__details { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #cdcdcd; margin: 10px 0; display: flex; flex-direction: row; } .account .subscriptionItem__details-image { width: 33.333333%; border: 1px solid #e1e1e1; height: 33.333333%; } .account .subscriptionItem__details-image img { width: 100%; } @media (min-width: 768px) { .account .subscriptionItem__details-image { width: 20%; } } .account .subscriptionItem__details-details { width: 66.666666%; padding-left: 20px; } @media (min-width: 768px) { .account .subscriptionItem__details-details { width: 80%; } } .account .subscriptionItem__details-details .form-group { margin: 10px 0; } .account .subscriptionItem__details-details .form-group select, .account .subscriptionItem__details-details .form-group input { margin: 0; } .account .subscriptionItem__details .cancelSubContainer { display: flex; align-items: flex-start; flex-direction: column; gap: 10px; } .account .subscriptionItem__details .cancelSubContainer .btn--outline--danger { margin-left: 0; } .account .subscriptionItem__details .cancelSubContainer textarea { width: 100%; } .account .subscriptionItem__details .cancelSubContainer__error { display: flex; justify-content: center; align-items: center; background: #c03; color: #fff; line-height: 20px; padding: 10px; opacity: 0; max-height: 0; transition: opacity 0.3s, max-height 0.3s; } .account .subscriptionItem__details .cancelSubContainer__error--show { opacity: 1; max-height: 120px; } .account .subscriptionItem__details .cancelSubContainer__icon { width: 24px; margin-right: 10px; filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); } .account .subscriptionTooltip { position: relative; } .account .subscriptionTooltip__icon { width: 16px; position: absolute; left: -12px; top: 8px; cursor: pointer; } .account .subscriptionTooltip__icon:hover .box { opacity: 1; visibility: visible; z-index: 10; } .account .subscriptionTooltip__icon .box { opacity: 0; visibility: hidden; position: absolute; color: #fff; background: #1B1B1B; padding: 15px; border: none; z-index: -1; width: 220px; transform: translateY(-50%); top: 50%; left: 34px; text-align: center; transition: opacity 0.2s ease-in-out; } .account .subscriptionTooltip__icon .box:after { content: ""; display: block; position: absolute; border-color: transparent #1B1B1B transparent transparent; border-style: solid; border-width: 15px 15px 0; top: 36%; right: 100%; width: 0; } .account .nextOrderInfo { display: flex; justify-content: center; align-items: center; } @media (min-width: 480px) { .account .nextOrderInfo { display: none; } } .account .nextOrderInfo__icon { display: inline-block; width: 75px; padding-right: 10px; } .account .txtSubscriptionsCancellationReason { display: block; } .account .txtSubscriptionsCancellationReason--error { border: 2px red solid; border-radius: 2px; } .pairing-devices__img p { text-align: center; color: #000; font-weight: 700; margin-bottom: 5px; } #g-recaptcha { padding-top: 20px; } .tooltip { position: relative; } .tooltip__icon { width: 16px; position: absolute; left: -12px; top: 8px; cursor: pointer; } .tooltip__icon:hover .box { opacity: 1; visibility: visible; z-index: 10; } .tooltip__icon .box { opacity: 0; visibility: hidden; position: absolute; color: #fff; background: #1B1B1B; padding: 15px; border: none; z-index: -1; width: 220px; transform: translateY(-50%); top: 50%; left: 34px; text-align: center; transition: opacity 0.2s ease-in-out; } .tooltip__icon .box:after { content: ""; display: block; position: absolute; border-color: transparent #1B1B1B transparent transparent; border-style: solid; border-width: 15px 15px 0; top: 36%; right: 100%; width: 0; } .tooltip__account { display: inline; } .tooltip__account .tooltip__icon { left: 7px; top: 2px; } .tooltip__account .tooltip__icon .box { top: calc(100% + 12px); transform: translatex(-100%); left: 50%; } @media (min-width: 480px) { .tooltip__account .tooltip__icon .box { transform: translatex(-50%); } } .tooltip__account .tooltip__icon .box:after { top: -12px; right: 0; border-width: 20px 25px 0; } @media (min-width: 480px) { .tooltip__account .tooltip__icon .box:after { top: -12px; right: 53%; } } @media (min-width: 768px) { .payment br { display: none; } } .payment-wrap { float: left; display: block; width: 100%; margin-left: -8px; } @media (min-width: 480px) { .payment-wrap { float: right; width: auto; display: inline-block; } } .payment--label { padding: 0 3% 0 0; font-weight: 700; background: none; } .payment--paypal { background-image: url(/global/img/spritesheet.png); background-position: -64px -49px; width: 21px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--paypal { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment--mastercard { background-image: url(/global/img/spritesheet.png); background-position: -104px -63px; width: 34px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--mastercard { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment--visa { background-image: url(/global/img/spritesheet.png); background-position: -138px -63px; width: 34px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--visa { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment--delta { background-image: url(/global/img/spritesheet.png); background-position: -139px -21px; width: 34px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--delta { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment--discover { background-image: url(/global/img/spritesheet.png); background-position: -104px -42px; width: 34px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--discover { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment--amex { background-image: url(/global/img/spritesheet.png); background-position: -104px -21px; width: 35px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--amex { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment--maestro { background-image: url(/global/img/spritesheet.png); background-position: -138px -42px; width: 34px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--maestro { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment--gemcredit { background-image: url(/global/img/spritesheet.png); background-position: -43px -49px; width: 21px; height: 21px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment--gemcredit { background-image: url(/global/img/spritesheetRetina.png); background-size: 192px 98px; } } .payment { display: inline-block; vertical-align: middle; margin: 0 7px 10px; } .radio-group .payment { margin-bottom: 3px; margin-top: 3px; vertical-align: top; } .divtable { display: table; width: 100%; } .divtable__indent-outline { margin: 0 20px 20px; width: calc(100% - 40px); } @media (min-width: 480px) { .divtable__indent-outline { border: #cdcdcd 1px solid; } } .divtable__body { display: table-row-group; } .divtable__row { display: block; padding-bottom: 15px; } @media (min-width: 480px) { .divtable__row { display: table-row; } } .divtable__thankyou .divtable__row { display: table-row; padding-bottom: 5px; border-top: red 10px solid; /*&:first-of-type { margin-top: 20px; border-top: red 10px solid; }*/ } .divtable__thankfoot .divtable__row { display: table-row; padding-bottom: 0px; } .divtable__row:last-of-type .divtable__cell { border-bottom: 0; } .divtable__row.cancelled { color: #cc0033; } @media (max-width: 479px) { .divtable__row.cancelled .divtable__cell:nth-of-type(4) { display: none; } } @media (min-width: 480px) { .divtable__row.divtable__row-final .divtable__cell:nth-of-type(1) { text-align: right; } } .divtable__row.divtable__row-final .divtable__cell:nth-of-type(2) { width: 10%; } .divtable__row.pending { color: green; } .divtable__row--header { display: none; } @media (min-width: 480px) { .divtable__row--header { display: table-row; background-color: #e1e1e1; } } .divtable__row--hilight { background-color: #f6f6f6; padding: 10px; } @media (min-width: 480px) { .divtable__row--hilight { display: table-row; background-color: #f6f6f6; } } @media (min-width: 480px) { .divtable__cell { border-bottom: 1px solid #cdcdcd; display: table-cell; padding: 7px 10px; } } .divtable__thankyou .divtable__cell, .divtable__thankfoot .divtable__cell { border-bottom: 0px; padding: 3px 10px; vertical-align: top; display: inline-block; text-align: left; /*border: 1px solid green;*/ } @media (min-width: 480px) { .divtable__thankyou .divtable__cell, .divtable__thankfoot .divtable__cell { display: table-cell; } .divtable__thankyou .divtable__cell:first-of-type, .divtable__thankfoot .divtable__cell:first-of-type { padding: 3px 10px 3px 0; } .divtable__thankyou .divtable__cell:last-of-type, .divtable__thankfoot .divtable__cell:last-of-type { padding: 3px 0 3px 10px; } } @media (min-width: 768px) { .divtable__thankyou .divtable__cell, .divtable__thankfoot .divtable__cell { display: inline-block; } } @media (min-width: 1024px) { .divtable__thankyou .divtable__cell, .divtable__thankfoot .divtable__cell { display: table-cell; } .divtable__thankyou .divtable__cell:first-of-type, .divtable__thankfoot .divtable__cell:first-of-type { padding: 3px 10px 3px 0; } .divtable__thankyou .divtable__cell:last-of-type, .divtable__thankfoot .divtable__cell:last-of-type { padding: 3px 0 3px 10px; } } .divtable__cell--header { display: inline-block; } @media (min-width: 480px) { .divtable__cell--header { display: none; } } .divtable.divtable__thankyou { margin-top: 20px; } .divtable.divtable__thankyou .divtable__cell { width: 100%; text-align: left; /*&:nth-of-type(1) { background: red; } &:nth-of-type(2) { background: orange; } &:nth-of-type(3) { background: yellow; } &:nth-of-type(4) { background: lime; } &:nth-of-type(5) { background: green; }*/ } .divtable.divtable__thankyou .divtable__cell .basket__prodImage--position { max-width: 100px; } .divtable.divtable__thankyou .divtable__cell .total-item { font-weight: 600; } .divtable.divtable__thankyou .divtable__cell .itemSaving { color: #09254A; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(1) { width: 105px; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(2), .divtable.divtable__thankyou .divtable__cell:nth-of-type(3), .divtable.divtable__thankyou .divtable__cell:nth-of-type(4) { display: none; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(5) { display: inline-block; width: calc(100% - 115px); } .divtable.divtable__thankyou .divtable__cell:nth-of-type(6) { width: calc(100% - 50px); display: inline-block; text-align: right; } @media (min-width: 480px) { .divtable.divtable__thankyou .divtable__cell:nth-of-type(2) { width: calc(100% - 195px); display: inline-block; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(3) { width: 80px; display: inline-block; text-align: center; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(4) { width: 105px; display: inline-block; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(5) { display: none; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(6) { width: calc(100% - 30px); } } @media (min-width: 768px) { .divtable.divtable__thankyou .divtable__cell:nth-of-type(2), .divtable.divtable__thankyou .divtable__cell:nth-of-type(3), .divtable.divtable__thankyou .divtable__cell:nth-of-type(4) { display: none; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(5) { display: inline-block; width: calc(100% - 115px); } } @media (min-width: 1024px) { .divtable.divtable__thankyou .divtable__cell:nth-of-type(2) { width: calc(100% - 195px); display: inline-block; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(3) { width: 80px; display: inline-block; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(4) { width: 105px; display: inline-block; } .divtable.divtable__thankyou .divtable__cell:nth-of-type(5) { display: none; } } .divtable.divtable__thankfoot { margin-bottom: 20px; } .divtable.divtable__thankfoot .divtable__cell.total-item { font-weight: 600; } .divtable.divtable__thankfoot .divtable__cell:nth-of-type(1) { width: calc(100% - 95px); text-align: right; } @media (min-width: 480px) { .divtable.divtable__thankfoot .divtable__cell:nth-of-type(1) { width: calc(100% - 115px); } } @media (min-width: 768px) { .divtable.divtable__thankfoot .divtable__cell:nth-of-type(1) { width: calc(100% - 95px); } } @media (min-width: 1024px) { .divtable.divtable__thankfoot .divtable__cell:nth-of-type(1) { width: calc(100% - 115px); } } .divtable.divtable__thankfoot .divtable__cell:nth-of-type(2) { width: 85px; } @media (min-width: 480px) { .divtable.divtable__thankfoot .divtable__cell:nth-of-type(2) { width: 115px; } } @media (min-width: 768px) { .divtable.divtable__thankfoot .divtable__cell:nth-of-type(2) { width: 85px; } } @media (min-width: 1024px) { .divtable.divtable__thankfoot .divtable__cell:nth-of-type(2) { width: 115px; } } .divtable.divtable__six .divtable__cell { width: 100%; } .divtable.divtable__six .divtable__cell:last-of-type { border-right: 0px; } @media (min-width: 480px) { .divtable.divtable__six .divtable__cell { width: 15%; } .divtable.divtable__six .divtable__cell:last-of-type { border-right: 1px; } } .divtable.divtable__four .divtable__cell { width: 100%; } @media (min-width: 480px) { .divtable.divtable__four .divtable__cell { width: 25%; } } .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer { margin-top: 20px; } .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__row { padding-bottom: 0px; } .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell { width: 100%; border-bottom: 0; padding-bottom: 15px; } @media (min-width: 480px) { .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell { width: 50%; } } .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell .section__sub-header { margin-top: 0px; } .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--mobile { display: inline-block; } @media (min-width: 480px) { .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--mobile { display: none; } } .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--desktop { display: none; } @media (min-width: 480px) { .divtable#ContentPlaceHolder1_dvShippingDeliveryPaymentContainer .divtable__cell--desktop { display: block; width: 100%; } } @media (min-width: 480px) { .divtable.divtable__pending-orders .divtable__cell { padding: 5px 7px 5px 0 !important; border-bottom-color: #f6f6f6; } } @media (min-width: 768px) { .divtable.divtable__pending-orders .divtable__cell { white-space: nowrap; } } .divtable.divtable__pending-orders .divtable__cell:nth-of-type(2) .list-bold { font-weight: 600; } .divtable.divtable__pending-orders .divtable__cell:nth-of-type(2) .list-bold::after { content: "\a"; white-space: pre; } @media (min-width: 480px) { .divtable.divtable__pending-orders .divtable__cell:nth-of-type(2) { padding: 5px 0 5px 7px !important; text-align: right; } } .modal__block-summary .divtable { width: 100%; margin: 15px 0 10px; } .modal__block-summary .divtable.basket__summary--notes { margin-bottom: 0px; float: none; width: 100%; } @media (min-width: 480px) { .modal__block-summary .divtable.basket__summary--notes { width: 100%; max-width: 420px; } } @media (min-width: 768px) { .modal__block-summary .divtable.basket__summary--notes { max-width: unset; } } .modal__block-summary .divtable .divtable__row { display: table-row; padding-bottom: 0px; } .modal__block-summary .divtable .divtable__cell { border-bottom: 0px; padding: 0px 0px 4px; display: table-cell; text-align: left; } .modal__block-summary .divtable .divtable__cell:nth-of-type(2) { padding-left: 10px; text-align: right; } .modal__block-summary .divtable .divtable__cell h3.basket__totals { margin-bottom: 0px; } .form-submit--confirm label, .self-input-submit label { display: block; height: 0px; min-height: 0px; padding: 0 10px; border: 0; font-size: 13px; width: 100%; text-align: left; margin-bottom: 0px; transition: height 0.6s, min-height 0.6s, padding 0.6s, border 0.2s 0.4s; } .form-submit--confirm label p, .self-input-submit label p { margin-left: 25px; margin-bottom: 0px; visibility: hidden; } .form-submit--confirm input[type=text], .self-input-submit input[type=text] { margin-top: 0px; } .form-submit--confirm input[type=text].reveal__confirmation, .self-input-submit input[type=text].reveal__confirmation { border: 2px solid green; } .form-submit--confirm label.reveal__confirmation, .self-input-submit label.reveal__confirmation { position: relative; background: #ffffff; border: 2px solid green; border-bottom: 0; height: auto; min-height: 40px; padding: 10px; transition: height 0.6s, min-height 0.6s, padding 0.6s; } .form-submit--confirm label.reveal__confirmation p, .self-input-submit label.reveal__confirmation p { visibility: visible; transition: visibility 0.5s 0.8s; } .form-submit--confirm label.reveal__confirmation p:before, .self-input-submit label.reveal__confirmation p:before { content: "✓"; font-weight: bold; display: inline-block; font-size: 24px; color: green; position: absolute; margin-left: -25px; } .form-submit--interactive { position: relative; display: inline-block; /*.btn--loading { background: #eee; border-color: #ddd; color: #ddd; }*/ } .btn--group .form-submit--interactive { margin-left: 5px; margin-right: 5px; } .btn--group .form-submit--interactive:first-of-type { margin-left: 0; } .btn--group .form-submit--interactive:last-of-type { margin-right: 0; } .basket__summary .form-submit--interactive, .central-block .form-submit--interactive, .error-block .form-submit--interactive { width: 100%; } .form-submit--interactive input[type=submit].btn--action, .form-submit--interactive a.btn--action { visibility: visible; } .form-submit--interactive.loading .btn--action, .form-submit--interactive.loading .btn--loading { background: #eee; border-color: #ddd; color: #ddd; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading::before { content: ""; margin: auto; height: 30px; width: 30px; animation: rotate 1s infinite linear; border: 5px solid #a5a5a5; /*border: 5px solid #7e35a6;*/ border-right-color: transparent; border-radius: 50%; right: 0; left: 0; z-index: 1; display: block; } .btn--check .loading::before { height: 26px; width: 26px; margin: 2px; } .btn--spin { display: inline-block; position: relative; margin-top: 5px; padding: 0; } .btn--spin.loading .btn--textlnk, .btn--spin.loading .btn--textlnk__inverse, .btn--spin.loading .btn--textlnk__single, .btn--spin.loading .btn--active, .btn--spin.loading .btn--account, .btn--spin.loading .btn--account__open { color: #ddd !important; border-bottom: 0px; } .btn--spin.loading::before { position: absolute; margin-top: -4px; height: 28px; width: 28px; } .btn--right { text-align: right; bottom: 0; position: absolute; right: 0; } .groupFlip { width: 180px; height: 43px; position: relative; margin: 0; -webkit-column-span: all; /* Chrome, Safari, Opera */ column-span: all; overflow: hidden; } @media (min-width: 480px) { .groupFlip { width: 220px; } } .groupFlip input[type=submit]:nth-of-type(1), .groupFlip input[type=submit]:nth-of-type(2), .groupFlip input[type=submit]:nth-of-type(3) { width: 180px; position: absolute; clear: both; left: 0; margin: 0; transition: all 0.5s; } @media (min-width: 480px) { .groupFlip input[type=submit]:nth-of-type(1), .groupFlip input[type=submit]:nth-of-type(2), .groupFlip input[type=submit]:nth-of-type(3) { width: 220px; } } .groupFlip input[type=submit]:nth-of-type(1) { /*background: red;*/ top: 0px; } .groupFlip input[type=submit]:nth-of-type(2) { /*background: orange;*/ top: 46px; } .groupFlip input[type=submit]:nth-of-type(3) { /*background: yellow;*/ top: 92px; } .groupFlip.flipTo input[type=submit]:nth-of-type(1) { /*background: green;*/ top: -46px; } .groupFlip.flipTo input[type=submit]:nth-of-type(2) { /*background: palegreen;*/ top: 0px; } .groupFlip.flipTo input[type=submit]:nth-of-type(3) { /*background: lime;*/ top: 46px; } .groupFlip.flipCombo input[type=submit]:nth-of-type(1) { /*background: blue;*/ top: -92px; } .groupFlip.flipCombo input[type=submit]:nth-of-type(2) { /*background: aqua;*/ top: -46px; } .groupFlip.flipCombo input[type=submit]:nth-of-type(3) { /*background: teal;*/ top: 0px; } .form-submit--interactive.loading::before { position: absolute; margin-top: 6px; } #pay-button-container { width: 100px; } .pay-button__wrap { display: flex; } .pay-button__wrap button { margin-right: 0; } #pay-button-container.form-submit--interactive.loading::before { margin-top: 17px; } .btn--check.js-loading .btn--interactive, .btn--check:not(.js-loading) .loading { display: none; } #overlay { background: rgba(255, 255, 255, 0.9); height: 100%; width: 100%; position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; z-index: 4; transition: all 0.9s; } #overlay.active { visibility: visible; opacity: 1; transition: all 0.9s; } #overlay .overlay__position { position: absolute; background: #ffffff; max-width: 500px; min-width: 320px; padding: 15px; top: 50%; left: 50%; transform: translate(-50%, -80%); text-align: center; z-index: 5; } #overlay .overlay__position .logo { display: block; width: 100%; background-image: url("/SewingStreet/img/ss_logo.svg"); background-size: 250px; height: 100px; background-repeat: no-repeat; background-position: bottom center; margin-bottom: 30px; z-index: 6; } #overlay .overlay__position .loading { margin-bottom: 30px; z-index: 6; } .block__tooltip { display: flex; padding: 15px 0; } .basket__prodOptions--info .block__tooltip { padding: 0; } .block__tooltip--txt { display: inline-block; margin-right: 10px; } .block__tooltip--tip { position: relative; display: inline-block; } .block__tooltip--tip .infoIcon { width: 16px; height: 28px; cursor: pointer; } .block__tooltip .reveal__txtbox { width: 200px; left: -66px; top: 21px; height: auto; display: block; position: absolute; text-align: center; color: #fff; background: #3a3a3a; padding: 10px; line-height: 17px; margin-top: 10px; max-height: 0; opacity: 0; visibility: hidden; z-index: 2; transition: max-height 0.5s, visibility 0.5s, opacity 0.5s; } .block__tooltip .reveal__txtbox::before { content: ""; display: block; top: -14px; right: 80px; position: absolute; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 0 20px 14px 20px; border-color: transparent transparent #3a3a3a transparent; } .block__tooltip .reveal__txtbox.txtbox__account { left: -92px; top: 26px; } .block__tooltip .reveal__txtbox--open { max-height: 150px; opacity: 1; visibility: visible; } .tooltip__subs .block__tooltip--tip .infoIcon { height: 16px; } .step-up { position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -187.5px; border: 0; z-index: 8; background: #fff; } #main-container.hidden:before { content: " "; background: rgb(255, 255, 255); height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 3; } #stepUpMessage { position: absolute; z-index: 9; top: calc(50% + 85px); width: 600px; left: 50%; margin-left: -300px; margin-top: -376px; border: 1px solid #c03; color: #c03; padding: 10px; background: #fff; } #stepUpMessage.active { visibility: visible; } #secSavedBillAddress .radio-group li > div { display: flex; align-items: center; } .banner { transition: all; position: relative; z-index: 2; overflow: hidden; } .banner--promo { max-width: 1200px; margin: 0 auto; } .banner--show { display: block; min-height: 44px; } .banner--show .promo { min-height: 45px; } .announcement { text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; position: relative; font-size: 12px; padding: 0; margin: 0 auto; max-width: 1200px; } .announcement__link { position: absolute; top: 0; left: 0; width: 100%; } .announcement a { color: #fff; } @media (min-width: 480px) { .announcement { font-size: 13px; } } .announcement__message { list-style: none; width: 100%; display: none; line-height: 14px; padding: 10px; box-sizing: border-box; } @media (min-width: 480px) { .announcement__message { line-height: 20px; } } .announcement__message--show { display: block; } .announcement__text { align-items: center; justify-content: center; line-height: 1.8; } .announcement__text--desktop { display: none; margin: 0 30px; } @media (min-width: 768px) { .announcement__text--desktop { display: flex; } } .announcement__text--mobile { display: flex; margin: 0 35px 0 0; } @media (min-width: 768px) { .announcement__text--mobile { display: none; } } .announcement__close { display: inline-block; position: absolute; line-height: 20px; font-weight: 400; font-size: 40px; cursor: pointer; padding: 10px; z-index: 2; right: 0; top: 45%; transform: translateY(-50%); } @media (min-width: 768px) { .announcement__close { font-size: 36px; top: 0; transform: translateY(0); } } .announcement__close:before { display: inline-block; content: "×"; } .promo { list-style: none; padding: 0; position: relative; height: 45px; max-width: 100%; margin: 0 auto; text-transform: uppercase; font-weight: 600; font-size: 15px; } .promo__text { margin: 0; letter-spacing: 1px; align-items: center; justify-content: center; width: 100%; height: 45px; } .promo__text--mobile { display: flex; font-size: 10px; } @media (min-width: 768px) { .promo__text--mobile { display: none; } } .promo__text--desktop { display: none; } @media (min-width: 768px) { .promo__text--desktop { display: flex; } } .promo__link { position: absolute; width: 100%; height: 45px; top: 0; } @media (min-width: 768px) { .promo__link { position: initial; width: 0; } } .promo__terms { display: none; font-size: 11px; text-transform: none; } @media (min-width: 769px) { .promo__terms { display: block; position: absolute; right: 10px; top: 0; line-height: 45px; } } .promo__message { position: absolute; top: 0; height: 45px; width: 100%; } .promo__message--hide { display: none; } .promo button { display: inline-block; border: 2px solid #fff; text-decoration: none; color: #000; font-size: 0.688rem; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none; outline: 1px solid #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; padding: 0.188rem; width: 9.375rem; margin-left: 0.625rem; } .promo button:hover, .promo button:focus { background: #fff; } .promo button:focus { outline: 1px solid #fff; } .promo button:active { /*transform: scale(0.99);*/ } .code { text-decoration: underline; margin-left: 0.625rem; font-weight: 700; letter-spacing: 1px; } @media (min-width: 1024px) { .code { letter-spacing: 3px; } } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ left: 0; } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ right: 0; } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0 ; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } >>>>>>> project/coreUpdate /*# sourceMappingURL=main.css.map */