style.css

*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;font-size:100%;font:inherit;vertical-align:baseline;-webkit-tap-highlight-color:transparent}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100%;height:100%}a,a img,a:before,a:after{text-decoration:none;transition-duration:.25s}button{cursor:pointer}canvas{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}video::-webkit-media-controls-start-playback-button{display:none !important}input{border:none;border-radius:0;background:none;outline:none;resize:none;position:relative;padding:0;-webkit-appearance:none}*:focus{outline:0}.fadein{animation-name:fadein;animation-duration:.25s;animation-fill-mode:both}@keyframes fadein{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}.fadeout{animation-name:fadeout;animation-duration:.25s;animation-fill-mode:both}@keyframes fadeout{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.fadeinup{animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}@keyframes fadeinup{from{opacity:0;transform:translate3d(0, 10px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeindown{animation-name:fadeindown;animation-duration:.5s;animation-fill-mode:both}@keyframes fadeindown{from{opacity:0;transform:translate3d(0, -10px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.slideinright{animation-name:slideinright;animation-duration:.5s;animation-fill-mode:both}@keyframes slideinright{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideoutright{animation-name:slideoutright}@keyframes slideoutright{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}@keyframes bouncedown{0%{transform:translate(-50%, -5px);opacity:0}40%{transform:translate(-50%, 0);opacity:1}100%{transform:translate(-50%, -5px);opacity:0}}@keyframes bounceleft{0%{transform:translateX(-5px);opacity:1}40%{transform:translateX(0);opacity:0.25}100%{transform:translateX(-5px);opacity:1}}@keyframes bounceright{0%{transform:translateX(5px);opacity:1}40%{transform:translateX(0);opacity:0.25}100%{transform:translateX(5px);opacity:1}}body{font-family:'Roboto', sans-serif;font-size:14px;font-weight:400;line-height:1.75;color:rgba(0,0,0,0.75);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body a{color:rgba(0,0,0,0.95)}body h1,body h2{font-family:'Lora', serif;color:rgba(0,0,0,0.95)}body h1,body h2{font-size:40px;line-height:1.2}@media (max-width: 480px){body h1,body h2{font-size:30px}}.button{height:30px;float:left;position:relative;z-index:2;padding:0 15px;border-radius:15px;font-weight:900;line-height:29px}.button.visual{padding-left:0}.button.visual .icon{width:30px;height:30px;float:left;position:relative;margin-right:10px;border-radius:50%;background-size:cover;background-position:center center;background-repeat:no-repeat}.button.visual .icon svg{height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.button.large{width:100%;height:40px;border-radius:20px 0 0 20px;line-height:39px}.button.large.visual .icon{width:40px;height:40px;margin-right:15px}.button.large.visual .icon svg{height:20px}@media (max-width: 900px){.button.large{width:auto;height:30px;border-radius:15px;line-height:29px}.button.large.visual .icon{width:30px;height:30px;margin-right:10px}.button.large.visual .icon svg{height:20px}}.button.small{height:20px;float:none;padding:0 10px;border-radius:10px;display:inline-block;font-size:12px;font-weight:400;line-height:20px}.button .meta{height:100%;float:right;padding:0 15px;margin-right:-15px}@media (max-width: 900px){.button .meta{display:none}}.button:hover{transform:translateY(-3px)}.button.white{background-color:#ffffff;color:rgba(0,0,0,0.75)}.button.black{background-color:rgba(0,0,0,0.75);color:rgba(255,255,255,0.9)}.button.black .icon{background-color:#000000}.button.black .icon svg{fill:rgba(255,255,255,0.9)}.button.black .meta{background-color:#000000}.button.blue{background-color:rgba(52,152,219,0.75);color:rgba(255,255,255,0.9)}.button.blue .icon{background-color:#3498db}.button.blue .icon svg{fill:rgba(255,255,255,0.9)}.button.blue .meta{background-color:#3498db}.button.green{background-color:rgba(34,163,89,0.85);color:rgba(255,255,255,0.9)}.button.green .icon{background-color:#22a359}.button.green .icon svg{fill:rgba(255,255,255,0.9)}.button.green .meta{background-color:#22a359}.button.twitter{background-color:rgba(68,147,218,0.9);color:rgba(255,255,255,0.9)}.button.twitter .icon{background-color:#4493da}.button.twitter .icon svg{fill:rgba(255,255,255,0.9);height:13px}.button.facebook{background-color:rgba(65,88,147,0.9);color:rgba(255,255,255,0.9)}.button.facebook .icon{background-color:#415893}.button.facebook .icon svg{fill:rgba(255,255,255,0.9);height:16px}.button.pinterest{background-color:rgba(189,8,28,0.9);color:rgba(255,255,255,0.9)}.button.pinterest .icon{background-color:#bd081c}.button.pinterest .icon svg{fill:rgba(255,255,255,0.9);height:16px}.close{width:20px;height:20px;position:absolute;top:16px;right:16px;cursor:pointer}.close:hover{opacity:0.5}.close svg{height:100%;fill:#000000}.notification{height:40px;background-color:#fde472;text-align:center;line-height:40px}.loadmore{border-top:1px solid rgba(0,0,0,0.05);height:40px;position:relative;margin:40px 0 21px}.loadmore .button{position:absolute;top:-20px;left:50%;transform:translateX(-50%);margin-top:5px}.loadmore .button:hover{margin-top:8px}.slider{display:none;width:30px;height:30px;position:fixed;top:30%;z-index:30;background-color:#000000;border-radius:50%;cursor:pointer}@media (max-width: 860px){.slider{display:block}}.slider.left{left:calc(10% - 15px);animation-name:bounceright;animation-duration:2.5s;animation-fill-mode:both;animation-iteration-count:infinite}.slider.left.toggled{left:-100px}.slider.right{right:calc(10% - 15px);animation-name:bounceleft;animation-duration:2.5s;animation-fill-mode:both;animation-iteration-count:infinite}.slider.right.toggled{right:-100px}.slider svg{height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);fill:#ffffff}form input{font-family:'Roboto', sans-serif;font-size:14px;font-weight:400;line-height:1.75;color:#000000}form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder{color:rgba(0,0,0,0.5);transition-duration:0.25s}form input:-moz-placeholder,form textarea:-moz-placeholder{color:rgba(0,0,0,0.5);transition-duration:0.25s}form input:-ms-input-placeholder,form textarea:-ms-input-placeholder{color:rgba(0,0,0,0.5);transition-duration:0.25s}form.dark input::-webkit-input-placeholder,form.dark textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}form.dark input:-moz-placeholder,form.dark textarea:-moz-placeholder{color:rgba(255,255,255,0.5)}form.dark input:-ms-input-placeholder,form.dark textarea:-ms-input-placeholder{color:rgba(255,255,255,0.5)}form input:focus,form textarea:focus{color:#000000}form input:focus::-webkit-input-placeholder,form textarea:focus::-webkit-input-placeholder{color:rgba(0,0,0,0.25)}form input:focus:-moz-placeholder,form textarea:focus:-moz-placeholder{color:rgba(0,0,0,0.25)}form input:focus:-ms-input-placeholder,form textarea:focus:-ms-input-placeholder{color:rgba(0,0,0,0.25)}form.dark input:focus,form.dark textarea:focus{color:#ffffff}form.dark input:focus::-webkit-input-placeholder,form.dark textarea:focus::-webkit-input-placeholder{color:rgba(255,255,255,0.25)}form.dark input:focus:-moz-placeholder,form.dark textarea:focus:-moz-placeholder{color:rgba(255,255,255,0.25)}form.dark input:focus:-ms-input-placeholder,form.dark textarea:focus:-ms-input-placeholder{color:rgba(255,255,255,0.25)}.forms form{margin-bottom:7px}.forms form .row{margin-bottom:40px}.forms form .row header{margin-bottom:23px}.forms form .row header h3{font-size:18px;font-weight:900}.forms form .row header p{font-size:14px}.forms form .row .group{width:100%;float:left;position:relative;margin:0 0 30px -25px;border:1px solid rgba(0,0,0,0.05);border-radius:3px}.forms form .row .group:last-of-type{margin-bottom:9px}.forms form .row .group .fields{float:left;padding:24px 25px;position:relative}.forms form .row .group .fields.whole{width:100%}.forms form .row .group .fields.three-quarters{width:75%}.forms form .row .group .fields.half{width:50%}.forms form .row .group .fields.third{width:33.333%}.forms form .row .group .fields.quarter{width:25%}.forms form .row .group .fields.precedes.bottom{border-bottom:1px solid rgba(0,0,0,0.05)}.forms form .row .group .fields.precedes.right{border-right:1px solid rgba(0,0,0,0.05)}.forms form .row .group .fields.card-type{background-size:40px;background-repeat:no-repeat;background-position:top 25px right 25px}.forms form .row .group .fields label{font-size:12px;font-weight:900;line-height:1;text-transform:uppercase;width:100%;float:left}.forms form .row .group .fields.radios{line-height:19px}.forms form .row .group .fields.radios label{width:100%;height:100%;position:absolute;cursor:pointer}.forms form .row .group .fields.radios .label{float:left}.forms form .row .group .fields.radios .meta{float:right;font-size:12px;font-weight:900}.forms form .row .group .fields.radios input[type=radio]{position:absolute;visibility:hidden}.forms form .row .group .fields.radios .radio{width:19px;height:19px;float:left;position:relative;margin:0 10px 0 0;border:1px solid rgba(0,0,0,0.05);border-radius:50%}.forms form .row .group .fields.radios .radio:after{width:13px;height:13px;position:absolute;top:2px;left:2px;border-radius:50%;content:'';transition-duration:0.25s}.forms form .row .group .fields.radios:hover .radio:after{background-color:rgba(0,0,0,0.05)}.forms form .row .group .fields.radios input[type=radio]:checked ~ .radio{background-color:rgba(0,0,0,0.025);border-color:rgba(0,0,0,0.5)}.forms form .row .group .fields.radios input[type=radio]:checked ~ .radio:after{background-color:#000000}.forms form .row .group .fields input,.forms form .row .group .fields textarea,.forms form .row .group .fields select{border-bottom:1px solid rgba(0,0,0,0.05);font-size:12px;line-height:1.45;width:100%;height:40px;float:left;position:relative;padding:12px 0 0 0;margin:0;transition-duration:0.25s;-webkit-appearance:none;background:none;border-radius:0}.forms form .row .group .fields textarea{padding-top:19px}.forms form .row .group .fields select{cursor:pointer}.forms form .row .group.card{background-color:rgba(0,0,0,0.01)}.row{width:100%;float:left}.row .inner{width:80%;margin:0px auto;position:relative}.row .inner .intro{margin-bottom:100px}.row .inner .intro h2,.row .inner .intro h3{font-family:'Lora', serif;line-height:1.2;color:rgba(0,0,0,0.95);margin-bottom:9px}.row .inner .intro h3{font-size:30px}.row .inner .intro p{font-size:16px}.narrow .inner{max-width:1000px}.cover{height:calc(100% - 140px);position:relative;animation-name:fadein;animation-fill-mode:both;animation-duration:.75s;animation-delay:.25s}.cover .background{width:100%;height:100%;position:absolute;background-position:center center;background-repeat:no-repeat;background-size:cover}.cover .copy{width:80%;max-width:500px;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.cover .copy h2{margin-bottom:9px;color:#ffffff}.cover .copy p{margin-bottom:21px;font-size:16px;color:rgba(255,255,255,0.85)}.cover .down{position:absolute;bottom:40px;left:50%;transform:translate(-50%, 0);z-index:20;animation-name:bouncedown;animation-duration:2.5s;animation-fill-mode:both;animation-iteration-count:infinite}.cover .down svg{height:40px;fill:#ffffff}.menus .main-menu{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.05);display:none}@media (max-width: 980px){.menus .main-menu{display:block}}@media (max-width: 480px){.menus .main-menu{text-align:center}}.menus .main-menu a{float:left;margin-right:30px;font-weight:900;color:#000000}@media (max-width: 480px){.menus .main-menu a{float:none;display:inline-block;margin:0 10px}}.menus .main-menu a:hover{color:rgba(0,0,0,0.5)}.menus .menu{width:25%;float:left}@media (max-width: 900px){.menus .menu{width:50%}}@media (max-width: 480px){.menus .menu{width:100%;text-align:center}}.menus .menu h3{color:rgba(0,0,0,0.95)}.menus .menu a{color:rgba(0,0,0,0.5)}.menus .menu a:hover{color:rgba(0,0,0,0.95)}.sub-menus .menus{position:absolute;top:140px;z-index:40;padding:60px 0 0;background-color:#fbfbfb;border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);opacity:0;visibility:hidden}@media (max-width: 480px){.sub-menus .menus{padding-bottom:30px}}.sub-menus .menus .menu{margin-bottom:60px}@media (max-width: 480px){.sub-menus .menus .menu{margin-bottom:30px}}.panel{width:100%;height:100%;position:fixed;top:0;left:0;z-index:30;background-color:#ffffff;opacity:0;visibility:hidden}.panel .inner{width:80%;max-width:480px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);animation-duration:.25s;animation-fill-mode:both}.panel .inner header{margin-bottom:23px;text-align:center}.panel .inner header svg,.panel .inner header img{height:80px;margin-bottom:14px}.panel .forms form .row{margin-bottom:20px}.panel .forms form .row .group{margin-left:0}.panel .forms form .action{text-align:center}.panel .forms form .action .button{float:none;display:inline-block}.cart .overview{border-top:1px solid rgba(0,0,0,0.05)}.cart .overview .row{height:50px;line-height:50px;position:relative}.cart .overview .row .meta{float:left;line-height:1.45;padding-top:7px}.cart .overview .row .meta .label{font-weight:900}.cart .overview .row .price{float:right;font-weight:900}.cart .overview .row.product{height:90px;padding:15px 0;line-height:60px;border-bottom:1px solid rgba(0,0,0,0.05)}.cart .overview .row.product .product-cover{width:60px;height:60px;float:left;margin-right:15px;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:50%}.cart .overview .row.product .quantity,.cart .overview .row.product .options{float:left;margin-right:1px;padding:1px 4px 0;background-color:rgba(0,0,0,0.025);border-radius:3px;font-size:12px}.cart .overview .row.product .actions{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 780px){.cart .overview .row.product .actions{top:auto;bottom:-11px;left:auto;right:0;transform:translate(0, 0)}}.cart .overview .row.product .actions a{width:20px;height:20px;float:left;position:relative;margin:0 5px;background-color:#000000;border-radius:50%}@media (max-width: 780px){.cart .overview .row.product .actions a{margin:0 0 0 5px}}.cart .overview .row.product .actions a svg{height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);fill:#ffffff}.cart .overview .row.product .actions a.edit svg{height:12px}.cart .overview .row.product .button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.cart .overview .row.totals{padding-top:9px;border-bottom:1px dashed rgba(0,0,0,0.05)}.cart .overview .row.total{padding-top:9px}.cart .overview .row.total .label,.cart .overview .row.total .price{font-weight:900}.cart .button.checkout{margin-top:30px}#header{background-color:rgba(0,0,0,0.015);animation-name:fadeindown;animation-duration:.75s;animation-fill-mode:both}#header .bar{height:40px;background-color:#000000;font-size:12px;font-weight:400;line-height:40px;color:#ffffff;text-transform:uppercase}#header .bar a{color:#ffffff}#header .bar a:hover{color:rgba(255,255,255,0.75)}#header .bar .social{height:100%;float:left;padding-top:3px}#header .bar .social a{float:left;margin-right:20px}#header .bar .social a:hover{opacity:0.5}#header .bar .social a svg{height:14px;fill:#ffffff}#header .bar nav{float:right}#header .bar nav a{float:left;margin-left:20px}#header .bar nav a span{width:20px;height:20px;float:right;margin:10px 0 0 10px;background-color:rgba(255,255,255,0.95);border-radius:50%;line-height:20px;color:#000000;font-weight:900;text-align:center}#header .main{height:100px}#header .main .brand{height:40px;float:left;margin-top:30px}#header .main .brand:hover{transform:translateX(-3px)}#header .main .brand .logo,#header .main .brand img{height:100%;float:left;fill:#000000}#header .main .brand h1{float:left;margin-left:20px;line-height:40px;font-family:'Roboto', sans-serif;font-size:20px;font-weight:400;color:#000000;text-transform:uppercase}#header .main .brand .menu{display:none}@media (max-width: 600px){#header .main .brand .menu{display:block;float:left;margin:8px 0 0 10px}}#header .main nav{height:40px;position:relative;float:left;margin:30px 0 0 30px;padding-left:30px;border-left:1px solid #000000}@media (max-width: 600px){#header .main nav{display:none}}#header .main nav a{float:left;margin-right:30px;line-height:40px;font-size:12px;font-weight:900;color:#000000;text-transform:uppercase}#header .main nav a:hover{color:rgba(0,0,0,0.5)}#header .main #search{width:300px;height:40px;position:absolute;top:30px;right:0}#header .main #search input{width:100%;height:40px;float:left;padding:0 20px;background-color:#ffffff;border:1px solid rgba(0,0,0,0.075);border-radius:20px;line-height:40px;transition-duration:0.25s}#header .main #search .submit{width:40px;height:40px;position:absolute;top:0;right:0;z-index:10;border-radius:50%;background-color:#000000}#header .main #search .submit.toggle{visibility:hidden}#header .main #search .submit svg{height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);fill:#ffffff}@media (max-width: 980px){#header .main #search{width:40px}#header .main #search input{visibility:hidden}#header .main #search .submit.toggle{visibility:visible;z-index:20}#header .main #search.toggled{width:calc(100% + 2px)}#header .main #search.toggled input{visibility:visible}#header .main #search.toggled .submit.toggle{visibility:hidden}}#footer{padding:100px 0 10px;background-color:#000000;animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}#footer .newsletter{padding:0 0 50px;border-bottom:1px solid rgba(255,255,255,0.15);font-size:16px;color:rgba(255,255,255,0.85);text-align:center}#footer .newsletter p{margin-bottom:22px}#footer .newsletter form{width:100%;max-width:400px;display:inline-block;position:relative}#footer .newsletter form input{width:100%;height:40px;padding:0 20px;background-color:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.075);border-radius:20px;line-height:40px;color:#ffffff}#footer .newsletter form .submit{width:40px;height:40px;position:absolute;top:0;right:0;border-radius:50%;background-color:#ffffff}#footer .newsletter form .submit svg{height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);fill:rgba(0,0,0,0.85)}#footer .menus{padding-top:41px;color:rgba(255,255,255,0.85)}#footer .menus .menu{margin-bottom:60px}@media (max-width: 480px){#footer .menus .menu{margin-bottom:30px}}#footer .menus .menu h3{color:#ffffff}#footer .menus .menu li a{color:rgba(255,255,255,0.5)}#footer .menus .menu li a:hover{color:rgba(255,255,255,0.85)}.article{padding:100px 0 79px;animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}.article .inner .post{width:60%;float:left;margin-left:40%;position:relative}@media (max-width: 860px){.article .inner .post{width:calc(100% - 60px);margin-left:60px;transition-duration:0.5s}.article .inner .post.toggled{opacity:0.25;-webkit-filter:blur(5px);filter:blur(5px)}}.article .inner .post.page{margin-left:0}.article .inner .post article .meta{margin-bottom:37px;font-size:12px;text-transform:uppercase;font-weight:900}.article .inner .post article h2{margin-bottom:39px}.article .inner .post article h3,.article .inner .post article h4,.article .inner .post article h5,.article .inner .post article h6,.article .inner .post article blockquote{margin:41px 0 13px;font-family:'Lora', serif;font-size:30px;line-height:1.2;color:rgba(0,0,0,0.95)}.article .inner .post article blockquote{padding-left:30px;margin:41px 0 43px;border-left:1px solid rgba(0,0,0,0.05);font-size:24px;line-height:1.4}.article .inner .post article p{margin-bottom:14px}.article .inner .post article ul{padding-left:15px;margin-bottom:14px;list-style:disc}.article .inner .post article ol{padding-left:15px;margin-bottom:14px;list-style:decimal}.article .inner .post article img{width:100%;margin:39px 0 44px}.article .inner .post article .video{width:100%;position:relative;margin:39px 0 44px}.article .inner .post article .video:after{padding-top:56.2%;display:block;content:''}.article .inner .post article .video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.article .inner .post .continue{width:100%;height:200px;position:absolute;bottom:0;left:0;background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 80%)}.article .inner .post .continue .actions{width:100%;position:absolute;bottom:0;left:0}.article .inner .post .continue .actions .button{margin-right:10px}.article .inner .side{width:calc(40% - 60px);min-height:200px;position:absolute;top:0;left:0;background-color:#ffffff;box-shadow:0 5px 30px rgba(0,0,0,0.05)}@media (max-width: 860px){.article .inner .side{width:100%;left:-100%;z-index:20;transition-duration:0.5s}.article .inner .side.toggled{left:0}}.article .inner .side .widget{padding:30px 30px;border-bottom:1px solid #f9f9f9;position:relative}.article .inner .side .widget h3{margin-bottom:15px;font-family:'Lora', serif;color:rgba(0,0,0,0.75);font-size:24px;line-height:1.2}.article .inner .side .widget p{color:rgba(0,0,0,0.5)}.article .inner .side.archive{border-radius:0 0 6px 6px}.article .inner .side.archive .group{width:100%}.article .inner .side.archive .group:not(.current){position:absolute;visibility:hidden;opacity:0}.article .inner .side.archive .widget{cursor:pointer}.article .inner .side.archive .widget:after{width:100%;height:100%;position:absolute;bottom:0;left:0;background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 100%);content:'';transition-duration:0.25s}.article .inner .side.archive .widget:hover:after{width:100%;height:50%}.article .inner .side.archive .widget .meta{width:100%;float:left;margin-bottom:14px;font-size:12px;text-transform:uppercase;font-weight:900}.article .inner .side.archive .widget p{height:71px;overflow:hidden}.article .inner .side.archive nav{height:30px;text-align:center}.article .inner .side.archive nav a{width:50%;height:30px;float:left;position:relative;background-color:rgba(0,0,0,0.9);font-weight:900;line-height:29px;color:rgba(255,255,255,0.5)}.article .inner .side.archive nav a.more{color:rgba(255,255,255,0.95)}.article .inner .side.archive nav a.more svg{fill:rgba(255,255,255,0.95)}.article .inner .side.archive nav a svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);fill:rgba(255,255,255,0.5);transition-duration:0.25s}.article .inner .side.archive nav a:hover{color:rgba(255,255,255,0.95)}.article .inner .side.archive nav a:hover svg{fill:rgba(255,255,255,0.95)}.article .inner .side.archive nav a:hover.older svg{left:calc(50% - 10px)}.article .inner .side.archive nav a:hover.newer svg{left:calc(50% + 10px)}.article .inner .side.archive nav a.older{border-right:1px solid rgba(255,255,255,0.25);border-radius:0 0 0 6px}.article .inner .side.archive nav a.newer{border-radius:0 0 6px}.article.featured{background-color:#fafafa;padding:100px 0 86px}.article.featured,.article.page{position:relative}.article.featured .inner,.article.page .inner{max-width:600px}.article.featured .inner .post,.article.page .inner .post{width:100%;float:none;margin:0}.article.featured .inner .post article .meta,.article.page .inner .post article .meta{width:100%;text-align:center}.article.featured .inner .post article h2,.article.page .inner .post article h2{width:100%;text-align:center}.article.featured .inner .post article h3,.article.page .inner .post article h3{width:130%;margin:41px 0 43px -15%;font-family:'Lora', serif;color:rgba(0,0,0,0.95);font-size:30px;line-height:1.2;text-align:center}.article.featured .inner .post article img,.article.page .inner .post article img{width:120%;margin-left:-10%}.article.featured .inner .post .continue,.article.page .inner .post .continue{background:linear-gradient(to bottom, rgba(250,250,250,0), #fafafa 80%)}.article.featured .inner .post .continue .actions,.article.page .inner .post .continue .actions{text-align:center}.article.featured .inner .post .continue .actions .button,.article.page .inner .post .continue .actions .button{float:none;display:inline-block}#comments{padding:88px 0 40px;border-top:1px solid rgba(0,0,0,0.05)}#comments .intro{text-align:center;margin-bottom:85px}#comments .intro h3{margin-bottom:23px}#comments .intro .button{margin:0 3.5px;display:inline-block;float:none;margin-bottom:15px}#comments .comment{width:100%;float:left;padding-top:21px;margin-bottom:60px;border-top:1px solid rgba(0,0,0,0.05)}#comments .comment .person{width:40%;float:left}@media (max-width: 940px){#comments .comment .person{width:100%;padding-bottom:18px;margin-bottom:21px;border-bottom:1px solid rgba(0,0,0,0.05)}}#comments .comment .person .meta{float:left}#comments .comment .person .meta.profile{width:30px;height:30px;float:left;transform:translateY(-2px);background-color:rgba(0,0,0,0.05);background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:50%;text-align:center;font-size:12px;line-height:30px}#comments .comment .person .meta.name{float:left;margin-left:15px}#comments .comment .person .meta.date{float:right;margin-right:60px;text-align:right}@media (max-width: 940px){#comments .comment .person .meta.date{margin-right:0}}#comments .comment .text{width:60%;float:left}@media (max-width: 940px){#comments .comment .text{width:100%}}#comments .comment .text p{margin-bottom:21px}#comments .comment .text .actions{width:100%;float:left}#comments .comment .text .actions .button{margin-right:10px}#product{padding:100px 0;animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}#product .gallery{width:60%;float:left;padding-right:60px}@media (max-width: 860px){#product .gallery{width:100%;float:none;position:absolute;left:-100%;z-index:20;padding-right:0;transition-duration:0.5s}#product .gallery.toggled{left:0}}#product .gallery .item{width:100%;float:left;position:relative;animation-name:item;animation-duration:.75s;animation-fill-mode:both;animation-delay:.5s}#product .gallery .item:not(:last-of-type){margin:0 0 30px}#product .gallery .item.video:after{padding-top:56.2%;display:block;content:''}#product .gallery .item img{width:100%;display:block}#product .gallery .item iframe{width:100%;height:100%;position:absolute;top:0;left:0}#product .description{width:40%;float:left}@media (max-width: 860px){#product .description{width:calc(100% - 60px);margin-left:60px;transition-duration:0.5s}#product .description.toggled{opacity:0.25;-webkit-filter:blur(5px);filter:blur(5px)}}#product .description h2{margin-bottom:13px}#product .description .price{width:100%;float:left;margin-bottom:49px}#product .description .button{margin-bottom:55px}#product .description .row h3{padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,0.05);font-size:12px;font-weight:900;color:#000000;text-transform:uppercase}#product .description .row.options{margin-bottom:55px}#product .description .row.options .option{width:100%;height:30px;float:left;border-bottom:1px solid rgba(0,0,0,0.05);line-height:29px}#product .description .row.options .option .box{width:19px;height:19px;float:left;position:relative;margin:5px 10px 0 0;border:1px solid rgba(0,0,0,0.05);border-radius:50%}#product .description .row.options .option .box:after{width:13px;height:13px;position:absolute;top:2px;left:2px;border-radius:50%;content:'';transition-duration:0.25s}#product .description .row.options .option:hover .box:after{background-color:rgba(0,0,0,0.05)}#product .description .row.options .option.checked .box{background-color:rgba(0,0,0,0.025);border-color:rgba(0,0,0,0.5)}#product .description .row.options .option.checked .box:after{background-color:#000000}#product .description .row.colors{margin-bottom:60px}#product .description .row.colors h3{margin-bottom:15px}#product .description .row.colors .color{width:40px;height:40px;float:left;position:relative;margin-right:10px;border-radius:50%}#product .description .row.colors .color:after{width:30px;height:30px;position:absolute;top:5px;left:5px;border-radius:50%;border:1px dashed rgba(255,255,255,0);content:'';transition-duration:0.25s}#product .description .row.colors .color:hover:after,#product .description .row.colors .color.checked:after{border-color:rgba(255,255,255,0.75)}#product .description .row.copy{margin-bottom:25px}#product .description .row.copy h3{margin-bottom:8px}#product .description .row.share h3{margin-bottom:15px}#product .description .row.share a{width:30px;height:30px;float:left;position:relative;margin-right:5px;background-color:rgba(0,0,0,0.025);border-radius:50%}#product .description .row.share a:hover{transform:translateY(-3px)}#product .description .row.share a svg{height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#product .description p{margin-bottom:23px}#products{padding:100px 0 40px;animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}#products.related{background-color:rgba(0,0,0,0.015)}#products .products{width:calc(100% + 30px);margin-left:-15px}#products .products .product{width:calc(33.333% - 30px);float:left;position:relative;margin:0 15px 53px;transition-duration:0.25s;display:none}#products .products .product:hover{transform:translateY(-3px)}#products .products .product a{width:100%;height:100%;position:absolute;z-index:20}#products .products .product .product-cover{width:100%;float:left;padding-top:100%;margin-bottom:21px;background-size:cover;background-position:center center;background-repeat:no-repeat}#products .products .product .meta .price{font-weight:900}#products .products.one .product{width:calc(100% - 30px)}#products .products.one .product .product-cover{padding-top:50%}#products .products.two .product,#products .products.four .product{width:calc(50% - 30px)}@media (max-width: 1080px){#products .products .product{width:calc(50% - 30px)}}@media (max-width: 620px){#products .products .product{width:calc(100% - 30px)}}#cart{padding:100px 0 120px;animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}#cart header{text-align:center}@media (max-width: 900px){#cart header{text-align:left}}#cart .button{width:50%;float:right;transform:translateX(-50%);margin-top:60px}@media (max-width: 900px){#cart .button{width:auto;float:left;transform:translateX(0)}}#cart-side{width:480px;height:100%;position:fixed;top:0;right:0;z-index:40;padding:48px 30px 60px;background-color:#ffffff;box-shadow:0 7px 14px 0 rgba(50,50,93,0.1),0 3px 6px 0 rgba(0,0,0,0.07);transform:translate3d(100%, 0, 0)}@media (max-width: 480px){#cart-side{width:100%}}#cart-side header{margin-bottom:23px}#cart-side header h3{font-size:18px;font-weight:900}#cart-side .button.black{position:absolute;bottom:30px;left:30px}#checkout{padding:100px 0;animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}#checkout header{margin-bottom:23px}#checkout header h3{font-size:18px;font-weight:900}#checkout .steps{width:60%;float:left;padding-right:35px}@media (max-width: 820px){#checkout .steps{width:100%;padding-right:0}#checkout .steps .group{margin-left:0}}#checkout .steps .button{margin-left:-25px}@media (max-width: 820px){#checkout .steps .button{margin-left:0}}#checkout .cart{width:40%;float:left}@media (max-width: 820px){#checkout .cart{display:none}}#checkout .cart .button{margin-top:30px}#thanks{padding:100px 0 120px;animation-name:fadeinup;animation-duration:.75s;animation-fill-mode:both}#thanks header{text-align:center}#thanks .order{padding:21px 25px 30px;margin-bottom:57px;border:1px solid rgba(0,0,0,0.05);border-radius:6px}#thanks .order header{margin-bottom:24px}#thanks .order header h4{font-weight:900}#thanks .order header p{font-size:14px}#thanks .delivery{text-align:center}#thanks .delivery svg{height:40px}#thanks .delivery h3{font-size:12px;font-weight:900;text-transform:uppercase}#thanks .delivery .address{display:inline-block;padding:48px 120px 53px;margin-top:23px;background-color:rgba(0,0,0,0.025);border-radius:6px}#thanks .delivery .address h4{font-size:18px;font-weight:900}#account{padding:100px 0 40px}#account .tabs{width:70%;float:left;position:relative;padding-right:35px}#account .tabs .tab.active{display:block}#account .tabs .tab.inactive{display:none;opacity:0;visibility:hidden}#account .tabs #orders header{margin-bottom:54px}#account .tabs #orders header h3{font-size:18px;font-weight:900}#account .tabs #orders .order{padding:21px 25px 30px;margin-bottom:60px;border:1px solid rgba(0,0,0,0.05);border-radius:6px;transform:translateX(-25px)}#account .tabs #orders .order header{margin-bottom:24px}#account .tabs #orders .order header h4{font-weight:900}#account .user{width:30%;float:left}#account .user header h3{font-size:18px;font-weight:900}#account .user nav{margin-top:5px}#account .user nav a{width:100%;height:40px;float:left;position:relative;line-height:39px;border-top:1px solid rgba(0,0,0,0.05)}#account .user nav a:hover{color:rgba(0,0,0,0.5)}#account .user nav a svg{display:none}#account .user nav a.current svg{display:block;height:24px;position:absolute;top:50%;left:-30px;margin-top:-12px;animation-name:bounceleft;animation-duration:2.5s;animation-fill-mode:both;animation-iteration-count:infinite}