@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto&display=swap);
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}a{text-decoration:none;cursor:pointer}a:active,a:focus,a:hover{color:#000;cursor:pointer}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#222;font:normal 125%/1.4 Open Sans,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{-webkit-box-shadow:insect 1px 2px}body::-webkit-scrollbar-thumb{background-color:#e2c07e;outline:1px solid #708090}body::-moz-scrollbar{width:.5em}body::-moz-scrollbar-track{-moz-box-shadow:insect 1px 2px}body::-moz-scrollbar-thumb{background-color:#e2c07e;outline:1px solid #708090}body::-ms-scrollbar{width:.5em}body::-ms-scrollbar-track{-ms-box-shadow:insect 1px 2px}body::-ms-scrollbar-thumb{background-color:#e2c07e;outline:1px solid #708090}.clearfix:after{clear:both;content:"";display:table}.container{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.header #head{margin:0;text-align:center;padding-top:4%}@media only screen and (min-width:300px) and (max-width:360px){.header #head .display{display:none}}@media only screen and (min-width:360px) and (max-width:414px){.header #head .display{display:none}}@media only screen and (min-width:470px) and (max-width:500px){.header #head .display{display:none}}@media only screen and (min-width:500px) and (max-width:600px){.header #head .display{display:none}}@media only screen and (min-width:760px) and (max-width:1024px){.header #head .display{display:none}}@media only screen and (min-width:415px) and (max-width:470px){.header #head .display{display:none}}.header #head li{list-decoration:none;display:inline-block;padding-right:2%;margin-top:5%;text-align:right}@media only screen and (min-width:300px) and (max-width:360px){.header #head li{display:block;margin-top:3%}}@media only screen and (min-width:360px) and (max-width:414px){.header #head li{display:block;margin-top:3%}}@media only screen and (min-width:470px) and (max-width:500px){.header #head li{display:block;margin-top:3%}}@media only screen and (min-width:500px) and (max-width:600px){.header #head li{display:block;margin-top:3%}}@media only screen and (min-width:320px) and (max-width:480px){.header #head li{display:block;margin-top:3%}}@media only screen and (min-width:760px) and (max-width:1024px){.header #head li{display:block;margin-top:2%}}@media only screen and (min-width:415px) and (max-width:470px){.header #head li{display:block;margin-top:3%}}.header #head li .hov{padding:6% 4%;color:#000;margin:0;font-size:.8em;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media only screen and (min-width:300px) and (max-width:360px){.header #head li .hov{padding:3% 2%}}@media only screen and (min-width:360px) and (max-width:414px){.header #head li .hov{padding:3% 2%}}@media only screen and (min-width:470px) and (max-width:500px){.header #head li .hov{padding:3% 2%}}@media only screen and (min-width:500px) and (max-width:600px){.header #head li .hov{padding:3% 2%}}@media only screen and (min-width:320px) and (max-width:480px){.header #head li .hov{padding:3% 2%}}@media only screen and (min-width:760px) and (max-width:1024px){.header #head li .hov{padding:3% 2%}}@media only screen and (min-width:415px) and (max-width:470px){.header #head li .hov{padding:3% 2%}}.header #head li .hov:hover{font-size:1.1em;font-weight:700;color:#fff}@media only screen and (min-width:300px) and (max-width:360px){.header #head li .hov:hover{font-size:1em}}@media only screen and (min-width:360px) and (max-width:414px){.header #head li .hov:hover{font-size:1em}}@media only screen and (min-width:470px) and (max-width:500px){.header #head li .hov:hover{font-size:1em}}@media only screen and (min-width:320px) and (max-width:480px){.header #head li .hov:hover{font-size:1em}}@media only screen and (min-width:500px) and (max-width:600px){.header #head li .hov:hover{font-size:1em}}@media only screen and (min-width:760px) and (max-width:1024px){.header #head li .hov:hover{font-size:1em}}@media only screen and (min-width:415px) and (max-width:470px){.header #head li .hov:hover{font-size:1em}}.header #head .logo{float:left;margin-right:35%;padding:0;width:14%;margin-top:3%}@media only screen and (min-width:300px) and (max-width:360px){.header #head .logo{width:30%}}@media only screen and (min-width:360px) and (max-width:414px){.header #head .logo{width:30%}}@media only screen and (min-width:320px) and (max-width:480px){.header #head .logo{width:35%}}@media only screen and (min-width:470px) and (max-width:500px){.header #head .logo{width:30%}}@media only screen and (min-width:500px) and (max-width:600px){.header #head .logo{width:30%}}@media only screen and (min-width:760px) and (max-width:1024px){.header #head .logo{width:30%}}@media only screen and (min-width:415px) and (max-width:470px){.header #head .logo{width:30%}}.header #head .logo a{margin:0}.header #head .logo a img{height:5em;width:70%}@media only screen and (min-width:300px) and (max-width:360px){.header #head .logo a img{height:7em;width:70%}}@media only screen and (min-width:360px) and (max-width:414px){.header #head .logo a img{height:7em;width:150%}}@media only screen and (min-width:320px) and (max-width:480px){.header #head .logo a img{height:8em;width:150%}}@media only screen and (min-width:470px) and (max-width:500px){.header #head .logo a img{height:7em;width:150%}}@media only screen and (min-width:500px) and (max-width:600px){.header #head .logo a img{height:10em;width:100%}}@media only screen and (min-width:760px) and (max-width:1024px){.header #head .logo a img{height:10em;width:100%}}@media only screen and (min-width:415px) and (max-width:470px){.header #head .logo a img{height:10em;width:100%}}@media only screen and (min-width:300px) and (max-width:360px){.header #head .about{margin-top:25%;margin-bottom:-2%}}@media only screen and (min-width:360px) and (max-width:414px){.header #head .about{margin-top:25%;margin-bottom:-2%}}@media only screen and (min-width:470px) and (max-width:500px){.header #head .about{margin-top:25%;margin-bottom:-2%}}@media only screen and (min-width:500px) and (max-width:600px){.header #head .about{margin-top:25%;margin-bottom:-2%}}@media only screen and (min-width:360px) and (max-width:640px){.header #head .about{margin-top:45%}}@media only screen and (min-width:760px) and (max-width:1024px){.header #head .about{margin-top:10%}}@media only screen and (min-width:415px) and (max-width:470px){.header #head .about{margin-top:25%;margin-bottom:-2%}}.header #head .about .hov:hover{background:#f1726f}.header #head .about .router-link-active{background:#f1726f;font-size:1.1em;font-weight:700;padding:10% 8%}.header #head .about .router-link-active a{color:#fff}.header #head .project .hov:hover{background:#02140a}.header #head .project .router-link-active{background:#02140a;font-size:1.1em;font-weight:700;padding:10% 8%}.header #head .project .router-link-active a{color:#fff}.header #head .custom{padding:0}.header #head .custom .hov:hover{background:#02140a}.header #head .custom .router-link-active{background:#02140a;font-size:1.1em;font-weight:700;padding:10% 8%}.header #head .custom .router-link-active a{color:#fff}.header #head .shop .hov:hover{background:rgba(49,14,39,.8)}.header #head .shop .router-link-active{background:rgba(49,14,39,.8);font-size:1.1em;font-weight:700;padding:10% 7%}.header #head .shop .router-link-active a{color:#fff}.header #head .illus .hov:hover{background:#5cdddf;color:#fff}.header #head .illus .router-link-active a{color:#000}.Nav{position:relative;overflow:hidden}@media only screen and (min-width:300px) and (max-width:360px){.Nav #menu{display:none}}@media only screen and (min-width:360px) and (max-width:414px){.Nav #menu{display:none}}@media only screen and (min-width:470px) and (max-width:500px){.Nav #menu{display:none}}@media only screen and (min-width:500px) and (max-width:600px){.Nav #menu{display:none}}@media only screen and (min-width:415px) and (max-width:470px){.Nav #menu{display:none}}.menu_button{cursor:pointer;display:none;float:right;margin-top:15%;margin-right:2%}@media only screen and (min-width:300px) and (max-width:360px){.menu_button{display:inline-block}}@media only screen and (min-width:360px) and (max-width:414px){.menu_button{display:inline-block}}@media only screen and (min-width:360px) and (max-width:640px){.menu_button{margin-top:30%}}@media only screen and (min-width:470px) and (max-width:500px){.menu_button{display:inline-block}}@media only screen and (min-width:500px) and (max-width:600px){.menu_button{display:inline-block}}@media only screen and (min-width:760px) and (max-width:1024px){.menu_button{display:inline-block;margin-top:6%;margin-right:5%}}@media only screen and (min-width:415px) and (max-width:470px){.menu_button{display:inline-block}}.menu_button .bar1,.menu_button .bar2,.menu_button .bar3{width:35px;height:5px;background-color:#333;margin:6px 0;-webkit-transition:.4s;transition:.4s}.menu_button .change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}.menu_button .change .bar2{opacity:0}.menu_button .change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}.footer{text-align:right;width:inherit;margin-left:6%;width:90%;background:#000;margin-top:5%;color:#fff;padding-top:.01%}.footer #footer_icon li{list-decoration:none;display:inline-block;padding:1%}.footer #footer_icon li a{color:#fff;margin-right:25%}.gen{border:0;border-radius:5em;font-size:1em}body{color:#fff;font-family:Roboto,sans-serif}.home{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(2,2fr)}@media only screen and (min-width:300px) and (max-width:360px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:360px) and (max-width:414px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:470px) and (max-width:500px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:500px) and (max-width:600px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:360px) and (max-width:640px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:600px) and (max-width:760px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:320px) and (max-width:480px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:760px) and (max-width:1024px){.home{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:415px) and (max-width:470px){.home{grid-template-columns:repeat(1,1fr)}}.nav ul li{list-decoration:none;display:inline-block;padding-right:2%;text-align:right;color:#fff}.nav .introduction{padding-left:2%;padding-top:10%}.nav .introduction h3{font-size:2.5em}.nav .introduction p,.works p{font-family:Open Sans Condensed,sans-serif}.works .list{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(2,2fr)}@media only screen and (min-width:300px) and (max-width:360px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:360px) and (max-width:414px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:470px) and (max-width:500px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:500px) and (max-width:600px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:360px) and (max-width:640px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:600px) and (max-width:760px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:320px) and (max-width:480px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:760px) and (max-width:1024px){.works .list{grid-template-columns:repeat(1,2fr)}}@media only screen and (min-width:415px) and (max-width:470px){.works .list{grid-template-columns:repeat(1,2fr)}}.works .list ul li{list-decoration:none;padding-right:2%;color:#fff}.works .list ul li a{text-decotation:none;color:#fff}