@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700);.accordion-group li:nth-child(2) .accordion-overlay{background-color:#565050;opacity:.8}.accordion-group li:nth-child(2).out .accordion-overlay{background-color:#565050;opacity:0}.accordion-group li:nth-child(4) .accordion-overlay{background-color:#788192;opacity:.8}.accordion-group li:nth-child(4).out .accordion-overlay{background-color:#788192;opacity:0}.accordion-group li:nth-child(1) .accordion-overlay{background-color:#7cc6b2;opacity:.8}.accordion-group li:nth-child(1).out .accordion-overlay{background-color:#7cc6b2;opacity:0}.accordion-group li:nth-child(3) .accordion-overlay{background-color:#f35650;opacity:.8}.accordion-group li:nth-child(3).out .accordion-overlay{background-color:#f35650;opacity:0}a{color:inherit}a.active,a:active,a:focus,a:hover{color:inherit;text-decoration:none}.hero:hover,.product-box:hover h2,.red{color:#ff3a3a}.orange{color:#e06014}.blue,.to-checkout-list li a{color:#5aaed6}.beige{color:#d6ccad}body{font-family:"Roboto",sans-serif;background:#fff}.mg{margin:7rem 0 4rem}.big,.head{color:#333;font-size:4.5rem;font-weight:700;margin:1rem}.head{color:#ff3a3a;font-size:4.8rem;font-weight:200}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hero,.hero:hover:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}.hero,.hero:before{position:relative;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;transition:all 350ms ease}.hero:before{content:"S";position:absolute;color:#ff3a3a;left:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.hero:hover:before{color:#333;left:35px}.site-outer{overflow:hidden}.site-outer .navbar,.site-outer .site-inner{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.site-outer .navbar{background-color:#fff}.site-outer .navbar.slide-right,.site-outer .site-inner.slide-right{-webkit-transform:translate3d(250px,0,0);-moz-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0)}.site-outer .site-inner{position:relative;margin:0;padding:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.container-menu{margin:0 auto}.container-menu:after,.container-menu:before{content:"";display:block;zoom:1}.container-menu:after{clear:both}.container-menu .menu{float:left;padding:3rem 1.5rem;cursor:pointer;position:relative;display:inline-block;width:8rem}.container-menu .menu div{width:5rem;height:.4rem;background-color:#333;margin-bottom:.4rem;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease;position:absolute}.container-menu .menu div:nth-child(1){left:1.5rem;top:2rem}.container-menu .menu div:nth-child(2){left:1.5rem;top:2.8rem}.container-menu .menu div:nth-child(2):after{content:"";position:absolute;left:0;top:0;width:5rem;height:.4rem;background-color:#333;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;transition:all 350ms ease}.container-menu .menu div:nth-child(3){right:1.5rem;top:3.6rem}.container-menu .menu.active div:nth-child(1),.container-menu .menu.active div:nth-child(3){width:0}.container-menu .menu.active div:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.container-menu .menu.active div:nth-child(2):after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}.container-menu .logotype{cursor:pointer;float:left}.container-menu .logotype div{margin:0}.container-menu .checkout{float:right;padding:.8rem 1.2rem 0}.container-menu .checkout h3{font-size:1.8rem;font-weight:300;text-transform:uppercase}.accordion-group,.accordion-group li{overflow:hidden;margin:0 auto;padding:0;list-style:none;width:100%;height:700px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}.accordion-group li{cursor:pointer;position:relative;display:block;float:left;margin:0;padding:1.6em;width:16.66666667%;height:inherit;background-position:center center;background-size:cover;background-repeat:no-repeat;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.accordion-group li h3,.navigation-content h3{text-transform:uppercase;letter-spacing:.15rem;padding:0;font-weight:300}.accordion-group li h3{position:relative;margin:0 20px 20px;color:#fff}.accordion-group li .accordion-overlay{position:absolute;height:100%;width:100%;left:0;top:0}.accordion-group li section{display:table;width:75%;height:auto;margin:0 auto;min-height:100%}.accordion-group li section.big-section{width:100%}.accordion-group li .accordion-overlay,.accordion-group li section article,.navigation{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.accordion-group li section article{display:table-cell;vertical-align:middle;padding:4rem;right:-200%;position:relative}.accordion-group li section article p{background-color:rgba(255,255,255,.8);padding:1.6rem;color:#333;font-size:1.3rem;letter-spacing:1px}.accordion-group li section article p:after,.accordion-group li section article p:before{content:"";display:block;height:1px}.accordion-group li.out{width:50%}.accordion-group li.out section article{right:0}.navigation{background-color:#fff;overflow:auto;margin:0;padding:0;position:fixed;top:0;left:0;width:250px;height:100%;-webkit-transform:translate3d(-250px,0,0);-moz-transform:translate3d(-250px,0,0);transform:translate3d(-250px,0,0)}.navigation:after,.navigation:before{content:"";display:block;zoom:1}.navigation:after{clear:both}.navigation.slide-right,.sm-box.active .sm-box-basket,.sm-box.active .sm-box-content,.sm-box:hover .sm-box-basket,.sm-box:hover .sm-box-content{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navigation-login{padding:2rem;line-height:2;border:0;width:100%;border-radius:0;font-size:1.8rem;background-color:#ff3a3a;font-weight:100;color:#fff;text-transform:uppercase}.navigation-search{padding:2rem 2rem 0}.navigation-content{padding:2rem}.navigation-content h3{color:#ff3a3a}.navigation-content .navigation-menu{list-style:none;padding:0}.navigation-content .navigation-menu li{display:block;padding:.8rem 0;margin:1rem 0}.navigation-content .navigation-menu li a{color:#333;text-transform:uppercase;font-size:1.3rem}.navigation-content .navigation-menu li a.active,.navigation-content .navigation-menu li a:active,.navigation-content .navigation-menu li a:focus,.navigation-content .navigation-menu li a:hover{color:#ff3a3a;text-decoration:none}.to-checkout{position:fixed;top:0;right:0;width:450px;height:100%;background-color:#ff3a3a;z-index:10001;-webkit-transform:translate3d(450px,0,0);-moz-transform:translate3d(450px,0,0);transform:translate3d(450px,0,0)}.to-checkout-inner{padding:2.5rem;color:#fff}.to-checkout-list{padding:0;margin:0;display:block;list-style:none}#search{height:35px;width:100%;position:relative}@media (max-width:767px){#search{width:auto}}#search input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:35px;height:35px;border:1px solid #333;border-radius:100%;background:0 0;color:#ff3a3a;font-size:16px;font-weight:400;outline:0;-webkit-transition:width 100ms ease-in-out;-moz-transition:width 100ms ease-in-out;transition:width 100ms ease-in-out}#search input::-webkit-input-placeholder{color:transparent}#search input:-moz-placeholder,#search input::-moz-placeholder{color:transparent}#search input:-ms-input-placeholder{color:transparent}#search .search,#search .search:after,#search .search:before{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#search .search{position:absolute;top:0;left:0;height:35px;width:35px;padding:0;border-radius:100%;outline:0;border:0;color:#333;cursor:pointer;background-color:transparent}#search .close:after,#search .close:before,#search .search:after,#search .search:before{content:"";position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}#search .search:after,#search .search:before{width:1rem;height:.1rem;background-color:#333;top:3.3rem;left:3rem}#search .close{-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;right:0;left:inherit}#search .close:after,#search .close:before{top:1.7rem;left:1.5rem;width:27px;height:4px;margin-top:-1px;margin-left:-13px;background-color:#ff3a3a;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}#search .close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}#search .square{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 4rem 0 1rem;width:100%;height:35px;border:1px solid #333;border-radius:0;color:#333;background-color:transparent;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#search .square::-webkit-input-placeholder{color:#ff3a3a}#search .square:-moz-placeholder,#search .square::-moz-placeholder{color:#ff3a3a}#search .square:-ms-input-placeholder{color:#ff3a3a}#search .square.active #search .square:hover,#search .square:active,#search .square:focus{border-color:#ff3a3a}.sm-box{padding:1.5rem;height:18rem;color:#fff;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center center;width:100%;position:relative;overflow:hidden;display:table;box-shadow:0 0 5px 2px rgba(0,0,0,.35)}.sm-box-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:none;z-index:998;-webkit-transition:all 250ms cubic-bezier(.17,.67,.83,.67);-moz-transition:all 250ms cubic-bezier(.17,.67,.83,.67);transition:all 250ms cubic-bezier(.17,.67,.83,.67)}.sm-box-basket{display:table-cell;position:relative;margin:0 auto;vertical-align:middle;line-height:135px;z-index:999;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.sm-box-content{position:absolute;left:0;right:0;bottom:0;height:4rem;width:100%;color:#ff3a3a;z-index:999;padding:1rem 2rem;background-color:#fff;line-height:1.5;-webkit-transition:all 250ms cubic-bezier(.17,.67,.83,.67);-moz-transition:all 250ms cubic-bezier(.17,.67,.83,.67);transition:all 250ms cubic-bezier(.17,.67,.83,.67);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.sm-box.active,.sm-box:hover{box-shadow:0 0 6px 4px rgba(0,0,0,.35)}.sm-box.active .sm-box-content>i,.sm-box:hover .sm-box-content>i{-webkit-animation:rotate 500ms ease;-moz-animation:rotate 500ms ease;animation:rotate 500ms ease}.sm-box.active .sm-box-overlay,.sm-box:hover .sm-box-overlay{background-color:rgba(0,0,0,.6)}.button,.product-box h2{-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;transition:all 250ms ease}.button{outline:0;border:2px solid #fff;padding:1.2rem 2rem;margin-bottom:1rem;width:100%;white-space:nowrap;font-size:12px;text-transform:uppercase;font-weight:400;vertical-align:middle;line-height:18px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;color:#ff3a3a;background-color:#fff;border-radius:2rem;display:inline-block}.button.active,.button:active,.button:focus,.button:hover{text-decoration:none;color:#fff;outline:0}.button-red{background-color:#ff3a3a;color:#fff;border-color:#ff3a3a}.button-red.active,.button-red:active,.button-red:focus,.button-red:hover{background-color:#ff5454;border-color:#ff5454}.button-transparent{background-color:#fff;color:#ff3a3a;border-color:#ff3a3a}.button-transparent.active,.button-transparent:active,.button-transparent:focus,.button-transparent:hover{background-color:#fff;color:#ff3a3a;border-color:#ff3a3a}.modal-content{border-radius:0}.badge-red,.modal-header{background-color:#ff3a3a;color:#fff}.badge-white{background-color:#fff;color:#ff3a3a}.input-group-addon-holder{position:relative}.input-group-addon-holder .number-icon{position:absolute;top:16px;right:15px}.input-group-addon-holder .cvv-icon>i,.input-group-addon-holder .number-icon>i{display:none;color:#5aaed6;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;transition:all 250ms ease}.input-group-addon-holder .cvv-icon{position:absolute;top:66px;right:15px}.input-group-addon{color:#333;border-color:#333;background-color:#fff;border-radius:0}.select-hidden{display:none;visibility:hidden;padding-right:1rem}.form-control,.select{width:100%;height:50px;color:#333;font-size:16px}.select{cursor:pointer;display:inline-block;position:relative}.form-control{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #333;border-radius:0;background:0 0;font-weight:400;outline:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.form-control::-webkit-input-placeholder{color:#333}.form-control:-moz-placeholder,.form-control::-moz-placeholder{color:#333}.form-control:-ms-input-placeholder{color:#333}.form-control-sibling{border-top:1px solid transparent}.form-control.active .form-control:hover,.form-control:active,.form-control:focus{border-color:#ff3a3a}.select-styled{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:50px;border:1px solid #333;border-radius:0;background:0 0;padding:1.3rem;color:#333;font-size:16px;font-weight:400;outline:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.select-styled.active,.select-styled:hover{border-color:#ff3a3a}.select-options{list-style:none;display:none;position:absolute;top:100%;left:0;right:0;z-index:9999;margin:0;padding:0;background-color:#fff;border-left:1px solid #ff3a3a;border-right:1px solid #ff3a3a;border-bottom:1px solid #ff3a3a}.select-options li{margin:0;height:50px;padding:1.3rem;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;transition:all 250ms ease}.select-options li:first-child{display:none}.select-options li:hover{background-color:#ff6d6d;color:#fff}.footer{background-color:#333;padding:2rem 0}.footer-inner h3{color:#595959}.footer-inner .footer-list{padding:0;margin:0;display:block}.footer-inner .footer-list li{display:block;color:#fff;margin-bottom:.8rem}.footer-inner .footer-list li a:hover{text-decoration:underline}.footer-inner .footer-list-inline{display:block}.footer-inner .footer-list-inline li{display:inline-block;margin-right:1.8rem}@media (max-width:767px){.accordion-group{height:360px;float:left}.accordion-group li h3{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);width:2.5rem;padding:0;margin:10rem 0}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}