@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}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}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}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}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0;border:0;background:none}optgroup{font-weight:700}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{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;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-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}li,ol,ul{padding:0;margin:0;border:0;list-style:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.is-hide{opacity:0;pointer-events:none}.is-show{opacity:1;pointer-events:auto}body:before{content:"desktop";display:none}@media only screen and (max-width:1024px){body:before{content:"tablet"}}@media only screen and (max-width:480px){body:before{content:"phone"}}@media only screen and (max-width:320px){body:before{content:"smallPhone"}}.primary-text{font-weight:400;color:hsla(0,0%,95%,.945);font-size:1.6em;margin:0}.primary-text,.primary-title{display:block;font-family:Roboto,sans-serif;letter-spacing:.025em}.primary-title{font-weight:700;color:#2d2d2d;font-size:2.3em;margin:0 0 40px}@media only screen and (max-width:1024px){.primary-title{font-sie:1.8em;margin:10px 0}}.body-text{font-family:Roboto,sans-serif;font-weight:400;color:#2d2d2d;font-size:1.8em;line-height:1.4em;letter-spacing:.025em;margin:0}@media only screen and (max-width:1024px){.body-text{font-sie:1.4em}}.l-main{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#01173c),to(#1f0f3c));background:linear-gradient(180deg,#01173c,#1f0f3c);padding:20px 20px 200px;width:100%;min-height:100vh}.l-main.is-disable{pointer-events:none}.l-container{width:100%;max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.l-content{width:100%}.Card{display:block;width:calc(99.9% * 1/6 - 16.666666666666668px);margin-bottom:20px;position:absolute;top:0;left:0;-webkit-perspective:800px;perspective:800px;-webkit-animation:fadeIn .6s;animation:fadeIn .6s}.Card:nth-child(1n){float:left;margin-right:20px;clear:none}.Card:last-child{margin-right:0}.Card:nth-child(6n){margin-right:0;float:right}.Card:nth-child(6n+1){clear:both}.Card.flipped{cursor:pointer}.is-disable .Card{pointer-events:none;opacity:.8}.is-animation .Card{-webkit-transition:-webkit-transform .6s ease-out .3s;transition:-webkit-transform .6s ease-out .3s;transition:transform .6s ease-out .3s;transition:transform .6s ease-out .3s,-webkit-transform .6s ease-out .3s}@media only screen and (max-width:1024px){.Card{width:calc(99.9% * 1/6 - 16.666666666666668px)}.Card:nth-child(1n){float:left;margin-right:20px;clear:none}.Card:last-child{margin-right:0}.Card:nth-child(6n){margin-right:0;float:right}.Card:nth-child(6n+1){clear:both}}@media only screen and (max-width:480px){.Card{width:calc(99.9% * 1/3 - 13.333333333333332px)}.Card:nth-child(1n){float:left;margin-right:20px;clear:none}.Card:last-child{margin-right:0}.Card:nth-child(3n){margin-right:0;float:right}.Card:nth-child(3n+1){clear:both}}@media only screen and (max-width:320px){.Card{width:calc(99.9% * 1/2 - 10px)}.Card:nth-child(1n){float:left;margin-right:20px;clear:none}.Card:last-child{margin-right:0}.Card:nth-child(2n){margin-right:0;float:right}.Card:nth-child(odd){clear:both}}.Card__wrapper{height:0;width:100%;display:block;padding-bottom:190%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out,-webkit-transform .6s ease-out}.Card.flipped .Card__wrapper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.Card__side{display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;text-align:center;border-radius:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Card__side.is-front{padding:10px;z-index:1}@media only screen and (max-width:480px){.Card__side.is-front{padding:5px}}.Card__side.is-back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.Card__image{display:inline-block;height:100%;width:auto}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.CardList{width:100%;display:block;position:relative}.CardPicture{display:inline-block}@media only screen and (max-width:480px){.CardPicture{max-width:100%;margin:0}}.CardPicture__image{max-width:162px;width:100%;display:inline-block}@media only screen and (max-width:480px){.CardPicture__image{max-width:82px}}.Footer{position:fixed;bottom:0;left:0;background:rgba(1,23,60,.95);border-top:2px solid rgba(0,0,0,.5);padding:20px}.Footer,.Loading{display:block;width:100%;text-align:center}.Loading{font-family:Roboto,sans-serif;font-size:2em;font-weight:700;letter-spacing:.05em;color:#fff}.MagicBtn{cursor:pointer;display:inline-block;color:#fedeff;padding-top:13px;padding-bottom:13px;width:100%;max-width:150px;font-size:2em;position:relative;-webkit-transition:background .6s cubic-bezier(.25,.46,.45,.94);transition:background .6s cubic-bezier(.25,.46,.45,.94)}.MagicBtn:hover{background:#17083a}.MagicBtn:focus{outline:none}.MagicBtn svg{position:absolute;top:2px;left:0;padding:1px;height:100%;width:100%;overflow:visible}.Modal{display:block;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;width:calc(100% - 40px);max-width:1160px;border-radius:10px;padding:20px;min-height:60vh;z-index:2;-webkit-transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275)}.Modal.is-hide{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.Modal__close{display:block;position:absolute;cursor:pointer;top:-40px;right:0;width:30px;height:30px;background:#f3f3f3;text-align:center;line-height:30px;color:#2d2d2d;border-radius:10px;font-family:Roboto,sans-serif;font-size:2em;font-weight:700}.Modal__close:hover{background:#fff}.Modal__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:480px){.Modal__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.Modal__content{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:20px}@media only screen and (max-width:480px){.Modal__content{width:100%;padding-left:0}}.Tip{display:block;top:-20px;left:50%;padding:20px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);background:#2d2d2d;border-radius:10px;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.Tip,.Tip:after{position:absolute}.Tip:after{bottom:-9px;content:"";border-top:10px solid #2d2d2d;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}