@import "css-1.css";*{margin:0;padding:0;box-sizing:border-box}  :focus{outline:0}  img{border:none;display:block}  ol,ul{list-style:none}  iframe{border:none!important;width:0!important;height:0!important}  a{text-decoration:none;cursor:pointer!important}  html{font-size:62.5%;-webkit-text-size-adjust:100%}  body{font-family:'Roboto',Arial,sans-serif;font-size:1.8rem;font-weight:400;line-height:1.3;background:#0a0a0a;color:#7b7b7e}  .wrapper{min-height:400px;min-width:760px;overflow:hidden}  .center{position:relative;display:flex;align-items:center;min-height:100vh;max-width:1280px;margin:0 auto}  .toggleDirection .center{flex-direction:row-reverse}  .content-block{position:relative;z-index:2;flex-grow:1}  .shapes-block{position:absolute;z-index:3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30rem;height:70rem;pointer-events:none}  .wrapper:not(.toggleDirection) .shapes-block{left:0}  .toggleDirection .shapes-block{right:6.5rem}  .reverseAnim .shapes-block{-webkit-animation:fadeOut 1s both;animation:fadeOut 1s both}  .shape-item{display:inline-block;position:absolute;top:0%;width:100%;height:100%}  .shape-item .shape{position:absolute;width:8rem;height:8rem;margin:-4rem 0 0 -4rem;background:url("shapes.png") 0 0 no-repeat;background-size:48rem 8rem;top:50%;left:50%;-webkit-transform:translateX(-15rem);transform:translateX(-15rem);will-change:transform}  .shape-item-2{height:50%;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}  .shape-item-3{-webkit-transform:rotateZ(30deg);transform:rotateZ(30deg)}  .shape-item-4{height:45%;-webkit-transform:rotateZ(-50deg);transform:rotateZ(-50deg)}  .shape-item-5{-webkit-transform:rotateZ(50deg);transform:rotateZ(50deg)}  .shape-item-6{height:40%;-webkit-transform:rotateZ(60deg);transform:rotateZ(60deg)}  .shape-item-1 .shape{background-position:0 0;-webkit-animation:movingShape 12s 0s linear infinite;animation:movingShape 12s linear 0s infinite}  .shape-item-2 .shape{background-position:-8rem 0;-webkit-animation:movingShape 8s 0s linear infinite;animation:movingShape 8s 0s linear infinite}  .shape-item-3 .shape{background-position:-16rem 0;-webkit-animation:movingShapeReverce 10s 0s linear infinite;animation:movingShapeReverce 10s 0s linear infinite}  .shape-item-4 .shape{background-position:-24rem 0;-webkit-animation:movingShapeReverce 20s 0s linear infinite;animation:movingShapeReverce 20s 0s linear infinite}  .shape-item-5 .shape{background-position:-32rem 0;-webkit-animation:movingShapeReverce 16s 0s linear infinite;animation:movingShapeReverce 16s 0s linear infinite}  .shape-item-6 .shape{background-position:-40rem 0;-webkit-animation:movingShapeReverce 14s 0s linear infinite;animation:movingShapeReverce 14s 0s linear infinite}  .step-block{position:relative;z-index:4;padding:2.5rem;padding-left:15rem}  .step-item{display:none}  .step-item.visible{display:block}  .step-header,.step-inner,.buttons-block{-webkit-animation:zoomIn 0.5s both;animation:zoomIn 0.5s both}  .step-header{font-weight:700;margin:0 0 3rem;text-transform:uppercase;line-height:1.2;font-size:4.4rem;color:#f3f3f3;-webkit-animation-delay:0s;animation-delay:0s}  .step-header span{display:block}  .step-inner{margin:0 0 3rem}  .step-inner,.buttons-block{-webkit-animation-delay:0.5s;animation-delay:0.5s}  .reverseAnim .step-header,.reverseAnim .step-inner,.reverseAnim .buttons-block{-webkit-animation-name:fadeOut;-webkit-animation-delay:0s;animation-name:fadeOut;animation-delay:0s}  .question-notice{text-transform:uppercase;font-size:1.8rem;color:#666;margin-bottom:1.5rem}  .checkbox-block{max-width:450px;margin:0 0 2rem}  .checkbox-item{position:relative;padding:1rem 1rem 1rem 5rem;text-align:left;line-height:2.5rem;cursor:pointer;transition:all 0.3s linear}  .checkbox-item-error{background-color:#ffccd6}  .checkbox-item:before{content:"";position:absolute;width:2.5rem;height:2.5rem;border-radius:5px;border:3px solid #3b78d2;color:#7b7b7e;top:.7rem;left:.5rem;z-index:1;line-height:2.2rem;font-weight:700;font-size:2rem;text-align:center;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;background-color:#fff}  .checkbox-item.checked:before{background-color:#3b78d2}  .checkbox-block.two-cols{display:flex;flex-wrap:wrap}  .two-cols .checkbox-item{width:50%}  .buttons-block{display:flex}  .step-btn{display:block;min-width:15.5rem;height:5.2rem;line-height:5.2rem;padding:0 2rem;cursor:pointer;transition:all 0.3s linear;border-radius:2.6rem;background-color:#ff3c4d;box-shadow:0 .8rem .6rem rgba(255,60,77,.24);text-transform:uppercase;text-align:center;font-size:2rem;font-weight:300;color:#fff;font-weight:bold;}  .step-btn:hover{background:#ff5664}  .step-btn:active{background:#b52b37}  .yes-btn,.no-btn{width:25%}  .no-btn{margin-left:2rem;background-color:#fdf4f5;color:#ff3c4d}  .no-btn:hover{background:#fff}  .no-btn:active{background:#f3c0c6}  .submit-btn{text-transform:uppercase}  .slider-block{position:relative;flex-shrink:0;width:68rem;height:75.2rem}  .slider-item{width:83rem;height:100%;position:absolute;top:0;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;will-change:transform}  .slider-item.active{opacity:1}  .slider-item.item-1.preload{background-image:url("photo13.png")}  .slider-item.item-2.preload{background-image:url("")}  .slider-item.item-3.preload{background-image:url("")}  .slider-item.item-4.preload{background-image:url("")}  .slider-item.item-5.preload{background-image:url("")}  .slider-item.item-6.preload{background-image:url("")}  .slider-item.item-7.preload{background-image:url("")}  .wrapper:not(.toggleDirection) .slider-item{left:0;-webkit-transform:translateX(200%);transform:translateX(200%);-webkit-animation:slide-inRightToLeft 0.5s forwards;animation:slide-inRightToLeft 0.5s forwards}  .wrapper:not(.toggleDirection).reverseAnim .slider-item{-webkit-transform:translateX(-200%);transform:translateX(-200%);-webkit-animation:slide-outRightToLeft 0.5s forwards;animation:slide-outRightToLeft 0.5s forwards}  .toggleDirection .slider-item{right:0;-webkit-transform:translateX(-200%);transform:translateX(-200%);-webkit-animation:slide-inRightToLeft 0.5s forwards;animation:slide-inRightToLeft 0.5s forwards}  .toggleDirection.reverseAnim .slider-item{-webkit-transform:translateX(200%);transform:translateX(200%);-webkit-animation:slide-outLeftToRight 0.5s forwards;animation:slide-outLeftToRight 0.5s forwards}  @-webkit-keyframes fadeOut{0%{opacity:1} 100%{opacity:0}}  @keyframes fadeOut{0%{opacity:1} 100%{opacity:0}}  @-webkit-keyframes movingShape{from{-webkit-transform:rotate(0deg) translate(-350%) rotate(0)} to{-webkit-transform:rotate(360deg) translate(-350%) rotate(-360deg)}}  @keyframes movingShape{from{transform:rotate(0deg) translate(-350%) rotate(0)} to{transform:rotate(360deg) translate(-350%) rotate(-360deg)}}  @-webkit-keyframes movingShapeReverce{from{-webkit-transform:rotate(0deg) translateX(-350%) rotate(0)} to{-webkit-transform:rotate(-360deg) translateX(-350%) rotate(360deg)}}  @keyframes movingShapeReverce{from{transform:rotate(0deg) translateX(-350%) rotate(0)} to{transform:rotate(-360deg) translateX(-350%) rotate(360deg)}}  @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3)} 50%{opacity:1}}  @keyframes zoomIn{0%{opacity:0;transform:scale(.3)} 50%{opacity:1}}  @-webkit-keyframes slide-inRightToLeft{0{-webkit-transform:translateX(200%)}100%{-webkit-transform:translateX(0%)}}  @keyframes slide-inRightToLeft{0{transform:translateX(200%)}100%{transform:translateX(0%)}}  @-webkit-keyframes slide-outRightToLeft{0%{-webkit-transform:translateX(0%)} 100%{-webkit-transform:translateX(200%)}}  @keyframes slide-outRightToLeft{0%{transform:translateX(0%)} 100%{transform:translateX(200%)}}  @-webkit-keyframes slide-outLeftToRight{0%{-webkit-transform:translateX(0%)} 100%{-webkit-transform:translateX(-200%)}}  @keyframes slide-outLeftToRight{0%{transform:translateX(0%)} 100%{transform:translateX(-200%)}}@media screen and (max-width:1600px){html{font-size:55%}  .step-header{font-size:4rem}  .step-block{min-width:360px;padding:2.5rem}}@media screen and (max-width:750px){html{font-size:48%}  .wrapper{min-width:0}  .center{flex-direction:column-reverse!important;justify-content:flex-end;align-items:stretch;padding:2rem 0 0}  .content-block{position:static}  .shapes-block{overflow:hidden;width:100%;height:100%;left:0;right:0}  .step-block{min-width:0;padding:2.5rem}  .step-header{margin:0 0 2rem;font-size:3rem;text-align:center}  .question-notice{text-align:center}  .slider-block{width:83vw;height:75vw;margin:0 auto}  .slider-item{width:100%;height:100%}  .yes-btn,.no-btn,.step-btn{width:100%}  .checkbox-block{display:flex;flex-wrap:wrap}  .checkbox-item{flex:0 1 50%}}@media only screen and (max-device-width:850px) and (orientation:landscape){.center{height:auto}}