//reset start a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}img{max-width:100%;vertical-align:middle;height:auto}b,strong{font-weight:700}em,i{font-style:italic}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}.cf{zoom:1}a,button,div,input,option,select,span,textarea{font-family:inherit}sup{vertical-align:super;font-size:.5em} //reset end //vendors start .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;&:focus{outline:none}&.dragging{cursor:pointer;cursor:hand}}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;&:before,&:after{content:"";display:table}&:after{clear:both}.slick-loading &{visibility:hidden}}.slick-slide{float:left;height:100%;min-height:1px;[dir="rtl"] &{float:right}img{display:block}&.slick-loading img{display:none}display:none;&.dragging img{pointer-events:none}.slick-initialized &{display:block}.slick-loading &{visibility:hidden}.slick-vertical &{display:block;height:auto;border:1px solid transparent}}.slick-arrow.slick-hidden{display:none}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} //vendors end //global start @font-face { font-family: 'Helvetica Neue Regular'; src: url(" //www.victrola.com/cdn/shop/t/67/assets/HelveticaNeue-RegularItalic.woff2?v=29569181385048463871754330850 ") format('woff2'), url(" //www.victrola.com/cdn/shop/t/67/assets/HelveticaNeue-RegularItalic.woff?v=172358019584836956811754330850 ") format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Helvetica Neue'; src: url(" //www.victrola.com/cdn/shop/t/67/assets/HelveticaNeue-LightItalic.woff2?v=29198947925750201931754330849 ") format('woff2'), url(" //www.victrola.com/cdn/shop/t/67/assets/HelveticaNeue-LightItalic.woff?v=122867100548567782491754330848 ") format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Helvetica Neue'; src: url(" //www.victrola.com/cdn/shop/t/67/assets/HelveticaNeue-Regular.woff2?v=106482118916376973091754330849 ") format('woff2'), url(" //www.victrola.com/cdn/shop/t/67/assets/HelveticaNeue-Regular.woff?v=171130278486799757991754330849 ") format('woff'); font-weight: normal; font-style: normal; font-display: swap; } //---------------------------------------------- //* COLORS //--------------------------------------------- $dblue: #00247a; $blue: #025f70; $orange: #fb661f; $red: #ff0000; $egg: #edebdf; $purple: #464bc6; $yellow: #facd34; $white : #fff; $black : #000; $gray : #2c2c2c; $newgrey : #d1d3d4; $darkgrey : #bcbebf; $coal: #202125; $silver: #999; $fog: #bcbec0; $smoke: #e5e5e5; $cloud: #f2f2f2; $error: #db5b70; $warning: #e8db34; $info: $yellow; $success: #5bdb86; // social brand colors $facebook: #3b5998; $twitter: #1da1f2; $linkedin : #007bb5; $vimeo: #1ab7ea; $youtube: #f00; $pinterest: #bd081c; $yelp: #d32323; // Links $link_color: $info; $heading_color: $black; //---------------------------------------------- //* Forms //--------------------------------------------- $input_border_width: 2px; $input_inactive: #ededed; $input_active: $info; $input_filled: $info; $input_error: $error; //---------------------------------------------- //* TYPOGRAPHY //--------------------------------------------- // Fonts $serif: Times, serif; $sans: 'Helvetica Neue', Helvetica, Arial, sans-serif; $body: 'Helvetica Neue', Helvetica, Arial, sans-serif; $heading: 'Helvetica Neue', Helvetica, Arial, sans-serif; $line-height: 1.6; $thin: 300; $normal: 400; $semibold: 500; $bold: 600; $thick: 900; // Headings $heading_weight: $bold; $heading_font: $heading; $heading_h1: 2.75em; $heading_h2: 2.5em; $heading_h3: 1.8em; $heading_h4: 1.6em; $heading_h5: 1.4em; $heading_h6: 1.3em; $heading_h7: 1em; $heading_h1__mobile: 2em; $heading_h2__mobile: 1.8em; $heading_h3__mobile: 1.6em; $heading_h4__mobile: 1.4em; $heading_h5__mobile: 1.2em; $heading_h6__mobile: 1.1em; $heading_h7__mobile: 1em; //---------------------------------------------- //* LAYOUTS //--------------------------------------------- $container_sm: 625px; $container: 1400px; $container_xl: 1600px; $mobile: 320px; $tablet: 720px; $tablet_xl: 768px; $laptop: 960px; $desktop: 1200px; $desktop_xl: 1400px; html { overflow-y: initial; } body { color: $black; font-family: $body; line-height: $line-height; &.no-scroll { overflow: hidden; height: 100vh; @supports (-webkit-overflow-scrolling:touch) { height: 100%; width: 100%; position: relative; top: 0; left: 0; right: 0; bottom: 0; } } &.body--overlay{ position: relative; &:before { position: fixed; content: ''; opacity: .9; width: 100%; height: 100%; z-index: 5; background-color: $black; } main{ filter: blur(7px); } } *{ box-sizing: border-box; } } .desk-only, .hide-mobile { @media (max-width: 960px) { display: none !important; } } .mob-only, .show-mobile { @media (min-width: 960px) { display: none !important; } } .hide, .hidden { display: none !important; } header, footer { ol, ul, li { list-style: none; padding: 0; margin: 0; } a { color: inherit; } } hr { border: 1px solid $smoke; margin: 1.5em 0; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7{ color: $heading_color; font-family: $heading_font; line-height: 1.5; margin: 0; display:block; margin-bottom: .75em; &:last-child { margin-bottom: 0; } span{ font-style: italic; font-weight: 300; } } * + h1, * + .h1, * + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4, * + h5, * + .h5, * + h6, * + .h6, * + .h7{ margin-top: 1.5rem; } h1, .h1{ font-size: $heading_h1__mobile; @media (min-width: $desktop) { font-size: $heading_h1; } } h2, .h2{ font-size: $heading_h2__mobile; @media (min-width: $desktop) { font-size: $heading_h2; } } h3, .h3{ font-size: $heading_h3__mobile; @media (min-width: $desktop) { font-size: $heading_h3; } } h4, .h4{ font-size: $heading_h4__mobile; @media (min-width: $desktop) { font-size: $heading_h4; } } h5, .h5{ font-size: $heading_h5__mobile; @media (min-width: $desktop) { font-size: $heading_h5; } } h6, .h6{ font-size: $heading_h6__mobile; @media (min-width: $desktop) { font-size: $heading_h6; } } .content-block, .post-content{ h1, .h1{ font-size: $heading_h2__mobile; } h2, .h2{ font-size: $heading_h3__mobile; } h3, .h3{ font-size: $heading_h4__mobile; } h4, .h4{ font-size: $heading_h5__mobile; } h5, .h5{ font-size: $heading_h6__mobile; } h6, .h6{ font-size: $heading_h7__mobile; } } .btn { border: 2px solid transparent; cursor: pointer; padding: 1.5em 3em; line-height: 1; display: inline-block; margin: 1.5em 0; text-decoration: none; text-align: center; transition: .15s ease; background-color: $yellow; color: $black; // width: 100%; text-decoration: none; font-size: .8em; font-family: $body; font-weight: 600; -webkit-appearance: none; border-radius: 0; @media (min-width:450px) { width: auto; margin: 1.5em 0; } .svg-icon { font-size: .75em; vertical-align: middle; } &:hover { text-decoration: none; background-color: $black; color: $white; } &:last-child{ margin-bottom: 0; } &.btn--nomin { min-width: 0; } &.btn--outline { background-color: transparent; border-color: $black; color: $black; &:hover { background-color: $black; color: $white; } } &.btn--dblue { border-color: $dblue; background-color: $dblue; color: $dblue; &.btn--outline { background-color: transparent; color: $dblue; } &:hover { background-color: $dblue; color: $white; } } &.btn--white { border-color: $white; background-color: $white; color: $black; &.btn--outline { background-color: transparent; color: $white; } &:hover { background-color: $white; color: $black; } } &.btn--black { border-color: $black; background-color: $black; color: $white; &.btn--outline { background-color: transparent; color: $black; } &:hover { background-color: $black; color: $white; } } &.btn--orange { border-color: $orange; background-color: $orange; color: $white; &.btn--outline { background-color: transparent; color: $orange; } &:hover { background-color: $orange; color: $white; } } &.btn--yellow { border-color: $yellow; background-color: $yellow; color: $black; &:hover { background-color: $white; border-color: $black; } } &.btn--text { background-color: transparent; color: inherit; border-color: transparent; padding: 0; margin: 1.5em 3em; &:hover { text-decoration: underline; } } } .arrow-link{ display:flex; color:$black; align-items:center; text-decoration: none; font-weight: 600; .svg-icon{ margin-left:.75em; width: .8em; height: .8em; transition-duration: .25s; path{ stroke: $dblue; } } &:hover{ text-decoration: none; .svg-icon{ transform: translateX(.25em); } } &.arrow-link--bold{ .svg-icon{ width: 1em; height: 1em; } } &.arrow-link--white{ color: $white; .svg-icon{ path{ stroke:$white; } } } &.arrow-link--orange{ color: $orange; .svg-icon{ path{ stroke:$orange; } } } } p { margin-bottom: 1em; &:last-child{ margin-bottom: 0; } } strong { font-weight: bold; } a { color: $dblue; text-decoration: none; &:hover { text-decoration: underline; } } main{ ul, ol{ padding-left: 1.25em; li{ margin-bottom: 1em; &:last-of-type{ margin-bottom: 0; } } } } .subtext, .preheading, .subheading { font-size: .9m; display: inline-block; color: $black; margin-bottom: 1em; } .preheading{ margin-bottom: 0; } section, .section { padding: 3rem 2rem; @media only screen and (min-width:$desktop) { padding: 4.5rem 3rem; } &.section-bg { padding: 6rem 2rem; @media only screen and (min-width:$desktop) { padding: 9rem 3rem; } } &:not(.section-bg) + .section-bg { margin-top: 3rem; @media only screen and (min-width:$desktop) { margin-top: 4.5rem; } } &.section-bg:first-child { margin-top: 0; } &.section-bg + section:not(.section-bg) { margin-top: 3rem; @media only screen and (min-width:$desktop) { margin-top: 4.5rem; } } } .shopify-section{ &:not(.bg-fill) + .bg-fill { margin-top: 3rem; @media only screen and (min-width:$desktop) { margin-top: 4.5rem; } } &.bg-fill + &:not(.bg-fill) { margin-top: 3rem; @media only screen and (min-width:$desktop) { margin-top: 4.5rem; } } } .container{ max-width: $container_sm; margin: 0 auto; @media only screen and (min-width:960px) { max-width: $container; &.container--small{ max-width: 1200px; } &.container--xl{ max-width: $container_xl; } } } @media only screen and (max-width:960px) { .full-mobile { width: calc(100% + 4rem); margin-left: -2rem; } } .video-wrapper{ position: relative; height: 0; overflow: hidden; padding-bottom: 56.5%; background: $black; width: 100% !important; iframe, video{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 100% !important; width: 100% !important; } } .positioner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; svg, img { display: block; width: 100%; height: 100%; } img { object-fit: cover; max-width: none; } } .svg-icon { position: relative; width: 1em; height: 1em; display: inline-block; } %input { display: inline-block; appearance: none; padding: .75em 1em; border: $input_border_width solid $input_inactive; background: $white; border-radius: 2px; font: inherit; width: 100%; &:last-child { margin-bottom: 0; } &.filled { border-color: $input_filled; } &:focus { border-color: $input_active; } } [type="text"], [type="email"], [type="password"], [type="tel"], [type="file"], [type="search"], [type="submit"], [type="reset"], textarea, select, .select-menu, .search-input { @extend %input; } select, [type="submit"], [type="reset"], [type="button"] { cursor: pointer; } [type="submit"], [type="reset"], [type="button"] { font-weight: $bold; > .svg-icon { vertical-align: middle; font-size: .75em; } } [type="submit"] { background: $info; color: $black; border-color: transparent; } span.required { color: $input_error; font-size: 1em; font-weight: $bold; vertical-align: top; margin-left: 3px; } .form { .form-header { margin-bottom: 2em; } .form-section { margin: 3em 0; &:last-child { margin-bottom: 0; } } .form-field { margin: 0 0 1.75rem; p { margin-bottom: 1em; } .form-group { display: flex; width: 100%; &:last-child { margin-bottom: 1em; } } } .form-group .form-field{ flex: 1; margin: 0; &:not(:last-child) { margin-right: 1em; } } } .select-menu, .subscription-card__select, .search-input{ display: block; background: $white; border: $input_border_width solid $input_inactive; position: relative; z-index: 1; padding: 0 !important; border-radius: 4px; line-height: 1; &:before { content: ""; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; margin: auto; z-index: -1; height: 0; width: 0; pointer-events: none; } select, [type="text"] { background: transparent; border: none !important; z-index: 1; margin: 0; padding-right: 2.5em; } } .select-menu, .subscription-card__select { &:before { border: 5px solid transparent; border-radius: 2px; border-top-color: $input_filled; top: 5px; right: 1.5em; } &.filled { border-color: $input_filled; } &.focused { border-color: $input_active; } } .select-menu--text { border-color: transparent; display:inline-block; width: auto; } .qty-input { background: $white; display: flex; align-items: center; .product-qty, .qty-count { background: transparent; color: $black; font-weight: bold; font-size: inherit; border-color: transparent; display: inline-block; min-width: 0; &:focus { outline: none; } } .product-qty { width: auto; min-width: 0; display: inline-block; padding: .25em 0; text-align: center; } .qty-count { padding: 0; width: 2rem; height: 2rem; &:disabled { color: $smoke; cursor: not-allowed; } } } .search-input { margin: 0; [type="text"], [type="search"] { padding-left: 3rem; width: 100%; border: none; display: block; } &:before { background-image: url('//www.victrola.com/cdn/shop/t/67/assets/search.svg?v=184122979212115895101754330849'); padding-left: 2rem; height: 12px; width: 12px; } } .parsley-error { border-color: $input_error !important; } .parsley-success { border-color: $input_filled !important; } .parsley-errors-list { list-style: none; padding-left: 0; font-size: .9em; display: none; width: 100%; &.filled { display: block; margin-top: -.25em; } .select-menu &.filled { position: absolute; margin-top: .5em; } li { color: $input_error; } } .pdm-lightbox { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .9); text-align: center; padding: 3rem 1.5rem; display: flex; align-items: center; justify-content: center; pointer-events: none; transition-duration: .5s; transition-delay: .25s; opacity: 0; @media (min-width:$desktop) { padding: 6rem 3rem; } @media (min-width:$desktop_xl) { padding: 6rem 6rem; } .pdm-lightbox__container { position: relative; display: block; width: 100%; max-width: 850px; transition-duration: .25s; transition-delay: 0s; } .pdm-lightbox__content { overflow-y: auto; max-height: 80vh; overflow: auto; } .pdm-lightbox__close { background: transparent; color: $white; border: none; position: absolute; top: -1.5rem; right: 0rem; text-indent: -999em; display: block; height: 3em; width: 3em; z-index: 3; transition-duration: .25s; cursor: pointer; @media (min-width:$desktop) { right: -3rem; top: -3rem; } &:after, &:before { content: ''; left: 0; top: .5em; position: absolute; width: 100%; height: 2px; background-color: $white; } &:after { transform: rotate(45deg); } &:before { transform: rotate(-45deg); } &:hover { transform: scale(1.2); } } &.active { pointer-events: all; opacity: 1; transition-delay: 0s; .pdm-lightbox__content { opacity: 1; transition-duration: .75s; } } } .accordion { width: 100%; border-top: 2px solid #f0f0f0; .accordion__trigger { display: flex; appearance: none; align-items: center; margin-bottom: 0; cursor: pointer; font-size: 1.2em; font-weight: $bold; background-color: transparent; border: none !important; color: $black; position: relative; width: 100%; padding-left: 0; font-family: $sans; text-align: left; padding: 1.25em 0; padding-right: 1.5em; .accordion__icon { position: absolute; right: 1em; height: .9rem; width: .9rem; &:before, &:after{ content: ""; background: $coal; height: 2px; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } &:before { transform: rotate(90deg); transition: width .2s ease; width: 100%; } } &:focus { outline: none; } &.active { color: $dblue; .accordion__icon:before { width: 0; } .svg-icon--chevron { transform: rotate(-90deg); path { color: $blue; } } + .accordion__content { padding-bottom: 1.25em; } } } .accordion__content { display: none; @media screen and (min-width: $desktop) { width: 90%; } } } .slick-track { display: flex; } .slick-arrow { height: 2rem; width: 2rem; padding: 0; line-height: 1; border: none; margin: 0 .5em; cursor: pointer; position: relative; overflow: hidden; white-space: nowrap; text-indent: -999em; background: transparent; &:before { content: ""; height: 1.5rem; width: 1.5rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/arrow.svg?v=1289128966219172721754330850'); background-position: center; background-size: contain; background-repeat: no-repeat; // transform: rotate(-90deg) } &.slick-prev:before { transform: rotate(180deg); } &.slick-disabled{ opacity: .2; pointer-events: none; } } .slick-dots { list-style: none; margin: 0 auto; padding: 0; display: flex; max-width: 700px; @media only screen and (min-width:960px){ margin-top: 1.5rem; } button { border-radius: 0%; background: linear-gradient( to top, transparent 0%, transparent 35%, #e0e0e0 35%, #e0e0e0 60%, transparent 60% ); color: $white; height: 12px; width: 100%; border: 1px solid transparent; padding: 0; margin: 0em; white-space: nowrap; cursor: pointer; overflow: hidden; display: block; text-indent: -999em; border: 0; outline: 0; &:hover{ } } li { display: block; padding: 0; margin: 0; opacity: .8; flex-grow: 1; &:hover { // opacity: .5; } &.slick-active { opacity: 1; button{ background: linear-gradient( to top, transparent 0%, transparent 35%, $dblue 35%, $dblue 60%, transparent 60% ); } } } } button.reset { cursor: pointer; display: inline-block; appearance: none; border: 0; background-color: transparent; outline: none !important; outline-style: none; padding: 0; &:focus { appearance: none; outline: none !important; border: 0; } } .slider-nav--dots{ margin-top: 1.5rem; display: flex; align-items: center; justify-content: center; .slider-dots{ display: flex; align-items: center; } .slick-arrow{ filter: brightness(0) saturate(100%) invert(22%) sepia(33%) saturate(3523%) hue-rotate(162deg) brightness(102%) contrast(98%); &:before{ width: 1em; height: 1em; background-image: url("//www.victrola.com/cdn/shop/t/67/assets/chevron.svg?v=170801434619551834771754330852"); } } .slick-dot{ text-indent: -999em; height: .5rem; width: .5rem; border-radius: 50%; background-color: $gray; display: inline-block; vertical-align: middle; margin-right: .75rem; opacity: .2; &:last-child{ margin-right: 0; } &.current{ background-color: $blue; opacity: 1; } } } //global end //theme start body{ transition-duration: .25s; } #challenge{ main{ padding: 9rem 2rem 6rem; } } .scroll-progress { position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; height: 8px; background: $smoke; z-index: 3; overflow: hidden; width: 100%; .scroll-progress__bar { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background: $orange; transition: width .05s linear; } } .hero__subheading { color: $white; font-family: $sans; font-weight: 700; } .template-collection{ .hero-slider{ .hero-slide{ min-height: 60vh; } } @media (max-width: 449px) { .bc-sf-filter-grid-view-items{ display: flex; flex-wrap: wrap; justify-content: space-between; .product-card{ width: calc(50% - 1rem); margin-bottom: 3rem; .product-card__meta { flex-wrap: wrap; flex-direction: column-reverse; align-items: flex-start; p.bc-sf-filter-product-item-price{ padding-bottom: 0; } } .yotpo-bottomline{ display: block; a{ display: block; } } } } } } .hero-slider{ padding: 0; background-color: $darkgrey; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/dust.png?71598'); overflow: hidden; position: relative; .scroll-down-col{ position: absolute; right: 0; bottom: 0; z-index: 3; pointer-events: none; button{ pointer-events: all; cursor: pointer; display: block; background: linear-gradient( to top, $orange 70%, transparent 70% ); padding: 0em 1em 3em 1em; .svg-icon{ width: 2em; height: 6em; } } } .slick-list{ overflow: visible; .slick-slide>div { transform: scale(.25); opacity: 0; @media (min-width: 960px) { transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .75s; } } .slick-current>div { opacity: 1; transform: scale(1); } } .hero-slide{ padding: 3rem 3rem 1.5rem 2rem; transition-duration: .25s; .hero-slide__image{ padding-bottom: 120%; background-size: cover; background-position: 50% 50%; position: relative; &.hero-slide__image--hide-mobile { display: none; } a{ border: 1px solid $white; border-radius: 50% 50%; display: flex; align-items: center; justify-content: center; width: 5em; height: 5em; text-align: center; color: $white; font-size: .8em; position: absolute; right: -2.5em; top: -1.5em; line-height: 1.2; .svg-icon{ display: none; } &:hover{ text-decoration: none; } .title{ display: none; } } } .hero-slide__content{ margin-top: 1.25rem; z-index: 2; position: relative; pointer-events: none; h1{ color: $black; max-width: 210px; line-height: 1.1; margin-bottom: 1.5rem; font-size: 2.75em; } a.btn{ pointer-events: all; margin: 0; margin-top: 1rem; margin-right: 1rem; font-size: 1.2em; & + .btn{ margin-right: 0rem; } } @media(max-width: 768px) { h1 { max-width: initial; } } } } .slider-nav{ padding: 1.5rem 2rem 3rem; display: flex; align-items: center; .slider-dots{ display: flex; align-items: center; } .slick-dot{ text-indent: -999em; height: 1px; width: 2em; background-color: $white; display: inline-block; vertical-align: middle; margin-right: .5rem; opacity: .2; &:last-child{ margin-right: 0; } &.current{ height: 2px; opacity: 1; } } &.slider-nav--hide { display: none; } } @media only screen and (min-width:960px){ .scroll-down-col{ position: absolute; right: auto; left: 0; height: 100%; border-right: 1px solid rgba(255,255,255,.1); bottom: 0; display: flex; align-items: flex-end; button{ background: linear-gradient( to top, $orange 70%, transparent 70% ); padding: 0em 2em 4.5em 2em; .svg-icon{ width: 3em; height: 9em; } } } .container{ max-width: none; } .hero-slide{ padding: 0; position: relative; width: 100%; padding: 4rem 6rem 8rem 12rem; height: auto; min-height: 100vh; display: flex!important; align-items: center; .hero-slide__image{ position: absolute; width: 50%; right: 0; top: 0; height: 100%; padding-bottom: 0; &.hero-slide__image--hide-mobile { display: block; } &.hero-slide__image--hide-desktop { display: none; } @media only screen and (min-width:1550px){ width: 60%; } a{ left: 4.5rem; bottom: 3rem; border-radius: 0; border: 0; right: auto; top: auto; width: auto; height: auto; font-size: 1em; display: block; text-align: left; padding: 1.5rem; overflow: hidden; &:before{ content: ''; left: -1rem; top: 0; width: 5rem; height: 140%; background: $black; position: absolute; transform: rotate(0deg) skewX(20deg); } .title, span{ display: block; position: relative; z-index: 2; } .title{ //font-size: 1.5em; //font-family: $heading; color: $white; display: block; margin-bottom: .5rem; } .view{ display: flex; .svg-icon{ display: block; } } &:hover{ .view{ .svg-icon{ transform: translateX(.25em); } } } } } .hero-slide__content{ width: 100%; margin-top: 0; h1{ font-size: 5em; max-width: 400px; } } } .slider-nav{ position: absolute; bottom: 0; left: 0; padding: 0rem 12rem 3rem; } } } .feat-links{ .feat-links__intro{ text-align: center; max-width: 768px; margin: 0 auto; margin-bottom: 3rem; } .feat-link{ max-width: 500px; margin: 0 auto; margin-bottom: 3rem; display: block; &:hover{ text-decoration: none; .feat-link__thumb{ img{ // transform: scale(1.2); } } } &:last-child{ margin-bottom: 0; } .feat-link__thumb{ overflow: hidden; padding: 1rem; position: relative; img{ // transition-duration: .5s; // transition-timing-function: $transition; } &:before{ position: absolute; content: ''; z-index: -1; transition-duration: 1s; } } .feat-link__content{ padding-top: 1.5em; } &:hover{ .arrow-link{ .svg-icon{ transform: translateX(.25em); } } } &:nth-child(1){ .feat-link__thumb{ &:before{ bottom: 0; left: -230%; width: 350%; height: 84%; transform: scale(2.5) skewX(79deg); transition-duration: 1.5s; } } &.aos-animate{ .feat-link__thumb{ &:before{ transform: scale(1) skewX(79deg); } } } &:hover{ .feat-link__thumb{ &:before{ transform: scale(2.5) skewX(79deg)!important; } } } } &:nth-child(2){ .feat-link__thumb{ &:before{ bottom: 0; left: 0; width: 100%; height: 50%; transform: scale(3); } } &.aos-animate{ .feat-link__thumb{ &:before{ transform: scale(1); } } } &:hover{ .feat-link__thumb{ &:before{ transform: scale(3)!important; } } } } &:nth-child(3){ .feat-link__thumb{ &:before{ top: 25%; left: -230%; width: 350%; height: 84%; transform: scale(2.5) skewX(79deg); transition-duration: 1.5s; } } &.aos-animate{ .feat-link__thumb{ &:before{ transform: scale(1) skewX(-79deg); } } } &:hover{ .feat-link__thumb{ &:before{ transform: scale(2.5) skewX(79deg)!important; } } } } } @media only screen and (min-width:960px){ .feat-links__intro{ margin-bottom: 6rem; } .feat-links__grid{ display: flex; justify-content: space-between; flex-wrap: wrap; .feat-link { margin: 0; margin-bottom: 2rem; width: calc(33.3% - 1.5rem); @media only screen and (min-width: 1200px) { width: calc(33.3% - 3rem); } .feat-link__content { padding-top: 1.5em; .h2 { font-size: 1.6em; } @media only screen and (min-width:1200px){ padding-top: 2em; .h2 { font-size: 2em; } } } } &.col-2 { justify-content: space-evenly; .feat-link { width: calc(50% - 1.5rem); @media only screen and (min-width:1200px){ width: calc(50% - 3rem); } } } &.col-3 .feat-link { width: calc(33.3% - 1.5rem); @media only screen and (min-width:1200px){ width: calc(33.3% - 3rem); } } &.col-4 .feat-link { width: calc(25% - 1rem); .feat-link__content { padding-top: 1em; .h2 { font-size: 1.25em; } } @media only screen and (min-width:1200px){ width: calc(25% - 1.5rem); .feat-link__content { .h2 { font-size: 1.6em; } } } } } } } .feat-links--genre { .slick-dots { margin-top: 1rem; } } .banner-section{ background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; .container{ background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } h2,h3,h4,h5{ color:$white; margin-bottom:.75rem; } .banner-section__content{ img{ width: 75%; max-width: 250px; } .the-content{ display: none; color: $white; max-width: 500px; font-size: .9em; *{ color: inherit; } } } .banner-section__ctas{ margin-top: 7.5rem; display: flex; flex-wrap: wrap; align-items: center; a{ margin-top: 1.5rem; } .arrow-link{ margin-right: 3rem; } } @media only screen and (max-width:959px){ .container{ background-image: none!important; } } @media only screen and (min-width:960px){ padding-top: 0; padding-bottom: 0; background-image: none!important; .container{ padding: 7.5rem 3rem 4.5rem; } .banner-section__content{ margin-top: 3rem; img{ width: 50%; max-width: 400px; } .the-content{ display: block; } } .banner-section__ctas{ margin-top: 3rem; } } @media only screen and (min-width:1100px){ .container{ display: flex; justify-content: space-between; align-items: flex-end; padding: 7.5rem 4.5rem 4.5rem; } .banner-section__content{ img{ width: 100%; } } } } .product-card{ text-align: left; .product-card__wrapper{ max-width: 400px; margin: 0 auto; } a:hover{ text-decoration: none; } .product-card__thumb{ position: relative; background-color: #F7F7F7; a{ display: block; width: 100%; height: 0; padding-bottom: 100%; img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } } img:last-of-type:not(:first-of-type){ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition-duration: .5s; } } .product-card__content{ padding-top: 1.5rem; h3{ font-size: 1.1em; } .product-card__meta{ display: flex; justify-content: space-between; align-items: center; margin-top: 1.5rem; &.new-release{ flex-direction: row-reverse; } .arrow-link{ font-size: .9em; } .price{ color: $black; font-size: 1em; font-weight: 300; .bc-sf-filter-product-item-sale-price{ color: $red; } } } } } .featured-collection{ text-align: center; overflow: hidden; .featured-collection__grid{ .slick-list{ overflow: visible; margin: 0 -1.5rem; .slick-slide{ margin: 0 1.5rem; } } } @media only screen and (min-width:960px){ .featured-collection__grid{ .slick-list{ overflow: hidden; } .slick-dots{ // margin-top: 1.5rem; } } } } .testimonials{ overflow: hidden; h2{ text-align: center; position: relative; z-index: 2; } .testimonials__images{ // margin-top: -2.5rem; .testimonial__thumb{ .spacer{ position: relative; padding-bottom: 100%; } } } .testimonials__quotes{ margin-top: -1rem; .slick-list{ overflow: visible; .slick-slide>div { transform: scale(.25); transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .75s; opacity: 0; } .slick-current>div { opacity: 1; transform: scale(1); } } .testimonial__content{ .svg-icon{ width:4em; height: 4em; margin-bottom: 1.5rem; margin-top: -1.5rem; margin-left: -1rem; path { fill: #d1d3d4; } } blockquote{ font-size: 1.5em; color: $black; font-weight: 300; margin-bottom: 1.5rem; *{ font-weight: inherit; color: inherit; } a { text-decoration: underline; } } cite{ font-weight: bold; color: $black; } } } @media only screen and (min-width:960px){ h2{ max-width: 625px; margin: 0 auto 4.5rem; } .slider-nav{ margin-top: 3rem; } .testimonials__wrapper{ display: flex; width: 100%; justify-content: space-between; flex-direction: row-reverse; align-items: center; } .testimonials__images{ margin-top: 0; width: 50%; padding-left: 3rem; max-width: 550px; } .testimonials__quotes{ padding-top: 0; width: 50%; .slick-list{ overflow: hidden; } .testimonial__content{ text-align: center; .svg-icon{ margin-top: 0; display: inline-block; margin-left: 0; } blockquote{ font-size: 1.75em; } } } } } .block-ctas{ position: relative; &:before{ position: absolute; height: calc(100% - 9rem); bottom: 0; left: 0; width: 100%; content: ''; } .block-cta{ display: block; margin-bottom: 3rem; &:last-of-type{ margin-bottom: 0; } &:hover{ text-decoration: none; .arrow-link{ .svg-icon{ transform: translateX(.25em); } } } .block-cta__thumb{ .spacer{ position: relative; width:100%; padding-bottom: 120%; } } .block-cta__content{ padding: 3rem 3rem; background-color: $orange; color: $white; text-align: center; position: relative; z-index: 2; .arrow-link{ justify-content: center; } *{ color: inherit; } } &:nth-child(odd){ .block-cta__content{ width: calc(100% - 3rem); margin: 0 auto; max-width: 350px; margin-top: -3rem; } } &:nth-child(even){ .block-cta__content{ background-color: $black; margin-top: -7.5rem; width: calc(100% - 3rem); max-width: 350px; } } } @media only screen and (min-width:960px){ .block-ctas__grid{ display: flex; justify-content: space-between; } .block-cta{ width: 50%; margin-bottom: 0rem!important; position: relative; // display: flex; .block-cta__content{ margin: 0!important; display: block; background-color: transparent!important; position: static; padding: 0; h3{ margin: 0; } *{ z-index: 3; } } .block-cta__thumb{ position: relative; height: 100%; .spacer{ padding-bottom: 155%; } &:before{ content: ''; position: absolute; left: 0; } } &:nth-child(odd){ .block-cta__thumb{ padding-left: 25%; &:before{ width: 40%; background-color: $orange; height: 80%; top: 10%; z-index: 2; } } h3{ position: absolute; top: 0; left: 18%; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; width: 6em; } .arrow-link{ position: absolute; left: 3rem; bottom: 15%; } } &:nth-child(even){ margin-left: 3rem; @media only screen and (min-width:1200px){ margin-left: 6rem; } .block-cta__thumb{ padding-left: 0%; &:before{ width: 65%; background-color: $black; height: 40%; top: auto; bottom: 0; z-index: 2; } .spacer{ padding-bottom: 105%; min-height: auto; } } h3{ position: absolute; bottom: 0; left: 35%; height: 45%; text-align: center; width: 6em; } .arrow-link{ position: absolute; left: 4.5rem; bottom: 3rem; } } } } } .awards{ overflow: hidden; text-align: center; h2{ margin-bottom: 0rem; & + img{ margin-bottom: 3rem; } } .slick-list{ overflow: visible; } .award{ text-align: center; img{ display: inline-block; } } } .fifty-fifty{ .fifty-fifty__thumb{ padding-bottom: 3rem; position: relative; .image-wrap{ position: relative; } } &.fifty-fifty--accordions{ h2{ } .fifty-fifty__intro{ margin-bottom: 1.5rem; } .accordion{ border-top: 0; border-bottom: 2px solid #f0f0f0; &:last-of-type{ border-bottom: 0; } .accordion__trigger{ font-family: $heading; font-weight: normal; padding-right: 0; align-items: flex-start; justify-content: space-between; .svg-icon{ min-width: 1em; min-height: 1em; margin-top: .25em; path{ stroke:$black; transition-duration: .25s; transform-origin: center; } } &.active{ .svg-icon{ path{ stroke:$dblue; &:last-of-type{ transform: rotate(90deg); } } } } } .accordion__content{ p{ font-size: .9em; } } } } @media only screen and (min-width:960px){ .container{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } &.fifty-fifty--accordions{ .fifty-fifty__intro{ margin-bottom: 3rem; display: flex; align-items: center; justify-content: space-between; h2{ margin-bottom: 0; } a{ margin-left: 1rem; font-size: .95em; text-decoration: none; } } } .fifty-fifty__content{ width: 50%; padding-left: 3rem; max-width: 650px; } .fifty-fifty__thumb{ width: 50%; padding-bottom: 0; } .fifty-fifty--invert{ } } } .fifty-fifty--invert { @media (min-width: 960px){ .container { flex-direction: row-reverse; } .fifty-fifty__content { padding: 0; padding-right: 3rem; } } } .accordion-blocks { .container--small { max-width: 860px; } } .blog-hero { padding-bottom: 0; @media (min-width: $laptop){ padding-top: 6rem; h1 { font-size: 4.5em; max-width: 550px; line-height: 1.25; } } } .blog-card { a { color: inherit; &:hover { text-decoration: none; } } .blog-card__img { display: block; padding-bottom: 56%; position: relative; img { object-fit: cover; } } .blog-card__meta { display: flex; margin: 1em 0; font-size: .9em; .blog-card__tag { font-weight: bold; } .blog-card__readtime { margin-left: auto; font-style: italic; color: $silver; } } .blog-card__link { color: $blue; font-weight: bold; .svg-icon { display: inline-block; font-size: .75em; path {stroke: $blue;} } } } @media (max-width: $tablet_xl - 1){ .blog-card { margin-bottom: 3rem; &:last-of-type{ margin-bottom: 0; } } } @media (min-width: $tablet_xl){ .blog-card__list { display: flex; flex-wrap: wrap; margin: 0 -.75rem; } .blog-card { width: calc(50% - 1.5rem); margin: 0 .75rem 4.5rem; display: flex; flex-direction: column; } .blog-card__content { display: flex; flex-direction: column; height: 100%; .title { margin-bottom: .5em; } } .blog-card__link { margin-top: auto; } } @media (min-width: $laptop){ .blog-card__list { margin: 0 -1.5rem; } .blog-card { width: calc(33.3% - 3rem); margin: 0 1.5rem 4.5rem; } } .load-more { padding-top: 0; text-align: center; span { display: block; font-family: $sans; font-weight: 700; margin-bottom: .5em; } button { background: transparent; border-color: transparent; color: $black; font-size: 1em; padding: .5em 1em; &:focus { outline: none; } .svg-icon { transform: rotate(90deg); path { stroke: $black; } } } } .feature-banner { color: $white; * { color: inherit; } .arrow-link { justify-content: center; } .container { background-size: cover; background-position: center; position: relative; z-index: 1; text-align: center; padding: inherit; &:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba($black, .2); z-index: -1; } } .feature-banner__content { position: relative; padding: inherit; &:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #4d4d4f; z-index: -1; } } @media (max-width: $laptop - 1){ margin-bottom: 9rem; .feature-banner__content { bottom: -12rem; } } @media (min-width: $laptop) { .container { padding: 6rem; } .feature-banner__content { padding-right: 0; width: 50%; &:before { width: 60%; } } .feature-banner__headline { font-size: 3.5em; } } } .product-collection{ .container{ max-width: none; @media only screen and (min-width:960px){ max-width: 1400px; } } h1 { font-family: $body; margin: 0; text-align: left; } #bc-sf-filter-default-toolbar{ border-top: 0; *{ font-size: 1em; color: #000000 } #bc-sf-filter-top-display-type{ display: none; align-items: center; & > span{ display: inline-block!important; margin-right: .75rem; } a{ text-decoration: none; height: auto; width: auto; line-height: 1; margin: 0; padding: .5em; cursor: pointer!important; &:before{ display: block; color: #666666; } &.active{ &:before{ color: #000000 } } span{ display: none; } } } #bc-sf-filter-total-product{ font-style: normal; } .bc-sf-filter-custom-sorting{ label{ & > span{ display: inline-flex; align-items: center; &:after{ content: ''!important; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/chevron-dark.svg?v=25407712852829110021754330851'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; width: 1em; height: 1em; display: block; margin: 0; font-size: 1em; margin-left: .5em; position: static; } } } } } .bc-sf-filter-left-col{ @media (min-width: 767px) { position: -webkit-sticky; position: sticky; top: 1.5rem; } *{ font-size: 1em; line-height: 1; color: $black; } .bc-sf-filter-selection-wrapper{ padding-bottom: 1.5rem; margin-bottom: 1.5rem; .bc-sf-filter-block-title{ display: flex; justify-content: space-between; align-items: center; h3{ font-size: 1em; text-transform: uppercase; letter-spacing: .05em; span{ font-weight: normal; font-family: $sans; font-style: normal; } } a{ font-size: .9em; } } .bc-sf-filter-selected-items{ margin-top: 2rem; .selected-item{ margin-bottom: 1em; text-transform: none; strong{ font-weight: 400; color: #858584; } } } } .bc-sf-filter-option-block{ padding-bottom: 1.5rem; .bc-sf-filter-block-title{ padding: 0; .bc-sf-filter-clear{ display: none!important; } h3{ width: 100%; font-size: 1em; letter-spacing: .05em; font-family: $sans; &[aria-expanded="true"]{ span{ &:after{ transform: rotate(180deg); } } } span{ font-style: normal; width: 100%; display: flex; justify-content: space-between; align-items: center; font-weight: normal; &:before{ content: none; } &:after{ content: ''; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/chevron-dark.svg?v=25407712852829110021754330851'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; width: 1em; height: 1em; display: block; margin: 0; font-size: 1em; margin-left: .5em; transition-duration: .25s; } } } } .bc-sf-filter-block-content{ margin-top: 2rem; li{ margin-bottom: 1em; &:last-of-type{ margin-bottom: 0; } } } .bc-sf-filter-option-item.bc-sf-filter-option-label{ display: flex; align-items: center; padding: 0; span:first-child{ width: 1.25em; height: 1.25em; min-width: 1.25em; // box-shadow: none; position: static; margin-right: .75em; background-color: transparent; border: 1px solid #535353; border-radius: 3px; &:before{ content: none!important; } } .bc-sf-filter-option-value, .bc-sf-filter-option-amount{ font-family: $body; letter-spacing: .05em; font-weight: 400; } &.selected{ span:first-child{ border: 0; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/checked.svg?v=138833722807160587521754330850'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } } } .bc-sf-filter-option-swatch{ li{ a{ .bc-sf-filter-option-swatch-image{ width: 1.5rem; height: 1.5rem; } } } } } } .bc-sf-filter-left-col{ @media only screen and (min-width:768px){ width: 200px; } @media only screen and (min-width:1200px){ width: 225px; } } .bc-sf-filter-right-col{ #bc-sf-filter-products{ padding: 0; width: 100%; margin: 0; } @media only screen and (min-width:450px){ #bc-sf-filter-products{ display: flex; flex-wrap: wrap; width: calc(100% + 1.5rem); margin-left: -.75rem; .product-card{ width: calc(50% - 1.5rem); margin: 0 .75rem; margin-bottom: 1.5rem; } } } @media only screen and (min-width:768px){ padding-left: 1.5rem; width: calc(100% - 200px); } @media only screen and (min-width:960px){ padding-left: 3rem; #bc-sf-filter-products{ .product-card{ width: calc(33.3% - 1.5rem); } } } @media only screen and (min-width:1200px){ width: calc(100% - 225px); padding-left: 6rem; #bc-sf-filter-products{ width: calc(100% + 3rem); margin-left: -1.5rem; .product-card{ width: calc(33.3% - 3rem); margin: 0 1.5rem; margin-bottom: 1.5rem; } } } } } #bc-sf-filter-bottom-pagination { ul { display: flex; justify-content: flex-end; align-items: center; margin-top: 3rem; margin-bottom: 0; li:first-of-type { order: 99; margin-left: 1rem; a,span{ transform: rotate(180deg); } } li:last-of-type { order: 100; margin-left: 1rem; } li:first-of-type, li:last-of-type { width: 2rem; height: 2rem; position: relative; background-color: $black; border-radius: 50%; padding: 0; &.disabled{ opacity: .2; } a, span { background-size: .5rem auto; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/chevron.svg?v=170801434619551834771754330852'); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50% 50%; color: transparent; margin: 0; opacity: 1; } } li { order: 3; margin-bottom: 0; span{ color: $black; opacity: 0.2; &.active{ opacity: 1; } } a{ color: $black; opacity: 0.2; } } } } .feat-collections{ aside{ display: none; ol{ font-family: $heading; font-weight: 300; color: $black; font-size: 1.25em; a{ color: $black; } a:hover{ color: $orange!important; } } } .feat-collection{ &:first-of-type{ border: 0; } .accordion__trigger{ font-family: $heading; display: flex; font-size: 1.5em; align-items: center; justify-content: space-between; color: $black; font-weight: 300; padding-right: 0; padding: .5em 0; .svg-icon{ width: .5em; height: .5em; path{ stroke: $black; transition-duration: .25s; transform-origin: center; } } &.active{ font-weight: bold; color: $dblue; .svg-icon{ path{ stroke: $dblue; &:last-of-type{ transform: rotate(90deg); } } } } } .accordion__content{ .spacer{ padding-top: 1rem; padding-bottom: 1rem; a.btn{ width: 100%; margin: 0 auto; max-width: 400px; } .product-card{ margin-bottom: 3rem; &:nth-of-type(3){ display: none; } } } } @media only screen and (min-width:500px){ .accordion__content{ .spacer{ display: flex; flex-wrap: wrap; margin: 0 -1.5rem; .product-card{ width: calc(50% - 3rem); margin: 0 1.5rem 3rem; } } } } } @media only screen and (min-width:960px){ .feat-collection{ border: 0; .accordion__trigger{ font-size: 2.5em; font-weight: bold; margin-bottom: 1.5rem; padding-top: 0; cursor: auto; color: $black!important; a.btn{ font-size: 1rem; margin: 0; } .svg-icon{ display: none; } } .accordion__content{ width: 100%!important; display: block!important; height: auto!important; max-height: none!important; padding-bottom: 0!important; .spacer{ .product-card{ width: calc(33.3% - 3rem); &:nth-of-type(3){ display: block; } } } } } } @media only screen and (min-width:1200px){ .container{ display: flex; justify-content: space-between; } aside{ display: block; width: 300px; margin-top: .5rem; ol{ position: -webkit-sticky; position: sticky; top:1.5rem; a:hover{ color: $dblue; text-decoration: none; } } } .feat-collections__pages{ width: calc(100% - 350px); } } } .template-page-feat-collections{ .box-links, .fifty-fifty, .testimonials, .featured-collection{ position: relative; &:before{ position: absolute; top: 0; left: 0; width: 100%; background-size: 20rem auto; height: 100%; content: ''; pointer-events:none; } } .feat-collections{ position: relative; &:after, &:before{ position: absolute; top: 0; left: 0; width: 100%; height: 20rem; content: ''; background-size: 20rem auto; pointer-events:none; } &:after{ top: auto; bottom: 0; height: 30rem; } } } .box-links{ text-align: center; .arrow-link{ font-size: .9em; display: block; } .box-links__intro{ margin-bottom: 1.5rem; h2{ margin-bottom: 1rem; } .arrow-link{ } } .slick-list{ margin: 0 -1.5rem; overflow: visible; .slick-slide{ margin: 0 1.5rem; } } .box-link{ display: block; .spacer{ width: 100%; padding-bottom: 80%; position: relative; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .box-link__content{ text-align: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.5rem; display: flex; // align-items: flex-end; flex-direction: column; justify-content: flex-end; color: $white; .h3{ max-width: 300px; } *{ color: inherit; } } } @media only screen and (min-width:960px){ .slick-list{ overflow: hidden; } .box-link{ .box-link__content{ padding: 3rem; } } } } footer{ background-color: #0d0d0d; color: $white; margin-top: 3rem; padding: 3rem 1.5rem 1.5rem; *{ color: inherit; } .accordion{ border: 0; margin-bottom: 1rem; .accordion__trigger{ padding: 0; color: $white; justify-content: space-between; font-family: $heading; font-weight: normal; .svg-icon{ path{ stroke:$white; transition-duration: .25s; transform-origin: center; } } &.active{ color: $white; .svg-icon{ path:last-of-type{ transform: rotate(90deg); } } } } .accordion__content{ .spacer{ padding-top: 1.5rem; ul{ li{ margin-bottom: 1rem; a{ color: #888888; font-size: .9em; } &:last-of-type{ margin-bottom: 0; } } } } } } .footer-menu__standalone{ display: flex; flex-direction: column; ul{ li{ margin-bottom: 1rem; a{ font-size: 1.2em; font-family: $heading; color: $white; } } } .footer-socials{ margin-top: auto; a{ display: inline-block; vertical-align: middle; margin-right: .5rem; .svg-icon{ width: 1.2em; height: 1.2em; path{ fill:$white; } } } } } .footer__subscribe{ margin: 3rem 0; .h2{ color: $white; margin-bottom: 0; display: block; span{ color: $white; } } .mailchimp-errors-or-success{ padding-bottom: 1rem; p{ color: $orange; &.success{ color: $white; } } } .input-group{ position: relative; label{ display: block; width: 0; height: 0; overflow: hidden; } input{ color: $black; font-size: .8em; background-color: #ededed; padding: 1.25em 1.5em; &:focus{ background-color: $white; } } input:not(:placeholder-shown){ & + button{ opacity: 1; } } button{ opacity: 0; position: absolute; right: 0; width: 2.5rem; height: 3.3rem; transition-duration: .25s; .svg-icon{ width: 1.2rem; height: 1.2rem; } path{ stroke:$orange; } } } p.disclaimer{ color: #818181; font-size: .9em; margin-top: 1.5rem; } } .footer__bottom{ border-top: 1px solid #2b2929; padding-top: 1.5rem; .copy{ color: #888888; font-size: .9em; } ul{ display: none; } } @media only screen and (min-width:960px){ margin-top: 4.5rem; padding: 4.5rem 3rem 1.5rem; .footer__top{ display: flex; .accordion{ margin-bottom: 0; .accordion__trigger{ pointer-events: none; .svg-icon{ display: none; } } .accordion__content{ display: block!important; } } .footer-menu{ width: 25%; max-width: 220px; padding-right: 1.5rem; } .footer__subscribe{ margin: 0; max-width: 350px; margin-left: auto; } } .footer__bottom{ margin-top: 6rem; display: flex; width: 100%; justify-content: space-between; flex-direction: row-reverse; ul{ display: flex; li{ margin-right: 1rem; a{ font-size: .9em; color: $white; } } } } } } .insta-feed{ overflow: hidden; .insta-feed__grid{ width: calc(100% + 24px); margin-left: -12px; } .fs-slider-prev-button, .fs-slider-next-button{ } // .fs-slider-container.fs-small-timeline{ // overflow: visible; // max-width: none; // } .fs-slider-container{ overflow: visible; .fs-slider-prev-button, .fs-slider-next-button{ display: flex; opacity:1; z-index: 5; min-width: 30px; } .fs-slider-prev-button{ left: -20px; @media only screen and (min-width:960px){ left: -30px; } @media only screen and (min-width:1200px){ left: -40px; } } .fs-slider-next-button{ right: -20px; @media only screen and (min-width:960px){ right: -30px; } @media only screen and (min-width:1200px){ right: -40px; } } .fs-timeline{ overflow: hidden; } .fs-entry-container{ width: 100%!important; padding-top: 100%!important; @media only screen and (min-width:500px){ width: 50%!important; padding-top: 50%!important; } @media only screen and (min-width:960px){ width: 33.3%!important; padding-top: 33.3%!important; } } } } .fs-timeline-detail{ padding: 0 2rem; .fs-detail-shares, .fs-post-info, .fs-detail-title{ padding: 1.5rem; text-align: left; } .fs-post-info{ padding: 0 1.5rem; } #fs-detail-branding{ display: none!important; opacity: 0; pointer-events: none; width: 0; height: 0; } .fs-detail-shares{ // padding-bottom: 4.5rem; } img[aria-hidden="true"]{ display: none; } .fs-detail-container{ max-width: 900px; margin: 0 auto; position: relative; } #fs-detail-products{ padding: 1.5rem; padding-bottom: 0; .fs-product-column{ float: none; display: flex; align-items: center; > a{ width: 50%; max-width: 125px; min-width: 100px; display: block; img{ margin: 0; } } .fs-shopify-options{ width: 50%; flex: 1; padding-left: 1.5rem; text-align: left; .fs-view{ white-space: normal; } } } } @media only screen and (min-width:768px){ .fs-detail-nav-bar-arrows{ position: absolute; top: 0; right: 0; width: 50%; padding: 1.5rem; .fs-detail-nav-button{ padding: 0; } } .fs-detail-content{ display: flex; align-items: center; .fs-detail-left, .fs-detail-right{ position: static; width: 50%; display: block; max-width: none; } .fs-detail-right{ padding: 1.5rem 0; } } } } .fs-has-links::after { padding: 8px 12px; border: 1px solid #ffffff; color: #ffffff; content: "SHOP IT" } .fs-has-links:hover:after { background-color: #ffffff; color: rgba(0, 0, 0, 0.8) } .fs-wrapper { height: auto } .fs-entry-container { height: 0 !important; width: 33.333% !important; padding-top: 33.333% !important } .fs-wrapper div.fs-text-container .fs-entry-title, div.fs-detail-title { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px } div.fs-text-container .fs-entry-date, div.fs-detail-container .fs-post-info, div.fs-wrapper div.fs-has-links::after, .fs-text-product, .fs-overlink-text { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px } .fs-wrapper div.fs-text-container * { color: #ffffff } .fs-wrapper div.fs-text-container { background-color: rgba(0, 0, 0, 0.8); margin: 0px } div.fs-entry-date { display: none } div.fs-entry-title { display: none } .fs-wrapper div.fs-timeline-entry { margin: 12px } .template-product{ .insta-feed{ .container{ @media only screen and (min-width:960px){ max-width: 1760px; } } } } .product-details{ padding-bottom: 0; .product-intro__form{ .yotpo-stars{ .yotpo-icon{ font-size: 1.5em!important; } } .product-rating{ a{ position: relative; top: .2em; margin-left: 1rem; font-size: 1em; } } h1{ margin-bottom: 0; } .price{ font-weight: bold; font-size: 1.3em; margin-top: 1rem; display: block; color: $black; .main--red { color: $red; } del{ margin-left: 1rem; color: $black; } } .short-description{ margin-top: 1rem; @media only screen and (max-width:1400px){ font-size: .9em; } } .unavailable{ margin-top: 1.5rem; margin-bottom:1rem; } .short-description, .short-description p{ color: #3e3d3d; font-weight: 400; } p.validation-error{ background: #ffcbcb; flex: 100%; margin-top: .25em; font-size: .9em; color: #db5b70; padding: .25em .75em; } .product-intro__extras{ margin-top: 1.5rem; } .sd_preorder{ margin-top: 0!important; margin-bottom: 0!important; font-weight: bold!important; width: calc(100% - 5.5rem)!important; } .sd_style, span.sd_partial_msg{ display: none!important; } .mob-only{ .btn.sd_preorder{ display: block!important; width: 100%!important; } } .free-ship{ margin-bottom: 3rem; .svg-icon{ width: 2em; position: relative; top: 0.25em; float: left; margin-right: .5rem; } p{ font-size: .9em; } } .product-upsells{ h2{ font-size: .9em; font-family: $body; font-weight: bold; margin-bottom: .5rem; } .product-upsells__grid{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .product-upsells__products{ margin: .5rem 0; display: flex; flex-wrap: wrap; } .product-upsells__form{ flex: 1; padding: 0 1.5rem; margin: .5rem 0; p{ margin-bottom: .75em; font-size: .9em; } .btn{ width: 100%; padding: .75em 3em; margin-top: auto; min-width: 155px; } } } .product-upsell{ display: flex; align-items: center; &:after{ content: '+'; display: flex; justify-content: center; align-items: center; width: 1.75rem; } &:last-of-type{ &:after{ content: none; } } .product-upsell__image{ width: 75px; height: 75px; } } .product-badges{ margin-top: 1.5rem; display: flex; flex-wrap: wrap; width: calc(100% + 1.5em); margin-left: -.75em; justify-content: center; @media only screen and (min-width:1600px){ justify-content: flex-start; } .product-badge{ display: flex; flex-direction: column; align-items: center; margin: 0 .75em 1.5rem; .svg-icon{ width: 2em; height: 2em; } span{ margin-top: 1em; font-size: .75em; } } } .product-upsells + .product-badges{ margin-top: 1.5rem; } } .product-intro__images { position: relative; .product-intro__slider{ border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; @media only screen and (min-width:1200px){ border-top: 0; } .product-image{ display: flex!important; justify-content: center; img{ display: block; } } .slick-list{ overflow: visible; .slick-slide>div { transform: scale(.25); transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .75s; opacity: 0; } .slick-current>div { opacity: 1; transform: scale(1); } } .slick-track{ display: flex; .slick-slide{ display: flex; height: auto; div{ width: 100%; display: flex; align-items: center; .iframe-wrap{ width: 100%; padding-bottom: 56.2%; position: relative; iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } } } } } .product-intro__thumbs{ padding: 1.5rem; .product-intro__thumbs-slider{ max-width: 500px; margin: 0 auto; } .slick-arrow{ position: absolute; top: calc(50% - 1rem); border: 1px solid $black; border-radius: 50%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; &:before{ top: -.1rem; width: .75rem; height: .75rem; // left: -.1rem; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/chevron-dark.svg?v=25407712852829110021754330851'); } &:hover{ background-color: $black; &:before{ filter: brightness(0) invert(100); } } &.slick-prev{ left: -3rem; transform: rotate(-90deg); } &.slick-next{ right: -3rem; transform: rotate(-90deg); &:before{ top: .1rem; } } } .slick-list{ margin: 0 -.5rem; .slick-slide{ margin: 0 .5rem; >div{ display: flex; justify-content: center; } .product-image{ border: 1px solid transparent; transition-duration: .25s; width: auto!important; display: block!important; img{ display: block; } } } .slick-current{ .product-image{ border: 1px solid $black; } } } } } .product-intro__section{ padding: 3rem 0; } .product-tabs{ .product-tabs__nav{ display: none; } .accordion{ border: 0; .accordion__trigger{ font-family: $heading; font-weight: normal; padding: 1em 0; font-size: 1.4em; justify-content: space-between; align-items: flex-start; .svg-icon{ position: relative; top: .2em; path{ stroke:$black; transition-duration: .25s; transform-origin: center; } } &.active{ .svg-icon{ path{ stroke:$dblue; &:last-of-type{ transform: rotate(90deg); } } } } } .accordion__content{ width: 100%; padding-bottom: 0; color: #565555; p{ color: #565555; } } } } .recommended-products{ text-align: center; h2{ margin-bottom: 3rem; } .slick-list{ margin: 0 -1.5rem; .slick-slide{ margin: 0 1.5rem; } } } .product-reviews{ .product-reviews__intro{ text-align: center; margin-bottom: 3rem; @media only screen and (min-width:960px){ margin-bottom: 4.5rem; } h2{ margin-bottom: 0rem; } } } @media only screen and (max-width:959px){ overflow: hidden; .product-intro__form{ opacity: 1; transform: none!important; transition: none; } .product-intro__images{ margin-top: 3rem; .product-intro__slider{ margin-left: -2rem; margin-right: -2rem; } } form{ position: fixed; bottom: 0; left: 0; width: 100%; background-color: $white; z-index: 4; box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.05); .product-options-top{ padding: 1rem 1rem; display: flex; justify-content: space-between; align-items: center; } .price--mobile { display: block !important; margin-top: 0 !important; } .option-group--color{ > label{ display: none; } ul{ display: flex; flex-wrap: wrap; padding-left: 0; li{ list-style: none; margin-bottom: 0; margin: 0rem 0; margin-right: .5rem; &:last-of-type{ margin-right: 0; } label{ border-radius: 50%; padding: .4rem; display: block; &.active{ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); // box-shadow: 0 1px 0px rgba(0,0,0,0.12), // 0 2px 0px rgba(0,0,0,0.12), // 0 4px 0px rgba(0,0,0,0.12); } button{ width: 1rem; height: 1rem; background-color: $black; border-radius: 50%; display: block; &.disabled{ opacity: .1; } } } img{ display: none; } } } } .input-group--quantity{ label{ display: none; } input{ line-height: 1; padding: 0 0em; width: 2.5rem; text-align: center; border: 0; } .qty-count{ padding: 0; border-radius: 50%; border: 1px solid #d3d3d3; width: 1.75rem; height: 1.75rem; font-weight: 300; } } .btn{ margin-top: 0; border-radius: 0; @supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ padding-bottom: 1.5em; } } } .product-intro__extras{ display: none; } } @media only screen and (min-width:960px){ padding: 0; > .container{ max-width: none; display: flex; flex-direction: row-reverse; } .product-intro__form{ width: 30%; border-left: 1px solid #f1f1f1; padding: 1.5rem 1.5rem; .content-wrapper{ position: -webkit-sticky; position: sticky; top: 1.5rem; max-width: 520px; } .option-group{ margin-top: 1rem; > label{ font-weight: bold; font-size:.9em; margin-bottom: .25rem; } ul{ padding: 0; display: flex; flex-wrap: wrap; li{ list-style: none; margin: 0rem .5rem 0rem 0; &:last-of-type{ margin-right: 0; } } } } .option-group--color{ ul{ label{ display: block; position: relative; padding: .5rem; button{ &.disabled{ opacity: .1; } @media only screen and (max-width:1400px){ img{ width: 50px; } } } &.active{ &:after{ width: 1em; height: 1em; position: absolute; right: -.25em; top: -.25em; content: ''; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/checkmark.svg?v=150749990291026870691754330851'); } &:before{ content: ''; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: $blue; } } } } } .input-group--quantity{ margin-top: 3rem; position: relative; display: flex; justify-content: space-between; label{ font-weight: bold; display: block; font-size:.9em; margin-bottom: .25rem; position: absolute; top: -2rem; left: 0; } .qty-input{ width: 4rem; position: relative; input{ height: 100%; border-radius: 0; border: 1px solid #c8c8c8; border-right: 0; display: block; width: calc(100% - 1.5rem); } .qty-count{ right: 0; position: absolute; height: 50%; width: 1.5rem; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; &.qty-count--add{ top: 0; border-top: 1px solid #c8c8c8; } &.qty-count--minus{ bottom: 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } } } .btn{ margin-top: 0; width: calc(100% - 5.5rem); margin-left: 1.5rem; } } } .product-intro__content{ width: 70%; } .product-intro__images{ .product-intro__slider{ .slick-list{ overflow: hidden; } } } .product-intro__section{ padding: 3rem 3rem; .container{ max-width: 1090px; } } .product-tabs{ .container{ display: flex; justify-content: space-between; } .product-tabs__nav{ display: block; width: 250px; ul{ padding-left: 0; li{ list-style: none; margin-bottom: 2.5em; button{ font-family: $heading; font-size: 1.4em; text-align: left; font-weight: 300; &.active{ color: $dblue; } } } } } .product-tabs__grid{ width: calc(100% - 250px); padding-left: 1.5rem; @media only screen and (min-width:1200px){ padding-left: 3rem; } @media only screen and (min-width:1400px){ padding-left: 4.5rem; } .accordion{ .accordion__trigger{ display: none; } } } } } @media only screen and (min-width:1200px){ .product-intro__form{ width: 35%; padding: 4.5rem 3rem; } .product-intro__content{ width: 65%; } } @media only screen and (min-width:1600px){ .product-intro__form{ padding: 4.5rem 4.5rem; } .product-intro__content{ } } } .my-cart { .my-cart__intro { margin-bottom: 3rem; } .cart-item__image { width: 100%; max-width: 160px; display: block; img { display: block; width: 100%; height: auto; border: 1px solid rgba(22, 14, 55, .1); } } .cart-item__description { padding: 0em 0 1em; .heading5 { display: block; font-size: 1.1em; margin-bottom: .5em; a { text-decoration: none; } } ul { padding: 0; list-style: none; li { margin-bottom: .5em; } } .barcode { color: #707070; font-size: .9em; } } .cart-item__quantity { padding: 1em 0; label { display: inline-block; margin-right: .5em; } .qty-input{ display: inline-block; width: 4rem; position: relative; input{ height: 100%; border-radius: 0; border: 1px solid #c8c8c8; border-right: 0; display: block; height: 3rem; width: calc(100% - 1.5rem); } .qty-count{ right: 0; position: absolute; height: 50%; width: 1.5rem; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; &.qty-count--add{ top: 0; border-top: 1px solid #c8c8c8; } &.qty-count--minus{ bottom: 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } } } } .cart-item__price--total { &:before { content: 'Total:'; display: inline-block; margin-right: .5em; } } .cart-item__remove { padding: 1em 0 2em; .remove { display: inline-flex; align-items: center; .svg-icon { margin-right: .5em; } span { margin-top: -.1em; } } } .cart__footer { padding-top: 3rem; .cart__extras { .subheading { display: block; margin-bottom: 1em; } .apply-code { color: $orange; } .order-notes { margin-top: 3rem; label { display: block; } textarea { width: 100%; height: 100px; } } } .cart__totals { margin-top: 3rem; .sd-subtotal-box{ li{ text-align: right; span.left-box, span.price-box{ display: block; width: 100%; text-align: right; } } } table { width: 100%; margin-bottom: 1.5rem; tr { td { padding: 1em 0; border-bottom: 2px solid rgba(0, 0, 0, .1); &:last-of-type { font-weight: 300; text-align: right; } } } } .affirm-as-low-as{ margin-top: 1em; @media only screen and (min-width:960px){ font-size: .9em!important; } a{ display: block; } } .cart__totals__total { width: 75%; } .checkout__buttons { text-align: right; .btn.checkout { margin-bottom: 1.5rem; } } } } @media only screen and (max-width:959px) { .btn.checkout { position: fixed; bottom: 0; left: 0; width: 100%; margin: 0!important; z-index: 3; } #cart-items { border-top: 2px solid rgba(0, 0, 0, .1); thead { display: none; } tr { display: table; border-bottom: 2px solid rgba(0, 0, 0, .1); padding-top: 2em; td { width: 75%; float: right; padding-left: 1.5em; &:first-of-type { padding-left: 0; padding-top: 2.4em; width: 25%; float: left; } &:nth-of-type(2) { padding-top: 2em; } } } } } @media only screen and (min-width:960px) { .my-cart__intro { display: flex; justify-content: space-between; align-items: center; h1 { font-size: 3.5em; } a.btn { margin-top: 0; } } .mobile-cart { display: none; } #cart-items { display: table; width: 100%; .cart-item__quantity { padding: 0; label { width: 0; height: 0; display: block; overflow: hidden; margin: 0; } } .cart-item__price--total { &:before { content: none; } } .cart-item__remove { padding-top: 0; span { display: none; } } thead { border-bottom: 2px solid rgba(0, 0, 0, .1); td { text-transform: uppercase; letter-spacing: .1em; padding-bottom: 3rem; padding-bottom: 1.5rem; font-size: .9em; } } td { vertical-align: top; padding-top: 3rem; padding-bottom: 3rem; &.tc-description { padding-left: 1.5rem; @media only screen and (min-width:1200px) { padding-left: 3rem; } } &.tc-product { width: 150px; } &.tc-units, &.tc-price, &.tc-total { width: 125px; text-align: center; } &.tc-action { width: 100px; text-align: right; } } tbody { tr { border-bottom: 2px solid rgba(0, 0, 0, .1); } } } .cart__footer { display: flex; justify-content: space-between; .cart__extras { width: 50%; max-width: 500px; } .cart__totals { width: 50%; max-width: 400px; margin-top: 0; } } } } section.password-reset, section.register, section.login { &.login--register { #CustomerLoginForm { display: none; } #RecoverPasswordForm { display: block!important; } } .password-form, #create_customer, #RecoverPasswordForm, #CustomerLoginForm { max-width: 600px; margin: 0 auto; background-color: #f7f7f7; padding: 3rem 1.5rem; @media only screen and (min-width:600px) { padding: 4.5rem 4.5rem; } .input-group--checkbox { align-items: flex-start; label { margin-top: -.25em; } } .input-group + .input-group{ margin-top: 1.5rem; } p.or-login, p.register { margin-bottom: 3rem; font-weight: 300; a { font-family: inherit; display: inline-block; font-weight: bold; margin-left: .25rem; } } .form-message--error { ul { padding: 0; margin: 0; margin-bottom: 1.5rem; list-style: none; li { color: $error; } } } .extras { margin-top: 3rem; #RecoverPassword { display: block; } } } } section.register { h1 { margin-bottom: 1.5rem; } .or-login { margin-bottom: 3rem; } } .template-customers-account, .template-customers-addresses{ footer{ margin-top: 0!important; } } .account-pages { display: flex; flex-direction: column; min-height: 500px; #sd_partialpay{ display: none!important; } aside { background-color: #f7f7f7; padding: 3rem 1.5rem; strong { font-size: 1.5em; display: block; margin-bottom: 1.5rem; } ul { padding: 0; margin: 0; list-style: none; li { a { text-decoration: none; color: $black; &.active { font-weight: bold; } } } } } .account-page__intro { margin-bottom: 1.5rem; } @media only screen and (min-width:960px) { flex-direction: row; aside { padding: 4.5rem 3rem; strong { margin-bottom: 3rem; } } .account-page__intro { margin-bottom: 3rem; } .account-page { flex: 1; } } } .account-information { .addresses { margin-bottom: 3rem; } .orders{ overflow: auto; table{ width: 100%; thead{ border: 1px solid black; th{ border-left: 1px solid black; padding: .5rem; &:first-of-type{ border-left: 0; } } } tbody{ tr{ border-bottom: 1px solid black; td{ padding: .5rem; border-left: 1px solid black; text-align: center; &:last-of-type{ border-right: 1px solid black; } } } } tfoot{ td{ padding: .5rem; &:last-of-type{ text-align: right; } } } } } } .address-information { .saved-addresses { h3 { font-size: 1.25em; display: flex; align-items: center; span { font-weight: 300; color: $black; font-size: .75em; margin-left: .5rem; } } address { font-weight: 300; } } } .template-customers-addresses { #shopify-section-header { z-index: 2; } #shopify-section-footer { position: relative; z-index: 2; } main { z-index: 3; } } .edit-address-lightbox, .add-address-lightbox { .errors { ul { list-style: none; padding: 0; margin-bottom: 1.5rem; li { color: $error; } } } .input-group{ margin-bottom: 1rem; &:last-of-type{ margin-bottom: 0; } } .pdm-lightbox__content { background-color: $white; text-align: left; padding: 3rem 1.5rem 0; form { padding-bottom: 3rem; } } @media only screen and (min-width:600px) { .pdm-lightbox__container { max-width: 768px !important; .pdm-lightbox__content { padding: 4.5rem 3rem 0; form { padding-bottom: 4.5rem; } } } } } .page-content{ h1{ font-size: 2.5em; } @media only screen and (min-width:960px){ h1{ font-size: 4em; } // .container--small{ // max-width: 768px; // } } } .intro-content{ text-align: center; .container{ max-width: 720px; margin: 0 auto; } } .slider-content{ .slider-content__image{ margin-bottom: 3rem; .slick-slide{ >div{ position: relative; padding-bottom: 75%; .slide{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; img{ object-fit: cover; width: 100%; height: 100%; } } } } } @media only screen and (min-width:960px){ .container{ display: flex; justify-content: space-between; align-items: center; width: 100%; } .slider-content__image{ width: 55%; margin-bottom: 0; margin-left: 0; position: relative; .slider-nav--dots{ width: 100%; position: absolute; bottom: -4.5rem; } .slick-slide{ >div{ padding-bottom: 100%; @media only screen and (min-width:1400px){ padding-bottom: 80%; } } } } .slider-content__content{ width: 45%; padding-left: 3rem; font-size: .9em; @media only screen and (min-width:1350px){ padding-left: 4.5rem; } @media only screen and (min-width:1400px){ padding-left: 6rem; } } } } .blocks-image{ .blocks-image__image{ position: relative; padding-bottom: 75%; margin-bottom: 3rem; } .blocks-image__content{ h2{ font-weight: bold; } .blocks-image__item{ margin-bottom: 1.5rem; } } @media only screen and (min-width:960px){ overflow: hidden; .container{ display: flex; // flex-direction: row-reverse; justify-content: space-between; align-items: center; position: relative; .blocks-image__image{ margin-bottom: 0; width: 40%; height: 100%; padding-bottom: 0; position: absolute; right: 0; top: 0; .positioner{ width: 45vw; } } .blocks-image__content{ width: 60%; padding-right: 1.5rem; h2{ margin-bottom: 4.5rem; } .blocks-image__grid{ display: flex; flex-wrap: wrap; } .blocks-image__item{ width: calc(50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; @media only screen and (min-width:960px){ width: calc(50% - 4.5rem); margin-right: 4.5rem; } } } } } } .sider-w-content + .blocks-w-image{ @media only screen and (min-width:960px){ margin-top: 3rem; } } .team-card { max-width: 320px; margin: 0 auto; cursor: pointer; .team-card__thumb { text-align: center; position: relative; height: 0; padding-bottom: 110%; display: block; width: 100%; img{ filter: grayscale(100%); } &:before { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; border-top: 0; background-color: rgba(0, 0, 0, .25); content: ''; opacity: 0; transition-duration: .25s; } } .team-card__content { text-align: center; padding: 1.5rem 0; .name{ display: block; margin-bottom: .5rem; } .position{ font-size: .9em; } } } .our-team { text-align: center; h2 { margin-bottom: 3rem; } .team-slider{ @media only screen and (min-width:500px){ display: flex; flex-wrap: wrap; .slide{ width: calc(50% - 2rem); margin: 0 1rem 1.5rem; @media only screen and (min-width:960px){ width: calc(33.3% - 2rem); } } } } // .slick-list { // overflow: visible; // width: calc(100% + 1.5rem); // margin-left: -.75rem; // // .slide { // margin: 0 .75rem; // } // } // // .slider-wrapper { // position: relative; // // .slider-nav { // position: absolute; // width: calc(100% + 1.5rem); // top: calc(50% - 6em); // left: -.75rem; // pointer-events: none; // display: flex; // justify-content: space-between; // // @media only screen and (min-width:960px) { // width: calc(100% + 6rem); // left: -3rem; // } // // button { // pointer-events: all; // // &:before { // content: none; // } // // .svg-icon { // width: 2em; // height: 2em; // } // // &.prev { // .svg-icon { // transform: rotate(180deg); // } // } // } // } // } // // @media only screen and (min-width:960px) { // .slick-list { // overflow: hidden; // } // } } .team-popup { img { width: 100%; filter: grayscale(100%); } .pdm-lightbox__close{ width: 1.5em; height: 1.5em; top: -2rem; } .pdm-lightbox__content { background-color: $white; text-align: left; } .right { padding: 1.5rem; } .team-popup__content { padding: 1.5rem; padding-top: 0; padding-bottom: 3rem; p { font-weight: 300; line-height: 2; } } @media only screen and (min-width:600px) { .team-popup__intro { display: flex; background-color: #f7f7f7; .left { width: 50%; max-width: 300px; } .right { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 3rem; } } .team-popup__content { padding: 3rem; } } } .template-page-contact{ footer{ margin-top: 0; } } .contact-template{ padding: 0; .contact-template__hero{ background-color: #222222; color: $white; padding: 4.5rem 2rem; *{ color: inherit; } .container{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; } h1{ text-align: center; font-size: 3em; margin-bottom: 1rem; span{ display: block; } } img{ filter: brightness(0) invert(100); } } .contact-template__form{ padding: 4.5rem 2rem; background-size: 20rem auto; .input-group{ margin-bottom: 1rem; &:last-of-type{ margin-bottom: 0; } } input.btn{ margin-bottom: 0; } } @media only screen and (min-width:960px){ display: flex; .contact-template__hero{ width: 40%; h1{ font-size: 4.5em; @media only screen and (min-width:1200px){ font-size: 5em; } } } .contact-template__form{ width: 60%; padding: 15rem 3rem; .container{ max-width: 625px; } } } } .care-intro{ h1{ font-size: 2.25em; } .care-intro-card{ display: block; width: 100%; border: 1px solid rgba(112, 112, 112,.2); margin-bottom: 1.5rem; &:last-of-type{ margin-bottom: 0; } &:hover{ background-color: rgba(237, 235, 223,.4); border: 1px solid rgba(237, 235, 223,.4); } .care-intro-card__spacer{ width: 100%; padding-bottom: 70%; position: relative; display: block; .care-intro-card__positioner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 1.5rem; } } } @media only screen and (min-width:500px){ .care-intro__grid{ display: flex; flex-wrap: wrap; margin: 0 -.75rem; .care-intro-card{ width: calc(50% - 1.5rem); margin: 0 .75rem 1.5rem; } } } @media only screen and (min-width:960px){ padding-bottom: 3rem; h1{ font-size: 4em; } .care-intro__grid{ display: flex; flex-wrap: wrap; margin: 0 auto; .care-intro-card{ width: calc(33.3% - 1.5rem); margin: 0 .75rem 1.5rem; } } } } .support-page{ h1{ margin-bottom: 1.5rem; } form{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .input-group{ margin-bottom: 1rem; } } .article{ .article__contents{ max-width: 900px; margin: 0 auto; } .blog-card__tag{ font-weight: bold; } .article__meta{ color: #737373; display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; span{ display: block; } .blog-card__readtime{ font-family: $heading; font-style: italic; } .share{ display: flex; align-items: center; ul{ display: flex; align-items: center; list-style: none; li{ margin-right: 1rem; margin-bottom: 0; a{ display: block; line-height: 1; .svg-icon{ width: 1.5em; height: 1.5em; } } } } } } .article__image{ margin-bottom: 3rem; } @media only screen and (max-width:959px){ aside{ display: none!important; } } @media only screen and (min-width:960px){ .container{ display: flex; justify-content: space-between; } &.article--toc{ .article__contents{ width: 70%; flex: 1; padding-left: 1.5rem; } } aside{ max-width: 300px; padding-right: 3rem; width: 30%; ul{ list-style: none; position: -webkit-sticky; position: sticky; top: 3rem; li{ position: relative; padding-left: 1.5rem; &:before{ position: absolute; height: 100%; width: .25em; content: ''; left: 0; top: 0; background-color: transparent; transition-duration: .25s; } button{ font-family: $heading; text-align: left; display: block; font-size: 1em; line-height: 1.75; } &.active{ &:before{ background-color: $dblue; } button{ color: $dblue; } } } } } } } .search-results{ .search-results__intro{ max-width: 900px; margin: 0 auto; margin-bottom: 1.5rem; h1{ text-align: center; } } .search-filters{ margin-bottom: 1.5rem; span{ display: block; } ul{ padding: 0; list-style: none; li{ input{ display: none; } label{ display: flex; &:before{ content: ''; display: block; width: 1em; height: 1em; border: 1px solid black; margin-right: .5rem; position: relative; top: .2em; background-size: cover; background-position: 50% 50%; } } input:checked + label{ &:before{ border-color: transparent; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/checked.svg?v=138833722807160587521754330850'); } } } } } .search-results__grid{ .search-result{ margin-bottom: 3rem; h2{ a{ color: $black; } } } } .search-result{ .search-result__image{ margin-bottom: 1.5rem; .spacer{ width: 100%; padding-bottom: 75%; position: relative; a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; img{ object-fit: cover; width: 100%; height: 100%; max-width: none; } } } } } @media only screen and (min-width:960px){ .search-results__intro{ margin-bottom: 4.5rem; } .search-results__content{ display: flex; flex-direction: row-reverse; justify-content: space-between; } .search-filters{ width: 250px; } .search-results__grid{ padding-right: 4.5rem; } .search-result{ display: flex; .search-result__image{ width: 250px; margin-bottom: 0; } .search-result__content{ padding-left: 3rem; max-width: 500px; } } } } .template-page-needle_search{ .search-form-sec{ padding-bottom: 0; } .registation-form-section{ padding-bottom: 0; } } header{ // position: fixed; position: relative; top: 0; left: 0; width: 100%; z-index: 6; background-color: $white; border-bottom: 1px solid rgba(0,0,0,.1); &.sticky{ position: fixed; } &.active{ } .header__banner{ background-color: $yellow; text-align: center; padding: 0.3rem 1rem; color: $black; min-height: 25px; p.crate{ font-size: 1.1rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; strong{ margin-left:.25em; } img{ max-width: 2.5rem; margin-left:.25em; } a.btn{ margin-top:0; margin-left:1.25rem; padding:.3em 1em; } } @media (min-width: 992px) { font-size: 14px; } } .header__subbanner{ background-color: $yellow; padding: 0.3rem 1rem; color: $black; } .header__toolbar{ background-color: $darkgrey; .header__announcement{ text-align: center; font-size: .9em; p{ z-index: 11; position: relative; } } .header__tools-menu{ display: none; } } .header__main-container { position: relative; height: 42px; } .header__main{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; padding: .75rem 1rem; display: flex; align-items: center; justify-content: center; background: white; a.logo{ z-index: 11; display: block; img{ width: 100%; max-width: 125px; } } .mobile-buttons{ display: flex; align-items: center; justify-content: center; width: 100%; .sticky-logo { width: 0; opacity: 0; transition: opacity .3s ease; z-index: 10; } .mobile-buttons_buttons { display: flex; align-items: center; } a{ display: block; margin-right: 1.5rem; z-index: 11; .svg-icon{ display: block; width: 1.5em; height: 1.5em; } } } &.sticky{ position: fixed; .mobile-buttons { justify-content: space-between; .sticky-logo { display: block; width: 135px; opacity: 1; } } } ul{ ul{ display: none; } } } .search-form{ display: none; } @media only screen and (max-width:959px){ .header__main-container { position: relative; height: 50px; } .header__main-menu{ display: none; position: absolute; top:0; left: 0; width: 100%; height: 100vh; background-color: $white; padding: 3rem 2rem 3rem; z-index: 10; overflow: hidden; ul{ li{ margin-bottom: .5rem; position: relative; &.haslinks{ > a{ &:after{ content: ''; display: block; height: 1em; width: 1em; background-size: .75rem auto; background-position: 50% 50%; background-repeat: no-repeat; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/small-arrow.svg?v=139007998129324344671754330849'); transform: rotate(-90deg); margin-left: 1rem; display: inline-block; vertical-align: middle; position: relative; } } } button{ &:before{ content: ''; display: block; height: 1em; width: 1em; background-size: .75rem auto; background-position: 50% 50%; background-repeat: no-repeat; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/small-arrow.svg?v=139007998129324344671754330849'); transform: rotate(90deg); margin-right: 1rem; display: inline-block; vertical-align: middle; position: relative; top: -.15em; } } button, a{ transition-duration: .5s; font-family: $body; font-size: 1.2em; } } &.opaque{ > li{ >a{ opacity: 0; pointer-events: none; } } } ul{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: block; padding: 5rem 2rem 3rem; transition-duration: .75s; transform: translateX(100%); overflow: hidden; overflow: scroll; background: white; .child-container { overflow: scroll; max-height: calc(85vh - 10rem); } &.active{ z-index: 2; transform: translateX(0%); } } } } .header__main.sticky { .child-container { overflow: scroll; max-height: calc(100vh - 10rem); } } } @media only screen and (max-width:576px){ .header__main-menu{ ul { ul { padding: 5rem 2rem 3rem; } } } } @media only screen and (min-width:960px){ .header__toolbar{ padding: 0rem 2rem; display: flex; align-items: center; justify-content: space-between; .header__announcement{ text-align: left; } .header__tools-menu{ display: flex; align-items: center; font-size: .9em; ul{ display: flex; align-items: center; list-style: none; li{ margin-bottom: 0; margin-right: 1.5rem; } } .cart-icon{ display: block; .svg-icon{ width: 1.25em; height: 1.25em; display: block; } } } } .header__main{ padding: 1.25rem 90px; display: flex; justify-content: space-between; position: relative; a.logo{ img{ max-width: 150px; } &.logo--premiere { img { max-width: 180px; } } } } .header__main-menu{ display: block!important; ul{ display: flex; align-items: center; li{ margin-right: 2.5rem; position: relative; &.active, &.active-megamenu{ a{ color: $dblue; } } &.active, &.active-megamenu, &.child-active{ &:after{ content: ''; background-color: $dblue; position: absolute; width: 100%; height: 3px; bottom: -1.45em; left: 0; } } &:last-of-type{ margin-right: 0; } a{ font-weight: bold; text-decoration: none; font-size: .8em; @media only screen and (min-width:1050px){ font-size: .9em; } } &.haslinks{ > a{ &:after{ content: ''; display: block; height: 1em; width: 1em; background-size: .4rem auto; background-position: 50% 50%; background-repeat: no-repeat; background-image: url('//www.victrola.com/cdn/shop/t/67/assets/small-arrow.svg?v=139007998129324344671754330849'); margin-left: .25rem; display: inline-block; vertical-align: middle; position: relative; top: -.1em; } } } } } } } @media only screen and (min-width:1250px){ .header__main-menu{ margin: 0 auto; } .search-form{ display: block; .search-input{ border-radius: 2px; border: 1px solid #b9b9b9; input{ font-size: .9em; padding: .5em 1.5em .5em 3em; &::placeholder{ color: #b9b9b9; opacity: 1; } } } } } } button.menu-toggle{ display: inline-block; width: 32px; .ham-btn{ width: 100%; height: 0; padding-bottom: 60%; position: relative; display: block; overflow: visible; transition: transform .22s cubic-bezier(.55,.055,.675,.19); z-index: 11; .ham-btn--inner, &:before, &:after{ position: absolute; left: 0; width: 100%; height: 3px; background-color: $black; content:''; border-radius: 1em; overflow: hidden; transition: top .12s ease-out .22s, transform .22s cubic-bezier(.55,.055,.675,.19); } .ham-btn--inner{ top: 42.5%; overflow:visible; text-indent: -999em; transition: background-color .12s linear .22s; } &:before{ top:0; } &:after{ top: 85%; } &.active{ transform: rotate(90deg); .ham-btn--inner{ background-color: transparent!important; transition: background-color .12s linear; } .ham-btn--inner, &:before, &:after{ transition: top .12s ease-out, transform .22s cubic-bezier(.55,.055,.675,.19); } &:before, &:after{ top: 42.5%; } &:before{ transform: rotate(45deg); } &:after{ transform: rotate(-45deg); } } } } .mega-menu{ padding: 3rem; position: fixed; top: 4rem; left: 0; background-color: $white; width: 100%; z-index: 6; &.off-top { top: 4rem !important; } @media only screen and (max-width:959px){ display: none!important; } .container{ display: flex; justify-content: space-between; // align-items: center; max-width: 900px; } ul{ width: 60%; max-width: 500px; list-style: none; display: flex; flex-wrap: wrap; li{ width: calc(50% - 3rem); margin: 0 1.5rem 3rem; a{ display: block; text-decoration: none; .link-title{ font-size: 1.2em; color: $black; font-family: $heading; } .arrow-link{ margin-top: .5rem; } &:hover{ .arrow-link{ color: #00247a; svg{ path{ stroke: #00247a; } } } } } } } .featured-image{ max-width: 350px; width: 40%; .spacer{ width: 100%; padding-bottom: 90%; height: 0; position: relative; } } } .color-pallete{ background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .color-pallete--beige, .bc-sf-filter-option-item[data-value="Beige"] span{ background-color: #e6d2b1!important; } .color-pallete--black, .bc-sf-filter-option-item[data-value="Black"] span{ background-color: #000!important; } .color-pallete--black-velvet, .bc-sf-filter-option-item[data-value="Black%20Velvet"] span{ background-color: #3d3d3d!important; } .color-pallete--brown, .color-pallete--black-brown, .bc-sf-filter-option-item[data-value="Black%2FBrown"] span{ background-color: #523628!important; } .color-pallete--dark-brown, .bc-sf-filter-option-item[data-value="Dark%20Brown"] span{ background-color: #764d34!important; } .color-pallete--lambskin-brown, .bc-sf-filter-option-item[data-value="Lambskin%20Brown"] span{ background-color: #70563f!important; } .color-pallete--lambskin-grey, .bc-sf-filter-option-item[data-value="Lambskin%20Grey"] span, .color-pallete--lambskin-gray, .bc-sf-filter-option-item[data-value="Lambskin%20Gray"] span{ background-color: #818181!important; } .color-pallete--lambskin-dusty-rose, .bc-sf-filter-option-item[data-value="Lambskin%20Dusty%20Rose"] span{ background-color: #ae7576!important; } .color-pallete--cobalt, .bc-sf-filter-option-item[data-value="Cobalt"] span, .color-pallete--blue, .bc-sf-filter-option-item[data-value="Blue"] span{ background-color: #0d2888!important; } .color-pallete--cognac, .bc-sf-filter-option-item[data-value="Cognac"] span{ background-color: #95443d!important; } .color-pallete--espresso, .bc-sf-filter-option-item[data-value="Espresso"] span{ background-color: #48372c!important; } .color-pallete--farmhouse-oatmeal, .bc-sf-filter-option-item[data-value="Farmhouse%20Oatmeal"] span{ background-color: #b4a08a!important; } .color-pallete--farmhouse-shiplap-grey, .bc-sf-filter-option-item[data-value="Farmhouse%20Shiplap%20Grey"] span{ background-color: #c3c1bd!important; } .color-pallete--farmhouse-walnut, .bc-sf-filter-option-item[data-value="Farmhouse%20Walnut"] span{ background-color: #8b5c4f!important; } .color-pallete--gray, .bc-sf-filter-option-item[data-value="Gray"] span, .color-pallete--grey, .bc-sf-filter-option-item[data-value="Grey"] span, .color-pallete--silver, .bc-sf-filter-option-item[data-value="Silver"] span { background-color: #b3b3b3!important; } .color-pallete--light-denim-blue, .bc-sf-filter-option-item[data-value="Light%20Denim%20Blue"] span{ background-color: #d8e7f4!important; } .color-pallete--light-mint-green, .bc-sf-filter-option-item[data-value="Light%20Mint%20Green"] span{ background-color: #d1efdd!important; } .color-pallete--light-beige, .bc-sf-filter-option-item[data-value="Light%20Beige"] span{ background-color: #ddd4c5!important; } .color-pallete--light-brown, .bc-sf-filter-option-item[data-value="Light%20Brown"] span{ background-color: #a37859!important; } .color-pallete--mahogany, .bc-sf-filter-option-item[data-value="Mahagony"] span, .color-pallete--mahogany, .bc-sf-filter-option-item[data-value="Mahogany"] span{ background-color: #984026!important; } .color-pallete--light-purple, .bc-sf-filter-option-item[data-value="Light%20Purple"] span{ background-color: #ac97d3!important; } .color-pallete--marsala, .bc-sf-filter-option-item[data-value="Marsala"] span{ background-color: #af6d6c!important; } .color-pallete--natural, .bc-sf-filter-option-item[data-value="Natural"] span{ background-color: #fef1e0!important; } .color-pallete--oak, .bc-sf-filter-option-item[data-value="Oak"] span{ background-color: #d7ae82!important; } .color-pallete--pink, .bc-sf-filter-option-item[data-value="Pink"] span{ background-color: #e582ad!important; } .color-pallete--purple, .bc-sf-filter-option-item[data-value="Purple"] span{ background-color: #a63ec5!important; } .color-pallete--red, .bc-sf-filter-option-item[data-value="Red"] span{ background-color: #de2b28!important; } .color-pallete--teal, .bc-sf-filter-option-item[data-value="Teal"] span{ background-color: #247c84!important; } .color-pallete--turquoise, .bc-sf-filter-option-item[data-value="Turquoise"] span{ background-color: #41cfc1!important; } .color-pallete--walnut, .bc-sf-filter-option-item[data-value="Walnut"] span{ background-color: #ad5800!important; } .color-pallete--white, .bc-sf-filter-option-item[data-value="White"] span{ background-color: #FFF!important; } .color-pallete--yellow, .bc-sf-filter-option-item[data-value="Yellow"] span{ background-color: #fbde00!important; } .color-pallete--citrus, .bc-sf-filter-option-item[data-value="Citrus"] span{ background-color: #eb9f35!important; } .color-pallete--slate-grey, .bc-sf-filter-option-item[data-value="Slate Grey"] span{ background-color: #575757!important; } .color-pallete--graphite-grey, .bc-sf-filter-option-item[data-value="Graphite Grey"] span{ background-color: #585A5E!important; } .color-pallete--poinsettia-red, .bc-sf-filter-option-item[data-value="Poinsetta Red"] span{ background-color: #A6382B!important; } .color-pallete--light-blue, .bc-sf-filter-option-item[data-value="Light Blue"] span{ background-color: #8298AC!important; } .color-pallete--basil-green, .bc-sf-filter-option-item[data-value="Basil Green"] span{ background-color: #566753!important; } .color-pallete--usa-flag, .bc-sf-filter-option-item[data-value="USA%20Flag"] span{ background-image: url('/cdn/shop/files/1024px-Flag_of_the_United_States.svg_4ca25a2f-c2e6-46de-a3d3-dc3d83bebf88_x50.png')!important; } .color-pallete--uk-flag, .bc-sf-filter-option-item[data-value="UK%20Flag"] span{ background-image: url('/cdn/shop/files/color-multi_1.jpg?v=1599580859')!important; } .color-pallete--tie-dye, .bc-sf-filter-option-item[data-value="Tie%20Dye"] span, .color-pallete--multi, .bc-sf-filter-option-item[data-value="Multi"] span{ background-image: url('/cdn/shop/files/color-multi.jpg?v=1599580859')!important; } .color-pallete--map-print, .bc-sf-filter-option-item[data-value="Map%20Print"] span{ background-color: #4dffed!important; // background-image: url('')!important; } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .template-page-record-shop{ footer{ margin-top: 0; } } button.crate { background-color: black; color: white; padding: 5px; } .shop-hero{ position: relative; background-size: cover; background-position: 50% 50%; background-image: url('/cdn/shop/files/4-layers.jpg?v=1599584659'); .shop-hero__heading{ position: relative; padding: 8rem 1.5rem 12rem; max-width: 850px; margin: 0 auto; >div{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .h3{ color: $white; } p{ color: $white; text-align: center; font-size: 1.1em; } &:after{ content: ''; height: 100%; top: 0; background-color: #464bc6; position: absolute; z-index: 1; width: 100%; left: 0%; @media only screen and (min-width:500px){ width: 50%; left: 25%; } } &:before{ position: absolute; content: ''; background-image: url('/cdn/shop/files/tape.png?v=1599584991'); width: 40%; left: 30%; top: -2.5rem; height: 5rem; background-size: 100% auto; z-index: 3; background-position: 50% 50%; background-repeat: no-repeat; } *{ position: relative; z-index: 2; } } @media only screen and (min-width:1200px){ .vinyl-animation{ display: block!important; position: absolute; right: 7.55vw; top: 5vw; width: 140px; height: 140px; .svg-icon--hollow-circle{ position: absolute; width: 40%; left: -5%; top: -10%; .positioner{ width: 100%; padding-bottom: 100%; svg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } } } .svg-icon--vinyl{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-animation: rotating 10s linear infinite; -moz-animation: rotating 10s linear infinite; -ms-animation: rotating 10s linear infinite; -o-animation: rotating 10s linear infinite; animation: rotating 10s linear infinite; } } } } .four-o-four { text-align: center; padding-bottom: 6rem; @media only screen and (min-width:960px) { padding-bottom: 9rem; } .h1 { font-size: 7em; margin-bottom: 1rem; @media only screen and (min-width:720px) { font-size: 12em; } } .h5 { margin-top: 0; } p { max-width: 600px; margin: 0 auto; } .links { margin-top: 1.5rem; font-size: 1em; a { display: flex; justify-content: center; align-items: center; } @media only screen and (min-width:501px) { display: flex; justify-content: center; margin-top: 3rem; a.btn { margin-top: 0; margin: 0 .75rem; } } } } .product-card{ position: relative; .product-badge--soldOut{ background-color: #000; color: #fff; padding: 0.25rem 1rem; display: inline-block; position: absolute; top: 1.5rem; right: 0; font-size: 0.9em; } } .split-text { padding: 1.5rem; .preheading { margin-bottom: 1em; } .split-text__titles { h2 { } } .split-text__content { margin-top: 1rem; } @media only screen and (min-width:960px) { padding: 1.5rem 3rem; .container { display: flex; justify-content: space-between; } .split-text__titles { max-width: 400px; } .split-text__content { flex: 1; padding-left: 3rem; margin-top: .75em; } } } .genre-card{ .genre-card__wrap{ max-width: 350px; display: block; margin: 0 auto; &:hover{ text-decoration: none; } } } .all-genres{ .genre-card{ margin-bottom: 1.5rem; } @media only screen and (min-width:400px){ .all-genres__list{ display: flex; margin: 0 -1.5rem; flex-wrap: wrap; } .genre-card{ width: calc(50% - 1.5rem); margin: 0 .75rem 3rem; } } @media only screen and (min-width:960px){ .genre-card{ width: calc(33.3% - 1.5rem); } } @media only screen and (min-width:1200px){ .genre-card{ width: calc(25% - 1.5rem); } } } .split-content{ .split-content__main{ margin-bottom: 3rem; h2{ span{ display: block; } } } .split-content__grid{ .split-content-block{ margin-bottom: 1.5rem; &:last-of-type{ margin-bottom: 0; } } } @media only screen and (min-width:500px){ .split-content__grid{ display: flex; flex-wrap: wrap; justify-content: space-between; .split-content-block{ width: calc(50% - 1.5rem); &:last-of-type{ margin-bottom: 1.5rem; } } } } @media only screen and (min-width:960px){ .container{ display: flex; justify-content: space-between; } .split-content__main{ width: calc(50% - 1.5rem); max-width: 700px; } .split-content__grid{ max-width: 600px; width: calc(50% - 1.5rem); } } } .club-steps{ text-align: center; .club-steps__intro{ margin-bottom: 3rem; h2{ max-width: 9em; margin: 0 auto; margin-bottom: 0; } } .club-steps__grid{ .club-step{ margin-bottom: 1.5rem; &:last-of-type{ margin-bottom: 0; } h3{ max-width: 9em; margin: 1.5rem auto .75em; } .preheading{ color: $blue; font-weight: bold; } } } @media only screen and (min-width:960px){ .club-steps__grid{ display: flex; justify-content: space-around; flex-wrap: wrap; } .club-step{ width: calc(33.3% - 1.5rem); max-width: 420px; &:last-of-type{ margin-bottom: 1.5rem; } } } } .jtc{ background-image:url('/cdn/shop/files/Group_1483_1.jpg?v=1602626066'); position: relative; background-size: auto 100%; background-position: 50% 50%; .tape-bar{ position: absolute; top: -0rem; left: 0; right: 0; text-align: center; padding: 0 1.5rem; img{ height: 4rem; width: auto; max-width: none; } } .jtc__content{ text-align: center; position: relative; padding: 1.5rem 0; max-width: 400px; margin: 0 auto; .svg-icon{ position: absolute; left: calc(50% + 3rem); top: -2rem; z-index: 1; } &:before{ content: ''; position: absolute; top: 0; left: 30%; width: 50%; height: 100%; background-color: rgba(0,0,0,.25); } h2{ position: relative; z-index: 2; font-size: 2em; margin-top: 0; font-family: $body; font-weight: 900; } p{ display: flex; flex-direction: column; align-items: center; font-size: 1.1em; span{ display: inline-block; background-color: $white; font-weight: bold; margin-bottom: .25em; padding: 0em 1.5em; &:last-of-type{ margin-bottom: 0; } &:nth-of-type(odd){ transform: rotate(-2deg); } &:nth-of-type(even){ transform: rotate(-1deg); } } } } .jtc__form{ max-width: 600px; margin: 0 auto; margin-top: 1.5rem; label{ width: 0; height: 0; display: block; overflow: hidden; } input{ border: 0; } input[type="submit"]{ background-color: $purple; margin-top: 1rem; } p.success{ text-align: center; font-size: 1.1em; } } @media only screen and (min-width:960px){ .tape-bar{ top: -1rem; img{ height: 6rem; } } .jtc__content{ max-width: 700px; padding: 3rem 0; &:before{ width: 30%; left: 35%; } h2{ font-size: 4.5em; } p{ font-size: 1.75em; } } .jtc__form{ margin-top: 3rem; p.success{ text-align: center; font-size: 1.25em; } .input-group{ display: flex; input[type="submit"]{ margin-top: 0; width: 200px; } } } } } #your-local-record-store{ #storerocket-map-container, #storerocket-panel{ z-index: 1!important; } } .record-home-btn{ z-index: 2; position: fixed; right: 1.5rem; bottom: 0; display: flex; align-items: center; .svg-icon{ margin-right: .5rem; transform: scale(1.2); } display: none; } .jtc__btn { margin-top: 2em; display: flex; justify-content: center; } .template-page-registration{ footer{ margin-top: 0; } } form.product-register{ .form-page{ display: none; &.active{ display: block; } .btn{ width: 100%; } } } .collection-row { display: flex; flex-wrap: wrap; margin: 0; .collection-row__column { width: 100%; } @media (min-width: 992px) { margin: 2rem -3% 0; .collection-row__column { width: 44%; margin: 0 3%; } } } .registration-success { display: none; } .combined-form { .input-group { margin-bottom: 1rem; } } .d-none { display: none; } .centered-content{ text-align: center; background-image: url('/cdn/shop/files/Group_886.jpg?v=1619805567'); background-size: cover; background-position: 50% 100%; &.holiday { background-image: none; } .cetered-content__wrap{ max-width: 960px; margin: 0 auto; p{ color: $white; font-size: 1.2em; font-family: $serif; @media only screen and (min-width:960px){ font-size: 1.3em; } } } } .feat-products{ .split-text{ max-width: 1400px; margin: 0 auto; padding: 0; margin-bottom: 1.5rem; @media only screen and (min-width:960px){ margin-bottom: 3rem; } .container{ @media only screen and (min-width:960px){ justify-content: space-between; } } .split-text__titles{ max-width: 400px; h2{ line-height: 1.25; text-transform: capitalize; @media only screen and (min-width:960px){ font-size: 2.5em; } } } .split-text__content{ // max-width: 640px; @media only screen and (min-width:1200px){ padding-left: 6rem; } } @media only screen and (min-width:960px){ .container{ max-width: 1100px; margin: 0; } } } .feat-products__grid{ .product-card{ margin-bottom: 3rem; } @media only screen and (min-width:500px){ display: flex; justify-content: flex-start; flex-wrap: wrap; width: calc(100% + 1.5rem); margin-left: -.75rem; .product-card{ width: calc(50% - 1.5rem); margin-left: .75rem; margin-right: .75rem; } } @media only screen and (min-width:960px){ width: calc(100% + 3rem); margin-left: -1.5rem; .product-card{ width: calc(33.3% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; } } } } .content-cta{ .container{ padding: 3rem 1.5rem; text-align: center; } a.btn{ margin-left: .75rem; margin-right: .75rem; } } //------Mother's DAY LP --- // $pink: #fde5e9; $pink2: #da9ab8; $dpink: #c96993; $green: #3d7363; .template-page-mothers{ .hero-slider{ background-color: $pink; background-image: none; h1{ color: $dpink!important; @media only screen and (min-width:960px){ max-width: none!important; font-size: 5em!important; } span{ color: $green; } } p{ color: $green; } .btn{ margin-top: 1.5rem!important; background-color: $pink2; color: $white; border: $pink2; &:hover{ background-color: $dpink; border: $dpink; } } .hero-slide__image{ @media only screen and (min-width:1550px){ width: 50%; } } .scroll-down-col{ border-right: 1px solid $pink2; .scroll-down-section{ background: linear-gradient(to top, $green 70%, transparent 70%); .svg-icon{ path{ // stroke:$dpink; } } } } } .centered-content{ background-color: $pink2; } .split-text{ .split-text__titles{ h2{ span{ color: $dpink; } } } p{ color: #404040; } } .featured-products-block + .featured-products-block{ .split-text .container{ position: relative; &:before{ position: absolute; left: 0; width: 100%; height: 2px; content: ''; background-color: $pink; top: -4.5rem; @media only screen and (min-width:960px){ top: -6rem; } } } } .content-cta{ .container{ background-color: $pink; } h2{ color: $dpink; } a.btn{ background-color: $green; color: $white; border-color: $green; } p{ color: #404040; } @media only screen and (min-width:960px){ .container{ padding: 9rem 6rem; } .content-cta__wrap{ max-width: 650px; margin: 0 auto; } h2{ font-size: 4.5em; line-height: 1.1; margin-bottom: 1.5rem; } } } } .submit-btn:disabled { background-color: #ec9f7a; } //------Father's DAY LP --- // .template-page-fathers { .centered-content{ background-color: #050505; background-image: none; .sans{ // font-family: $sans; font-size: 1.1em; @media only screen and (min-width:960px){ font-size: 2.25em; } a{ color: #fb661f; } } @media (min-width: 1200px) { padding-top: 3rem; padding-bottom: 3rem; } } .hero-slider { .hero-slide__content { p { color: #ffffff; } } } .content-cta{ .container{ background-color: #050505; color: #ffffff; h2 { color: #ffffff; } } } .centered-block { margin-top: 0 !important; } .direct-add.disabled { pointer-events: none; background-color: #cec4c4; } } .template-index { @media (max-width: 768px) { div#shopify-section-1597016980663 { margin-top: 0; } } } .hero-slider { .hero-slide { .hero-slide__content { /*margin-top: -12rem;*/ } @media (max-width: 768px) { min-height: initial !important; .hero-slide__content h1 { font-size: 2em; } .hero-slide__image { padding-bottom: 50%; } } } .slider-nav { padding: 1.5rem 2rem 2rem; } } @media (min-width:960px) { .template-index .hero-slider { .hero-slide { .hero-slide__content { /*margin-top: -8.75rem;*/ } } } } iframe#attentive_creative { left: initial !important; right: 16px !important; } .shop-vinyl-img { position: absolute; top: 1rem; left: -1.5rem; z-index: 1; img { width: 130px; } @media (min-width:960px) { left: 0 } } .record-btn-container { display: flex; justify-content: center; margin-top: 3rem; } .img-thumb { padding-bottom: 100%; height: 0; position: relative; } #revolution-go-portable-rechargeable-record-player { .product-intro__images { .crate-badge { display: none; } } } .image-block { .thumb { position: relative; height: 0; padding-bottom: 50%; @media (min-width: 960px) { padding-bottom: 30%; } } } //---------------------------------------------- //* SUBSCRIPTION //--------------------------------------------- .template-page-subscription{ h1,h2,h3,h4,h5, .h1,.h2,.h3,.h4,.h5{ font-family: $body; } } .subscription-hero { padding: 20rem 0 0 !important; .white-bg-spacer { background-color: #ffffff; padding-bottom: 60px; } .subscription-hero__content { background-color: #ffffff; max-width: 500px; padding: 3rem 1.5rem; padding-bottom: 0; @media only screen and (min-width:960px){ border-top-right-radius: 75px; padding: 3rem 3rem 0; } } h1 { margin-bottom: .5rem; line-height: 1.2; } p{ color: rgba(0,0,0,.75); } @media (min-width: 960px) { h1 { font-size: 3.6em; } p { font-size: 1.2rem; } } } .how-it-works { padding-top: 0 !important; padding-bottom: 0 !important; .how-it-works-content { background-color: #ffffff; max-width: 540px; margin: 0 auto; padding: 3rem 1.5rem; padding-top: 0; h2 { text-align: left; } .h5 { color: #fb661f; // font-family: $body; letter-spacing: 1px; margin-bottom: .5em; } p{ font-size: .95rem; } @media only screen and (min-width:960px){ padding: 3rem; h2{ text-align: center; } } } } #shopify-section-subscription-record-players { h2 { text-align: center; } .subscription-record-players { background-color: #0d0d0d; } .container { background-color: #ffffff; position: relative; padding: 2rem; *{ position: relative; z-index: 2; } &:before { background-color: rgba(251, 102, 31, 0.2); content: ''; position: absolute; top: 0; width: 8rem; height: 8rem; right: 0; z-index: 1; } &:after { background-color: rgba(251, 102, 31, 0.2); content: ''; position: absolute; bottom: 0; width: 8rem; height: 8rem; left: 0; z-index: 1; } } .two-column-row { display: flex; flex-direction: column-reverse; flex-wrap: wrap; align-items: center; .h4 { margin-top: 1rem; } .h4 { color: #fb661f; } .thumb { height: 0; padding-bottom: 80%; position: relative; .positioner{ position: absolute; } } &:last-child { margin-top: 2rem; } } .two-column-row__column { width: 100%; } @media (min-width: 992px) { .container { padding: 10rem; } h2 { max-width: 760px; margin: 0 auto 3.5rem auto; } .two-column-row__column { width: 44%; margin: 0 3%; } .two-column-row { margin: 0 -3%; flex-direction: row; &:last-child { flex-direction: row-reverse; } } } } .subscription-quad-block { h2 { text-align: center; } .subscription-quad-block-row { display: flex; flex-wrap: wrap; .sub-item { background-size: cover; background-repeat: no-repeat; display: flex; align-items: flex-end; width: 100%; height: 400px; &:first-child { border-bottom: 4px solid #ffffff; border-right: 4px solid #ffffff; } &:nth-child(2) { border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff; } &:nth-child(3) { border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; } &:nth-child(4) { border-top: 4px solid #ffffff; border-left: 4px solid #ffffff; } .sub-item__title { background-color: #ffffff; padding: 1.5rem 3rem; } } @media (min-width: 768px) { padding-left: 0; padding-right: 0; .sub-item { height: 600px; width: 50%; } } } } .template-page-subscription { footer { margin-top: 0; } } .subbutton { background-color: #0d0d0d; display: flex; justify-content: center; padding-top: .5rem; padding-bottom: 2rem; } .subscription-testimonials { background-color: #0d0d0d; position: relative; .slider-nav--dots .slick-arrow:before { background-image: url(/cdn/shop/files/Path_2.png?v=1634049831); } .slider-nav--dots { justify-content: initial; } .slick-arrow.slick-prev:before { transform: initial; } .slick-arrow.slick-next:before { transform: rotate(180deg); } .slider-nav--dots .slick-arrow:before { filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(313deg) brightness(43%) contrast(107%); } a { color: #313131; font-weight: bold; } .slick-arrow { background-color: #ffffff; filter: initial; } h2 { position: relative; } .white-overlay { content: ''; background-color: #ffffff; position: absolute; top: 0; right: 0; width: 95%; height: 100%; } .pink-overlay { content: ''; background-color: rgba(251,102,31,.2); position: absolute; top: 4rem; right: 0; width: 70%; height: 84%; display: none; } .container { padding: 2rem; position: relative; } h2 { text-align: center; } .thumb { height: 0; position: relative; padding-bottom: 80%; } .slide-row { display: flex; align-items: center; flex-wrap: wrap; } .slide-row__column { width: 100%; } @media (min-width: 992px) { .pink-overlay { display: block; } .container { padding: 2rem; } .slide-row { margin: 0 -3%; } .slide-row__column { width: 44%; margin: 0 3%; } } } #shopify-section-subscription-accordions { .accordion__trigger { flex-direction: row-reverse; justify-content: start; font-weight: initial; } .accordion__icon { position: relative; right: initial; margin-right: 1rem; background-color: #efefef; border-radius: 50px; height: 2rem; width: 2rem; &:before, &:after { width: 13px; } } .tabs { display: flex; flex-direction: column; margin-top: 1.5rem; padding-bottom: 1rem; border-style: dotted; align-items: baseline; button { font-size: 1rem; font-weight: bold; padding-bottom: .3rem; margin-bottom: 1rem; &.active { color: #fb661f; border-bottom: 2px solid #fb661f; } } } .accordion-blocks { background-color: #0d0d0d; } .accordion-blocks-row { display: flex; flex-wrap: wrap; .thumb { position: relative; height: 100%; padding-bottom: 100%; } } .accordion-blocks-row__column { width: 100%; &:first-child { } &:last-child { background-color: #ffffff; padding: 2rem 4rem; } } @media (min-width: 992px) { .tabs { flex-direction: row; margin-top: 2.5rem; button { margin-right: 1.5rem; margin-bottom: 0; } } .accordion-blocks { padding-left: 0; } .container { margin: initial; max-width: 1600px; } .accordion-blocks-row { } .accordion-blocks-row__column { width: 50%; } } } #shopify-section-subscription-sample { background-color: #0d0d0d; .slider-nav--dots .slick-arrow:before { background-image: url(/cdn/shop/files/Path_2.png?v=1634049831); } .container { padding: 1rem; } .slick-arrow { background-color: #ffffff; border: 1px solid #fb661f; filter: initial; } .slider-nav--dots { justify-content: initial; } .slick-arrow.slick-prev:before { transform: initial; } .slick-arrow.slick-next:before { transform: rotate(180deg); } .slider-nav--dots .slick-arrow:before { filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(313deg) brightness(43%) contrast(107%); } .container { background-color: #ffffff; max-width: 1490px; margin: initial; margin-left: auto; } @media (min-width: 992px) { .container { padding: 2rem; } .subscription-sample { padding-right: 0; h2 { margin-bottom: 0; } } } } .sub-sample-item { height: 460px; background-size: cover; background-repeat: no-repeat; margin: 0 1rem; .sub-sample-item__inner { display: flex; align-items: end; height: 100%; } } .sub-sample-item__title { background-color: #ffffff; padding: 1rem 3rem; @media (min-width: 992px) { width: 290px; } } .subscription-choose { position: relative; .option-group { margin-bottom: 1rem; } .value-img { position: absolute; right: -20px; top: 20%; } .sub-price { margin-top: 2rem; text-align: center; .h3 { margin-top: .5rem; } p { font-weight: bold; color: #313131; } } h2 { text-align: center; color: #ffffff; // font-family: $body; } .container { position: relative; z-index: 1; } &:after { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(5, 5, 5, 0.57) 40%, rgba(84, 84, 84, 0.2) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; } .choose-row { display: flex; flex-wrap: wrap; } .subscription-card { width: 100%; background-color: #ffffff; border-radius: 40px; padding: 2rem; position: relative; display: flex; flex-direction: column; // justify-content: space-between; margin-bottom: 2.5rem; .option-group{ ul { display: none; } .select-menu{ display: block!important; } } .subscription-card__plan { font-weight: bold; margin-bottom: 1rem; } .subscription-card__bottom { margin-top: auto; // flex: 1; // display: flex; // flex-direction: column; p { margin-bottom: 0; } .validation-error{ background: #ffcbcb; margin-top: .25em; font-size: .9em; color: #db5b70; padding: .25em .75em; } .subscription-card__select { margin-bottom: 1rem; } .product-intro__form{ // flex: 1; } } .subscription-card__mid { margin-bottom: 2rem; ul { list-style: none; padding-left: 0; } li { position: relative; padding-left: 1.5rem; &:before { content: ''; background-image: url(/cdn/shop/files/2-layers_9fa0aee2-b64f-4ffa-bca6-ba213ceb4e4e.png?v=1634138979); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1em; height: 1em; position: absolute; top: .25em; left: 0; // bottom: 0; // margin: auto; } } } .subscription-card__top { text-align: center; margin-bottom: 1rem; p { color: #7b7b7b; font-size: 1.1rem; } h3 { margin-bottom: 0; } } } @media (min-width: 992px) { .subscription-card { margin-bottom: 0; } // .subscription-card__bottom { // padding: 0 1.5rem; // } .choose-row { margin: 0 -2%; } .subscription-card { width: 28%; margin: 2%; } .subscription-card__top { h3 { font-size: 2em; } } } } .recharge-customer-templates{ footer{ margin-top: 0; } #admin-bar-iframe{ display: none!important; } } .landing-two-column { .video-container { display: flex; justify-content: center; flex-wrap: wrap; .iframe-container { width: 100%; margin-bottom: 1rem; iframe { width: 100%; } } @media (min-width: 960px) { .iframe-container { width: 48%; margin: 0 1%; } } @media (max-width: 768px) { iframe { height: 450px; width: 100%; } } } } .landing-page-hero { background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; img { max-width: 850px; } h2 { color: #ffffff; text-transform: uppercase; } @media (min-width: 960px) { height: 100%; h2 { font-size: 5.5em; } } } .landing-two-column-row { display: flex; align-items: center; flex-wrap: wrap; img.img-icon { position: absolute; top: 0; left: 3rem; max-width: 100px; } .two-column-variants { display: flex; margin-top: 2rem; .h3 { text-transform: uppercase; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 0; font-weight: 700; font-size: 1.3em; } .two-column-variants__item { text-align: center; &:first-child { margin-right: 1rem; } &:last-child { .h3 { color: #39abb9; } } } } .two-column-bottom { display: flex; align-items: center; .h3 { margin-top: 0; } .btn--black { border-radius: 5px; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: .9em 2em; margin-right: 1rem; } } .landing-two-column-row__column { width: 100%; position: relative; } @media (min-width: 992px) { margin: 0 -2%; p { letter-spacing: 1px; font-size: 1.2em; max-width: 490px; } .landing-two-column-row__column { &:first-child { width: 44%; } width: 48%; margin: 0 2%; } } } .landing-page-title { text-transform: uppercase; font-weight: bold; letter-spacing: 2px; margin-bottom: 0; line-height: 1.2; @media (min-width: 1200px) { font-size: 4.5em; line-height: 1; } } .landing-page-image-gallery { padding-left: 0; padding-right: 0; padding-bottom: 0; .slider-nav { margin-top: 2rem; display: flex; justify-content: center; button { background-color: $black; } } .image-thumb { /*height: 0;*/ position: relative; width: 100%; margin-bottom: 1rem; padding-bottom: 72%; &:last-child { margin-right: 0; } } .slick-slide { &:last-child { margin-right: 0; } } .landing-page-image-gallery-row { /*display: flex;*/ flex-wrap: wrap; } @media (min-width: 992px) { .slick-slide { margin-right: 1rem; } .image-thumb { /*flex: 1;*/ margin-bottom: 0; padding-bottom: 100%; } } } // .image-content-row { // display: flex; // align-items: center; // flex-wrap: wrap; // margin-top: 2rem; // &:nth-of-type(2) { // border-top: 2px solid #68bd4c; // border-bottom: 2px solid #68bd4c; // padding: 1rem; // } // .image-content-row__column { // width: 100%; // } // @media (min-width: 992px) { // margin: 0 -2%; // &:nth-of-type(2) { // flex-direction: row-reverse; // text-align: right; // padding: 0; // p { // margin-left: auto; // } // } // p { // letter-spacing: 1px; // font-size: 1.2em; // max-width: 490px; // } // li { // font-size: 1.2em; // letter-spacing: 1px; // } // .image-content-row__column { // &:first-child { // width: 44%; // } // width: 48%; // margin: 0 2%; // } // } // } section.landing-page-product-features { background-color: #949699; } .product-features-row { display: flex; flex-wrap: wrap; .product-features-item { margin-bottom: 2rem; width: 100%; .thumb { position: relative; height: 0; box-shadow: 1px 4px 5px rgba(0,0,0,.3); padding-bottom: 100%; } .h3 { color: #ffffff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: .5rem; font-weight: bold; @media (max-width: 992px) { margin-bottom: 0; } } p { letter-spacing: 1px; font-size: 1.2em; } .product-features-item__bottom { text-align: center; margin-top: 1.5rem; } } @media (min-width: 992px) { margin: 0 -2%; .product-features-item { width: 29%; margin: 0 2%; .h3 { font-size: 3em; line-height: 1; } } } } section.product-specs { background-color: #333132; } .product-specs { display: flex; .product-specs-row { display: flex; flex-wrap: wrap; align-items: center; .product-specs-row__column { h3 { color: $white; margin-top: 1.5rem; @media (min-width: 992px) { display: none; } } &:first-child { display: flex; flex-direction: column; img { &:first-child { margin-bottom: 1.5rem; } } } } } .product-specs-table { color: #ffffff; .product-specs-table__item { letter-spacing: 1px; font-size: 1.2em; } } table { /*table-layout: fixed;*/ width: 100%; td { } } .table-headers { color: #ffffff; /*display: revert;*/ border-bottom: 2px solid #68bd4c; text-align: left; text-transform: uppercase; font-size: 1rem; th { font-weight: bold; &:first-of-type { padding-right: 4rem; } } } @media (min-width: 992px) { .table-headers { text-transform: uppercase; } table { td { font-size: 1em; padding: .5rem .5rem .5rem 0; text-transform: uppercase; } } .product-specs-row { .product-specs-row__column { width: 80%; &:first-child { width: 16%; margin-right: 4%; } } } } @media (max-width: 991px) { table { display: flex; justify-content: center; /* tr:not(:last-child) td:before { content: attr(data-th) ":"; font-weight: bold; padding-right: 0.5em; } */ tr { display: flex; flex-direction: column; margin-top: 1rem; } td { width: 100%; } .table-headers { display: none; } } } } #revgo-landing { footer { margin-top: 0; } } .template-product-revgo { .product-reviews { padding: 3rem 2rem; @media (min-width: 1200px) { padding: 4.5rem 3rem; } } @media (min-width: 960px) { .product-details { .product-intro__form { padding: 1.5rem 1.5rem 0; } } } @media (min-width: 1200px) { .product-details { .product-intro__form { padding: 4.5rem 3rem 0; } } } } body#victrola-premiere-v1-turntable-music-system { @media (min-width: 992px) { .image-content-row { padding: 2rem 0 !important; } } @media (max-width: 991px) { .image-content-row__column { &:nth-child(2) { margin-top: 1rem; } } } } .about-us-intro { position: relative; .d-block { display: block; } .h2 { @media (min-width: 1200px) { font-size: 3.5em; } } .container { max-width: 820px; } .c-blue { color: $blue; font-size: 1.3em; margin-bottom: 1rem; } &:before { content: ''; width: 100%; height: 100%; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: 25em auto; } } .about-us-two-column { position: relative; &:before { content: ''; width: 100%; height: 100%; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: 25em auto; } .two-col-row { display: flex; flex-wrap: wrap; align-items: center; .btn { background-color: #025f70; color: $white; margin-top: 2rem; } .thumb { position: relative; height: 0; padding-bottom: 80%; } .two-col-row__column { width: 100%; &:last-child { margin-top: 1.5rem; } } @media (min-width: 960px) { .two-col-row { margin: 0 -3%; } .two-col-row__column { width: 44%; margin: 0 3%; } } } } .about-locations { h2 { text-align: center; padding-bottom: 1em; position: relative; &:after { width: 110%; height: 54px; position: absolute; bottom: -5%; left: -4%; content: ''; background-image: url(/cdn/shop/files/Power_shared_a_sketch_with_you_2.png?v=1639765603); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } } .locations-row { display: flex; flex-wrap: wrap; .locations-item { width: 100%; margin-bottom: 2rem; .locations-item__content { max-width: 80%; margin: -9rem auto 0; padding: 6rem 0; text-align: center; position: relative; overflow: hidden; h3 { z-index: 1; position: relative; top: 2rem; } &:before { bottom: 0; left: -230%; width: 350%; height: 84%; position: absolute; content: ''; background-color: $egg; @media (min-width: 960px) { transform: scale(1) skewX(79deg); } } } &:nth-child(2) { .locations-item__content { &:before { transform: initial; } } } &:nth-child(3) { .locations-item__content { &:before { @media (min-width: 960px) { transform: scale(1) skewX(99deg); right: -230%; left: initial; } } } } } .locations-item__thumb { position: relative; padding-bottom: 100%; height: 0; } @media (min-width: 960px) { margin: 0 -2%; .locations-item { width: 29%; margin: 0 2%; } } } } .about-connect { h2 { text-align: center; margin-bottom: 4.5rem; } .connect-row { display: flex; flex-wrap: wrap; .connect-item { width: 100%; text-align: center; margin-bottom: 2rem; p { margin-top: 1.5rem; } } @media (min-width: 960px) { max-width: 900px; margin: 0 auto; .connect-item { width: 29%; margin: 0 2%; } } } } .about-us-news { background-color: #ECEBDF; position: relative; margin: 2rem 0; &:before, &:after { content: ''; position: absolute; left: 0; width: 100%; background-size: cover; background-repeat: no-repeat; } &:before { height: 100px; background-image: url(/cdn/shop/files/top_6646b3fd-127d-42cf-b085-db4868892187.png?v=1640025751); top: 0; } &:after { height: 50px; background-image: url(/cdn/shop/files/bottom_06b71fb6-58b1-4c27-9727-9dcbd0777b91.png?v=1640025442); bottom: 0; } h2 { text-align: center; margin-bottom: 3rem; } .news-row { display: flex; flex-direction: column; flex-wrap: wrap; .news-item { p { color: $black; } .news-title { text-decoration: underline; color: $black; margin: 1.5rem 0; } .news-item__top { display: flex; align-items: center; .h5 { margin-top: 0; margin-left: 1rem; } } } } .about-us-news__button { display: flex; justify-content: center; } @media (min-width: 960px) { padding-top: 10.5rem; padding-bottom: 10.5rem; .news-row { flex-direction: row; margin: 0 -2%; .news-item { width: 29%; margin: 0 2% 3.5rem; } } } } .team-popup--about { .team-popup__intro { background-color: $white; } .pdm-lightbox__content { padding: 2rem; } } .template-page-careers { .hero-slider { background-color: #222; background-image: url("/cdn/shop/t/18/assets/dust.png?v=8539326486679680589"); .hero-slide__content h1 { color: $white; } } } .careers-values { h2 { text-align: center; } .values-row { display: flex; flex-wrap: wrap; margin: 0 -2%; .values-item { text-align: center; width: 100%; margin-top: 3.5rem; .h5 { color: #979797; strong { color: $black; } } } @media (min-width: 768px) { .values-item { width: 29%; margin: 2%; } } } } .careers-jobs { h2 { text-align: center; } .jobs-row { display: flex; flex-wrap: wrap; .jobs-item { text-align: center; width: 100%; margin-top: 3.5rem; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; background-color: $dblue; &:hover { text-decoration: none; } .h5, .h6 { color: $white; } .h5 { text-align: left; } .h6 { text-align: right; font-size: 1.1em; margin-top: 0; .svg-icon { width: .8em; height: .8em; path { stroke: $white; } } } &:first-child { background-color: $orange; } &:nth-child(2) { background-color: $dblue; } &:nth-child(3) { background-color: $egg; .h5, .h6 { color: $black; } .svg-icon { path { stroke: $black; } } } &:nth-child(4) { background-color: $blue; } &:last-child { background-color: $orange; } } @media (min-width: 960px) { margin: 0 -1%; .jobs-item { width: 23%; margin: 1%; } } } } .career-two-column { position: relative; .two-col-row { display: flex; flex-wrap: wrap; align-items: center; .h2 { margin-bottom: .5em; } .orange { color: $orange; margin-bottom: 1rem; } .thumb { position: relative; height: 0; padding-bottom: 110%; } .two-col-row__column { width: 100%; &:last-child { margin-top: 1.5rem; } } @media (min-width: 960px) { .two-col-row { margin: 0 -3%; } .two-col-row__column { width: 44%; margin: 0 3%; } } } &:first-child { p { background-color: #edede1; padding: .5em; } } &:last-child { .two-col-row { flex-direction: row-reverse; margin-top: 3rem; .thumb { z-index: 1; } } @media (min-width: 960px) { padding-top: 0; &:after { content: ''; position: absolute; left: 0; width: 100%; background-size: cover; background-repeat: no-repeat; } &:after { height: 50px; background-image: url(/cdn/shop/files/bottom_06b71fb6-58b1-4c27-9727-9dcbd0777b91.png?v=1640025442); bottom: 0; } .thumb { position: relative; top: 6rem; } } } } .klaviyo-bis-trigger { margin-top: 1.5rem !important; } div#shopify-section-careers-two-column { background-image: url(/cdn/shop/files/Group_1517.jpg?v=1642022522); background-size: cover; } #shopify-section-careers-images { position: relative; &:before { content: ''; position: absolute; left: 0; background-image: url(/cdn/shop/files/Group_1446_626fab21-8d3e-4361-b9b7-8bde32cefc37.jpg?v=1642023631); background-size: cover; width: 100%; height: 100%; z-index: -1; } @media (min-width: 960px) { &:before { top: 6rem; height: 77%; } } } .collection-dot { position: absolute; top: 0; right: 0; width: 80px; z-index: 1; height: 80px; &.collection-dot--second { left: 0; right: initial; } } @media (max-width: 959px) { .shop-pay-banner form { position: initial; background-color: initial; box-shadow: none; } } .lp-hide-desktop { display: block; margin-top: 1rem; } .lp-hide-mobile { display: none; } @media (min-width: 960px) { .lp-hide-mobile { display: block; } .lp-hide-desktop { display: none; } } .fifty-fifty--bundle { .product-badges { display: flex; flex-wrap: wrap; width: calc(100% + 1.5em); margin-left: -0.75em; margin-top: 1rem; justify-content: center; } .product-badge { display: flex; flex-direction: column; align-items: center; margin: 0 0.75em 1.5rem; span { margin-top: 1em; font-size: .75em; } .svg-icon { width: 2em; height: 2em; } } .free-ship.cf { margin-top: 1rem; .svg-icon { width: 2em; position: relative; top: 0.25em; float: left; margin-right: 0.5rem; } } .row { display: flex; align-items: center; flex-wrap: wrap; } .fifty-fifty__column { width: 100%; } @media (min-width: 960px) { .row { margin: 0 -2%; } .fifty-fifty__column { width: 46%; margin: 0 2%; } } } @media (max-width: 959px) { .menu-item-bg { background: #e7e7e7; display: block; padding: 3rem 0; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; color: #ffffff; font-family: $heading !important; font-style: italic; span { background-color: rgba(0,0,0,.7); color: #ffffff; padding: 0.5em 1em; width: 100%; display: block; } } a.menu-item-bg.menu--collectionswireless-turntables { background-image: url(/cdn/shop/files/fNdW2iOA.jpg?v=1669148286); } a.menu-item-bg.menu--collectionsvictrola-premiere { background-image: url(/cdn/shop/files/4aN_1VS8.jpg?v=1669148534); } a.menu--collectionsrecord-players { background-image: url(/cdn/shop/files/Lumineers_Bundle.jpg?v=1644776233); } a.menu-item-bg.menu--collectionsrecord-player-music-systems { background-image: url(/cdn/shop/files/VTA-380SB.jpg?v=1641228378); } a.menu-item-bg.menu--collectionssuitcase { background-image: url(/cdn/shop/files/revgo_acae9f72-097c-491f-b077-5d3be4b56f75.jpg?v=1643806378); } a.menu-item-bg.menu--collectionsturntables-integrated-players { background-image: url(/cdn/shop/files/VPMS-1-ESP-BLK-3qtr.jpg?v=1638983365); } a.menu-item-bg.menu--collectionsall { background-image: url(/cdn/shop/files/nDNd2fRA.jpg?v=1669148792); } a.menu-item-bg.menu--collectionsrecord-players { background-image: url(/cdn/shop/collections/victrola-record-player_1400x.jpg?v=1658127262); } a.menu-item-bg.menu--collectionswood { background-image: url(/cdn/shop/collections/Homepage-home1_102017_471f9fac-4c45-4a8a-b0a9-5c6f56d26de5_1400x.jpg?v=1600019632); } a.menu-item-bg.menu--collectionsall-speakers { background-image: url(/cdn/shop/collections/VRS-5000-GRY-Lifestyle_1400x.jpg?v=1655937830); } a.menu-item-bg.menu--collectionsoutdoor { background-image: url(/cdn/shop/collections/Outdoor-home_55fbe054-7dbd-43a7-ab4b-df07d3d6fa25_1400x.jpg?v=1600021171); } a.menu-item-bg.menu--collectionsradio { background-image: url(/cdn/shop/files/P0kyRqLA.jpg?v=1669148655); } a.menu-item-bg.menu--collectionsjukebox { background-image: url(/cdn/shop/collections/Jukebox-home_2c360f17-e820-4601-b3cc-c2b1be3e00b3_1400x.jpg?v=1635951207); } a.menu-item-bg.menu--collectionsbluetooth-speakers { background-image: url(/cdn/shop/files/GnxW3TOM.jpg?v=1669148738); } /* Shop by Style */ a.menu-item-bg.menu--collectionsretro { background-image: url(/cdn/shop/collections/Retro-home_8e25efde-f633-469f-931b-cef23cef9202_1_1400x.jpg?v=1629486273); } a.menu-item-bg.menu--collectionsmid-century-modern { background-image: url(/cdn/shop/collections/VTA-270B-ESP_Alt_2_700x700_7e2b7479-5c0f-4edb-adf3-2e7d7755863b_1400x.jpg?v=1600020582); } /*a.menu-item-bg.menu--collectionsfarmhouse { */ /* background-image: url(/cdn/shop/collections/lovinglittlehalls__2_t_1400x.jpg?v=1600020502);*/ /*}*/ } .header__announcement-slider { display: none; &.slick-initialized { display: block; } a { text-decoration: underline; } .slick-slide { p { text-align: center; } } @media (min-width:960px) { } } .template-page-record-locator { #shopify-section-template--15651087483051__165296923184c2a23f { margin-top: 0; } } .product-intro__content { position: relative; } .crate-badge{ display: block; position: absolute; top: 1rem; right: -1.5rem; width: 6rem; z-index: 2; @media only screen and (min-width:960px){ width: 9rem; right: 1rem; top: 1rem; } } button.color_trigger{ display: none; } .mobile_color_wrap{ display: none; } @media (max-width: 959px){ .option-group--color{ position: relative; ul{ position: absolute; bottom: 120%; background-color: #fff; border-radius: 10px; overflow: scroll; padding: 10px !important; box-shadow: 0 0 8px 0px #00000017; width: 200px; display: none; } .color_trigger{ background-color: #050807; border: 1px solid #111; border-radius: 5px; padding: 5px 10px; color: #fff; font-weight: bold; font-size: 12px; display: block !important; } .color_wrap{ display: none; } .desktop_color_wrap{ display: none !important; } } } .header-tabs { display: flex; justify-content: center; a { font-weight: bold; padding: 1rem; font-family: $heading; font-size: 1.3em; font-style: italic; flex: 1; background-color: #e4e6e7; display: flex; justify-content: center; align-items: center; &:hover { text-decoration: none; background-color: #ffffff; } img { max-width: 125px; } &.active { background-color: #ffffff; } } @media (min-width: 992px) { a { padding: 1rem 2rem; flex: initial; img { max-width: 160px; } } } } header { .search-form { margin-left: 1rem; } } #victrola-com { .rc_layout__container { margin-top: 2rem; } } .updated-contact { padding-top: 0; } .club-slider { padding: 0; overflow: hidden; position: relative; background-color: #000000; background-image: none; .club-content { padding: 3rem; z-index: 1; .h4 { color: #ffffff; } h2,.h4 { font-weight: initial !important; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; margin-bottom: 0 !important; } } .slick-slide { flex: 1 0 auto; align-items: center; justify-content: center; } .slide-count { padding: 0 2rem; } .slick-list { overflow: visible; } .slick-list .slick-slide>div { transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .75s; } .club-slide { background-size: cover; position: relative; height: auto; transition-duration: .25s; display: flex !important; align-items: center; .overlay { background-image: linear-gradient(89deg, #000000 -18%, rgba(143, 129, 124, 0) 99%); position: absolute; top: 0; width: 100%; height: 100%; left: 0; } } .container { max-width: initial; * { color: $white; } } h2 { color: #fff; line-height: 1.1; margin-bottom: 1.5rem; } @media (min-width:960px) { .club-slide { .club-content { padding: 9rem; max-width: 1350px; } } .slider-nav { position: initial; left: initial; right: 0; bottom: 4rem; display: flex; justify-content: center; .slick-dot { width: 3em; } } h2 { font-size: 5.5em; } } @media (max-width:959px) { .slide-count { display: none; } } } #the-empire-record-player { .shop-pay-banner { .klaviyo-bis-trigger { display: none !important; } } } .reviews-slider-block { background-color: #949699; .review-slide { .review-slide__content { color: #ffffff; font-family: $heading; font-size: 1.4em; font-style: italic; } .h3 { color: #ffffff; text-align: right; } @media (min-width:1200px) { max-width: 900px; margin: 0 auto; } } .container { position: relative; } .slider-nav { @media (min-width:1200px) { button { position: absolute; top: 28%; &.slick-prev { left: 0; } &.slick-next { right: 0; } } } } } .deal-of-the-day { text-align: center; background-color: $yellow; padding-top: .4em; padding-bottom: .4em; font-weight: bold; font-size: 1.2em; a { text-decoration: underline; } }