*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
body{line-height:1;margin:0;padding:0;width:100%;height:100%;min-height:100%;background:#d1dbe5;color:#444}
footer,nav,section{display:block}
ul{list-style:none}
input{vertical-align:middle}
a{text-decoration:none;color:#1f85c5}
html{height:100%;font:400 16px/20px 'Open Sans',Arial,Helvetica,sans-serif}
.w-container{position:relative;max-width:1200px;min-width:320px;margin:0 auto;padding:0 15px;text-align:center}
.logo{position:relative;z-index:1;width:100%;height:86px;background-color:#000;text-align:center;line-height:86px}
.logo img{position:absolute;bottom:-5px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:264px}
.logo:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:86px 0 0 22px;border-color:transparent transparent transparent #d1dbe5}
.logo:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 86px 22px;border-color:transparent transparent #d1dbe5}
.logo-decor{position:relative;width:50%;height:44px;margin:0 auto 98px;background:#000}
.logo-decor:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:44px 0 0 11px;border-color:transparent transparent transparent #d1dbe5}
.logo-decor:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 44px 11px;border-color:transparent transparent #d1dbe5}
.title-h1{margin:0 0 50px;color:#e95a43;font-size:4.75rem;font-weight:700;text-align:center;text-transform:uppercase}
.w-text{text-align:center}
.text{color:#333;font-size:1.125rem;line-height:30px}
.text:last-child{margin-top:50px}
.title-page{margin:0 0 40px;color:#fff;font-size:1.75rem;line-height:1;text-align:center}
.sub-title{color:#fff;font-size:1.125rem;line-break:1;font-weight:400;text-align:center}
@media screen and (max-height:800px){.title-h1{margin-bottom:25px;font-size:3rem}
.logo-decor{margin-bottom:55px}
.text:last-child{margin-top:25px}
}
#person,#person1,#person2,#person3{position:fixed;top:75%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;width:230px;height:230px;background:url(../../../../landingpage/quest/img/icon-men.png) left top}
@keyframes changeMargin{from{margin-top:0}
to{margin-top:-10px}
}
@keyframes changeRotate{from{transform:rotate(0)}
to{transform:rotate(-90deg)}
}
#page1{height:100%;width:100%;position:fixed;z-index:1}
#start-scenario{width:100%;position:fixed}
#cloud,#cloud2,#first-decoration{width:100%;position:fixed;text-align:center}
#dialog1 img,#dialog2 img,#dialog3 img,#dialog4 img,#first-decoration img,#sea1 img{max-width:100%}
#boss{width:100%;position:fixed;z-index:101;text-align:center}
#dialog1,#dialog2{height:100%;width:100%;position:fixed;z-index:2;text-align:center}
#dialog2{z-index:104}
#form1{position:fixed;bottom:0;z-index:101;width:100%;height:740px;margin:-2px 0 0;padding:101px 0 0;background-color:#333}
#page2{height:100%;width:100%;position:fixed;z-index:105}
#report{position:fixed;width:100%;height:100%;padding-right:15%;text-align:right}
#fish{height:100%;width:100%;position:fixed;padding-left:10%;text-align:left}
#fish img{animation-duration:.5s;animation-name:changeMargin;animation-iteration-count:infinite;animation-direction:alternate}
#declaration{height:100%;width:100%;position:fixed;padding-left:15%;text-align:left}
#declaration img{animation-duration:.5s;animation-name:changeRotate;animation-iteration-count:infinite;animation-direction:alternate}
#buh{width:100%;position:fixed;z-index:25;text-align:center}
#sea1{position:fixed;height:100%;width:100%;text-align:center}
#form2,#form3,#form4{position:fixed;z-index:101;width:100%;min-height:740px;padding:101px 0 0;background-color:#333}
#form3{z-index:107}
#form4{z-index:108}
#page3{height:100%;width:100%;position:fixed;z-index:34}
#iceberg{height:100%;width:100%;position:fixed;z-index:26;text-align:left}
#wave{height:100%;width:100%;position:fixed;text-align:center}
#fisherman{height:100%;width:100%;position:fixed;z-index:24;text-align:left}
#dialog3,#dialog4{height:100%;width:100%;position:fixed;z-index:105;text-align:center}
#icon-block{height:100%;width:100%;position:fixed;z-index:106;text-align:center}
.title{display:inline-block;vertical-align:top;width:100%;font-size:2.125rem;font-weight:700}
#page4{height:100%;width:100%;position:fixed;z-index:35;background:#62b251}
#road-1,#road-2{height:100%;width:100%;position:fixed;z-index:35;text-align:center}
#dialog5 img,#road-1 img{max-width:100%}
#safe,#themis{height:100%;width:100%;position:fixed;padding-left:65%}
#cupboard,#table{height:100%;width:100%;position:fixed;padding-left:15%}
#dialog5{height:100%;width:100%;position:fixed;z-index:106;text-align:center}
#page5{position:fixed;z-index:125;width:100%;height:auto;padding:100px 0 0;background-color:#3da1c5}
.preloader{position:fixed;z-index:1100;top:0;left:0;width:100%;height:100%;background:#d1dbe5}
.preloader img{position:absolute;width:120px;height:120px;top:50%;left:50%;opacity:1;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#page6{position:fixed;z-index:126;width:100%;height:100%;background-color:#eef1f6}
@media screen and (max-height:800px){#form1,#form2,#form3,#form4{height:77%;min-height:0;padding-top:3%}
}
.personal{margin:0;padding:72px 0 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [3];grid-template-columns:repeat(3,1fr);grid-column-gap:30px}
.personal__item{display:block}
.card-title{margin:0 0 32px;text-align:center}
.card-title__view{width:112px;height:112px;margin:0 0 5px}
.card-title__text{display:inline-block;vertical-align:top;width:100%;color:#fff;font-size:1.25rem;font-weight:700;line-height:34px}
.card-problem{padding:25px 30px;border-radius:9px;background-color:#fff;text-align:left}
.card-problem__cause,.card-problem__effect,.card-problem__title{display:inline-block;vertical-align:top;width:100%}
.card-problem__title{margin:0 0 33px;color:#333;font-size:1.125rem;font-weight:700}
.card-problem__cause{margin:0 0 8px;color:#333;font-weight:700;font-size:1rem;line-height:1.7}
.card-problem__effect{margin:0 0 40px}
.card-problem__effect,.card-problem__effect a{color:#333;font-weight:400;font-size:1rem;line-height:1.7}
.card-problem__effect a{text-decoration:underline}
.form{position:relative;margin:0 auto;background-color:#fff;max-width:570px;padding:46px 25px 40px;border-radius:8px}
.form__head{font-size:1.75rem;color:#333;font-weight:700;text-align:center;padding:0 0 29px}
.form__head--bottom{padding:0 0 35px}
.form__text{font-size:1.125rem;color:#333;font-weight:400;text-align:center;margin-bottom:39px}
.form-item{background-color:#eef1f6;position:relative;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;vertical-align:top;width:100%;min-height:90px;margin:0 0 15px}
.form-item__input{position:relative;display:inline-block;vertical-align:top}
.form-item__check{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0;visibility:hidden}
.form-item__text{display:inline-block;vertical-align:middle;font-weight:400;font-size:1rem;margin-right:14px;color:#333;padding-left:75px;line-height:30px}
.form-item__text:before{content:'';position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 30px 0 -50px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23D1DBE5;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9,0C4,0,0,4,0,9s4,9,9,9s9-4,9-9S14,0,9,0z'/%3E%3Ctitle%3EArtboard 1%3C/title%3E%3Cpath class='st1' d='M9,1c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S4.6,1,9,1 M9,0C4,0,0,4,0,9s4,9,9,9s9-4,9-9S14,0,9,0z'/%3E%3C/svg%3E")}
.form-button{display:block;margin:auto;max-width:170px;padding:17px 0;background-color:#3da1c5;border-radius:4px;color:#fff;font-size:1rem;line-height:1;text-align:center}
@media screen and (max-height:800px){.form__head,.form__head--bottom{padding-bottom:15px;font-size:1.25rem}
.form-item{padding:15px 0;min-height:0}
.form-item__text{font-size:.875rem;line-height:20px}
}