.site-wrapper,body,html{position: relative}
.site-wrapper{box-sizing: border-box}
.block_fullscreen{min-height:100vh;box-sizing:border-box}
@media screen and (min-width:960px){
    .block_fullscreen:only-child,
    .site-wrapper{min-height:calc(100vh - 60px)}
}
/* Header Section */
.header-section{position: relative; z-index: 5}
.header-section:hover,
.header-section_active{z-index: 6}
.header-section:focus-within{z-index: 7}
.header-section.js-active{position: fixed; top: 0; left: 0; right: 0; z-index: 99; overflow: visible}
.header-section .header-button{position: relative; flex-shrink: 0}
@media screen and (min-width:960px){
    .header-section .header-button{max-width: 250px}
    .header-section .button-tablet-visible{display: none}
}
@media screen and (max-width:479px){
    .header-section .button-tablet-visible{display:none}
}
@media (min-width:480px) and (max-width:639px){
    .header-section .button-tablet-visible{max-width: 220px; margin-right: 52px}
}
.header-wrapper{position: relative; z-index: 5; display: flex; align-items: center; box-sizing: border-box}
@media screen and (max-width:639px){
    .header-wrapper{justify-content: space-between; min-height: 72px; padding: 16px 0}
}
@media (min-width:640px) and (max-width:959px){
    .header-section .button-tablet-visible{max-width: 340px; margin-right: 64px}
    .header-wrapper{justify-content: space-between; min-height: 96px; padding: 24px 0}
}
@media screen and (min-width:960px){
    .header-wrapper-right-align-links .header-link-wrapper{justify-content: flex-end}
}
@media (min-width:960px) and (max-width:1359px){
    .header-wrapper{padding: 20px 0}
}
@media screen and (min-width:1360px){
    .header-wrapper{padding: 24px 0}
}
.header-burger{position: relative; flex-shrink: 0; width: 36px; height: 30px; cursor: pointer; -webkit-tap-highlight-color: transparent}
.header-burger.js-burger_open .burger-line{transform: rotate(225deg); transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1)}
.header-burger.js-burger_open .burger-line:before{top: 0; opacity: 0; transition: top .1s ease-out,opacity .1s ease-out .12s}
.header-burger.js-burger_open .burger-line:after{bottom: 0; transform: rotate(-90deg); transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}
.burger-line{position: absolute; top: 50%; left: 0; width: 100%; height: 3px; border-radius: 2px; margin-top: -1px; background-color: currentColor; transition-property: transform; transition-duration: .22s; transition-timing-function: cubic-bezier(.55,.055,.675,.19)}
.burger-line:after,
.burger-line:before{content: ""; display: block; clear: both; position: absolute; left: 0; width: 100%; height: 3px; border-radius: 2px; background-color: currentColor}
.burger-line:before{top: -10px; transition: top .1s ease-in .25s,opacity .1s ease-in}
.burger-line:after{bottom: -10px; transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}
.header-menu-wrapper{box-sizing: border-box}
@media screen and (max-width:639px){
    .header-menu-wrapper{width: 100%; padding-top: 72px}
    .header-menu-wrapper .background{right: -16px}
}
@media (min-width:640px) and (max-width:959px){
    .header-menu-wrapper{width: 332px; padding-top: 96px}
}
@media screen and (min-width:960px){
    .header-burger{display: none}
    .header-menu-wrapper{display: flex; align-items: center; justify-content: flex-end; flex-grow: 1}
    .header-menu-wrapper .background{display: none}
}
.header-menu{box-sizing: border-box}
@media screen and (max-width:639px){
    .header-menu{padding: 48px 40px}
}
@media screen and (max-width:959px){
    .header-section{overflow: hidden}
    .header-burger{position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
    .header-menu-wrapper{position: absolute; top: 0; left: -150%; z-index: -1; height: 100vh; transition: left .6s cubic-bezier(.19,1,.22,1)}
    @supports (-webkit-touch-callout:none){
        .header-menu-wrapper{height: -webkit-fill-available}
    }
    .header-menu-wrapper.js-menu_open{left: 0}
    .header-menu-wrapper.js-menu_open .header-menu{display: flex; flex-direction: column}
    .header-menu-wrapper.js-menu_open .header-link-wrapper{z-index: 1; flex-direction: column}
    .header-menu-wrapper.js-menu_open .header-link{margin-left: 0}
    .header-menu-wrapper.js-menu_open .header-button{z-index: 1}
    .header-menu-wrapper .background{left: -200px}
    .header-menu{position: relative; height: 100%}
}
@media (min-width:640px) and (max-width:959px){
    .header-menu{padding: 48px 72px 48px 0}
}
@media screen and (min-width:960px){
    .header-menu{display: flex; align-items: center; justify-content: flex-end; flex-grow: 1}
}
.header-link-wrapper{position: relative; display: flex}
@media screen and (max-width:959px){
    .header-link-wrapper{flex-wrap: nowrap; overflow:auto}
    .header-link-wrapper+.header-button{margin-top: 32px}
}
@media screen and (min-width:960px){
    .header-link-wrapper{align-items: flex-start; flex-grow: 1; flex-wrap: wrap}
    .header-link-wrapper+.header-button{margin-left: 32px}
    .header-link-item{margin-left: 16px}
}
.header-link-wrapper~.header-link-wrapper{justify-content: flex-end}
.header-link-item{position: relative}
.header-link{text-decoration: none; text-align: left; color: inherit}
.header-link:focus-within,
.header-link:hover{opacity: .8}
@media screen and (max-width:959px){
    .header-link-item+.header-link-item{margin-top: 24px}
}
.s-main-type-4{position:relative;display:flex;align-items:center;min-height:100vh;padding:20px 0;box-sizing:border-box;overflow:hidden}
@media screen and (max-height:599px){
    .main-with-scroll-icon{padding-top:20px;padding-bottom:65px}
}
@media screen and (min-height:600px){
    .main-with-scroll-icon{padding-top:40px;padding-bottom:80px}
}
/* Button */
.button-primary,
.button-secondary{min-width: 105px; text-align: center; max-width: 100%; outline: 0; text-decoration: none; display: inline-block; box-sizing: border-box; border-radius: 100px}
.button-primary{padding: 0 24px; border: 0; border-radius: 100px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: .3s; color: #fff; background-color: #111; text-overflow: ellipsis; overflow: hidden}
.button-secondary{border: 2px solid rgba(17,17,17,.16); color: #111; padding: 0 24px; border-radius: 100px; background-color: rgba(17,17,17,0); cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.button-primary:focus{box-shadow: inset 0 0 0 1px hsla(0,0%,84.3%,.56)}
.button-secondary:focus{box-shadow: inset 0 0 0 2px rgba(17,17,17,.32)}
.button-primary:hover,
.button-secondary:hover{opacity: .8}
.button-primary:active,
.button-secondary:active{opacity: .88}
.button-primary:disabled,
.button-secondary:disabled{cursor: default; opacity:.24}
.button-primary:disabled:active,
.button-secondary:disabled:active,
.button-primary:disabled:focus,
.button-secondary:disabled:focus,
.button-primary:disabled:hover
.button-secondary:disabled:hover{box-shadow: none; opacity: .24}
@media screen and (max-width:639px){
    .button-primary{height: 40px; font-size: 14px; line-height: 40px}
    .button-secondary{height: 40px; font-size: 14px; line-height: 36px}
}
@media screen and (min-width:640px){
    .button-primary{height: 48px; font-size: 16px; line-height: 48px}
    .button-secondary{height: 48px; font-size: 16px; line-height: 44px}
}
/* Font */
.text-opacity{color: rgba(17,17,17,.56)}
.font-h3{color: #000}
@media screen and (max-width:639px){
    .font-p3{font-size: 14px; line-height: 20px}
    .font-p2{font-size: 16px; line-height: 24px}
    .font-h1{font-size: 20px; line-height: 28px; margin-bottom: 16px}
    .font-h3{font-size: 24px; line-height: 32px; margin-bottom: 16px}
    .font-h4{font-size: 20px; line-height: 28px}
    .font-h2{font-size: 28px; line-height: 36px}
    .bottom-margin{margin-bottom: 32px}
    .main-top-buttons{margin-top: 20px}
    .main-top-buttons a{margin-top: 12px}
    .post-item-wrapper{margin-top: 40px}
    .post-item-wrapper .post-item-content h5{font-size: 16px; line-height: 24px}
    .advantages h2{font-size: 28px; line-height: 36px}
    .m-3-bottom{margin-bottom: 40px}
    .m-3-top-minus{margin-top: -40px}
    .m-5-bottom{margin-bottom: 36px}
    .m-6-top-minus{margin-top: -32px}
    .m-6-top{margin-top: 32px}
    .m-7-top{margin-top: 28px}
    .m-7-top-minus{margin-top: -28px}
    .m-11-bottom{margin-bottom: 16px}
    .m-12-bottom{margin-bottom: 16px}
    .m-17-bottom{margin-bottom: 12px}
    .m-17-top{margin-top: 12px}
    .m-18-bottom{margin-bottom: 12px}
    .m-21-bottom{margin-bottom: 8px}
    .m-22-bottom{margin-bottom: 8px}
}
@media (min-width:640px) and (max-width:959px){
    .font-p3{font-size: 14px; line-height: 20px}
    .font-p2{font-size: 16px; line-height: 24px}
    .font-h1{font-size: 24px; line-height: 32px; margin-bottom: 16px}
    .font-h3{font-size: 28px; line-height: 36px; margin-bottom: 16px}
    .font-h4{font-size: 24px; line-height: 32px}
    .font-h2{font-size: 40px; line-height: 48px}
    .bottom-margin{margin-bottom: 36px}
    .main-top-buttons{margin-top: 22px}
    .main-top-buttons a{margin-top: 12px}
    .post-item-wrapper{margin-top: 48px}
    .post-item-wrapper .post-item-content h5{font-size: 20px; line-height: 28px; margin-bottom: 8px}
    .advantages h2{font-size: 40px; line-height: 48px}
    .m-3-top-minus{margin-top: -48px}
    .m-3-bottom{margin-bottom: 48px}
    .m-5-bottom{margin-bottom: 40px}
    .m-6-top-minus{margin-top: -36px}
    .m-6-top{margin-top: 36px}
    .m-7-top{margin-top: 32px}
    .m-7-top-minus{margin-top: -32px}
    .m-11-bottom{margin-bottom: 24px}
    .m-12-bottom{margin-bottom: 20px} 
    .m-17-bottom{margin-bottom: 16px}
    .m-17-top{margin-top: 16px}
    .m-18-bottom{margin-bottom: 16px}
    .m-21-bottom{margin-bottom: 8px}
    .m-22-bottom{margin-bottom: 12px}
}
@media (min-width:960px) and (max-width:1359px){
    .font-p3{font-size: 16px; line-height: 24px}
    .font-p2{font-size: 20px; line-height: 28px}
    .font-h1{font-size: 28px; line-height: 36px; margin-bottom: 20px; margin-bottom: 8px}
    .font-h3{font-size: 32px; line-height: 40px; margin-bottom: 20px; margin-bottom: 8px}
    .font-h4{font-size: 24px; line-height: 32px}
    .font-h2{font-size: 48px; line-height: 56px}
    .bottom-margin{margin-bottom: 36px}
    .main-top-buttons{margin-top: 22px}
    .main-top-buttons a{margin-top: 14px}
    .post-item-wrapper{margin-top: 48px}
    .post-item-wrapper .post-item-content h5{font-size: 20px; line-height: 28px; margin-bottom: 8px}
    .advantages h2{font-size: 48px; line-height: 56px}
    .m-3-top-minus{margin-top: -48px}
    .m-3-bottom{margin-bottom: 48px}
    .m-5-bottom{margin-bottom: 40px}
    .m-6-top-minus{margin-top: -36px}
    .m-6-top{margin-top: 36px}
    .m-7-top-minus{margin-top: -32px}
    .m-7-top{margin-top: 32px}
    .m-11-bottom{margin-bottom: 28px}
    .m-12-bottom{margin-bottom: 24px}
    .m-17-bottom{margin-bottom: 16px}
    .m-17-top{margin-top: 16px}
    .m-18-bottom{margin-bottom: 16px}
    .m-21-bottom{margin-bottom: 8px}
    .m-22-bottom{margin-bottom: 12px}
}
@media screen and (min-width:1360px){
    .font-p3{font-size: 16px; line-height: 24px}
    .font-p2{font-size: 20px; line-height: 28px}
    .font-h1{font-size: 36px; line-height: 44px; margin-bottom: 16px}
    .font-h3{font-size: 40px; line-height: 48px; margin-bottom: 24px}
    .font-h4{font-size: 32px; line-height: 40px}
    .font-h2{font-size: 56px; line-height: 64px}
    .bottom-margin{margin-bottom: 40px}
    .main-top-buttons{margin-top: 24px}
    .main-top-buttons a{margin-top: 16px}
    .post-item-wrapper{margin-top: 56px}
    .post-item-wrapper .post-item-content h5{font-size: 24px; line-height: 32px; margin-bottom: 12px}
    .advantages h2{font-size: 56px; line-height: 64px}
    .m-3-bottom{margin-bottom: 56px}
    .m-3-top-minus{margin-top: -56px}
    .m-5-bottom{margin-bottom: 48px}
    .m-6-top-minus{margin-top: -40px}
    .m-6-top{margin-top: 40px}
    .m-7-top-minus{margin-top: -36px}
    .m-7-top{margin-top: 36px}
    .m-11-bottom{margin-bottom: 28px}
    .m-12-bottom{margin-bottom: 28px}
    .m-17-bottom{margin-bottom: 20px}
    .m-17-top{margin-top: 20px}
    .m-18-bottom{margin-bottom: 20px}
    .m-21-bottom{margin-bottom: 12px}
    .m-22-bottom{margin-bottom: 12px}
}




.logotype-wrapper{position: relative; display: inline-flex; flex-shrink: 0; align-items: center; text-align: left; text-decoration: none; outline: transparent dashed 1px; overflow: hidden; object-fit: contain; transition: .3s}
.logotype-wrapper img{max-width: 100%; max-height: 100%; object-fit: contain}
@media screen and (max-width:1359px){
    .logotype-wrapper{width: 242px; height: 54px}
}
@media screen and (min-width:1360px){
    .logotype-wrapper{width: 320px; height: 64px}
}
.fixed-block{position: fixed; top: 0; z-index: 99; width: 100%; transition: box-shadow .25s; transition-property: box-shadow;transition-duration:.25s;transition-timing-function:ease;transition-delay:0s;position:fixed;top:0;z-index:99;width:100%}
.fixed-block-scrolled{box-shadow: 0 8px 40px rgba(17,17,17,.04),0 1px 0 rgba(17,17,17,.04)}
.advantages{padding-bottom: 72px; padding-top: 72px}
.padding-top_l{padding-top: 72px}
.padding-bottom_l{padding-bottom: 72px}
body{font-family: Open Sans,sans-serif,system-ui; font-weight: 400}
blockquote,body,button,code,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;font-weight:400}
*{outline-color: #ffdd2d}
ol,ul{list-style: none}
table{border-collapse: collapse; border-spacing: 0}
button,input,select,textarea{border: none; font-family: inherit; color: inherit; background: 0 0; -webkit-appearance: none; appearance: none; outline: 0}
::selection{background-color: #ffdd2d}
body,html{font-size: 15px; line-height: 1.333; font-weight: 400; width: 100%; min-width: 300px; height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; word-wrap: break-word; word-break: break-word}
html{-webkit-perspective: none}
b,strong{font-weight: 700}
a{color: inherit}
@media screen and (max-width:959px){
    .site-wrapper{overflow: hidden; min-height: calc(100vh - 44px)}
}
@keyframes animation-step-scroll{0%,50%,to{transform: translateY(0)}
    65%{transform: translateY(-15%)}
    80%{transform: translateY(30%)}
}
@keyframes animation-arrow{0%,50%,65%,to{transform: translateY(0); opacity: 1}
    75%,80%{transform: translateY(30%);opacity:0}
}
.step-scroll{position: absolute; left: 50%; z-index: 2; transform: translateX(-50%); opacity: .3; cursor: pointer}
@media screen and (max-height:599px){
    .step-scroll{bottom: 15px}
}
@media screen and (min-height:600px){
    .step-scroll{bottom: 30px}
}
@media screen and (min-width:960px){
    .step-scroll_align_left{left: 0; transform: none}
    .step-scroll_align_right{left: auto; right: 30px; transform: none}
}
.step-scroll-round{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 2px solid; border-radius: 50px; animation: 3s ease-in-out 1s infinite animation-step-scroll}
.step-scroll-arrow{animation: 3s ease-in-out 1s infinite animation-arrow}
.step-scroll-arrow:after{content: ""; position: relative; top: -1px; display: block; width: 8px; height: 8px; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(45deg)}
.row{display: flex; flex-wrap: wrap}
.row-align-center{align-items:center}
.container{z-index: 2; display: block; width: 100%; margin: 0 auto; position: relative; box-sizing: border-box}
@media screen and (max-width:639px){
    .container{padding-left: 16px; padding-right: 16px}
}
@media (min-width:640px) and (max-width:959px){
    .container{max-width: 608px}
}
@media (min-width:960px) and (max-width:1359px){
    .container{max-width: 824px}
}
@media screen and (min-width:1360px){
    .container{max-width: 1104px}
}
@media screen and (max-width:639px){
    .row{margin-left: -8px; margin-right: -8px}
    .row .col-12,
    .row .col-xs-12{padding-left: 8px; padding-right: 8px; box-sizing: border-box}
    .row .col-12{width: 100%}
    .row .col-xs-12{width: 100%}
}
@media screen and (max-width:639px){
    .col-12,
    .col-xs-12{padding-left: 8px; padding-right: 8px; box-sizing: border-box}
    .col-12{width: 100%}
    .col-xs-12{width: 100%}
}
@media (min-width:640px) and (max-width:959px){
    .row{margin-left: -12px; margin-right: -12px}
    .row .col-12,
    .row .col-sm-12,
    .row .col-sm-6,
    .row .col-sm-9{padding-left: 12px; padding-right: 12px; box-sizing: border-box}
    .row .col-12{width: 100%}
    .row .col-sm-6{width: 50%}
    .row .col-sm-9{width: 75%}
    .row .col-sm-12{width: 100%}
    .col-12, .col-sm-12, .col-sm-6, .col-sm-9{padding-left: 8px; padding-right: 8px; box-sizing: border-box}
    .col-12{width: 100%}
    .col-sm-6{width: 50%}
    .col-sm-9{width: 75%}
    .col-sm-12{width: 100%}
}
@media (min-width:960px) and (max-width:1359px){
    .row{margin-left: -20px; margin-right: -20px}
    .row .col-12,
    .row .col-md-12,
    .row .col-md-4,
    .row .col-md-6,
    .row .col-md-8,
    .row .col-12{width: 100%}
    .row .col-md-4{width: 33.33333333%}
    .row .col-md-6{width: 50%}
    .row .col-md-8{width: 66.66666667%}
    .row .col-md-12{width: 100%}
    .col-12, .col-md-12, .col-md-4,.col-md-6,.col-md-8{padding-left: 16px; padding-right: 16px; box-sizing: border-box}
    .col-12{width: 100%}
    .col-md-4{width: 33.33333333%}
    .col-md-6{width: 50%}
    .col-md-8{width: 66.66666667%}
    .col-md-12{width: 100%}
}
@media screen and (min-width:1360px){
    .row{margin-left: -24px; margin-right: -24px}
    .row .col-12,
    .row .col-lg-4,
    .row .col-lg-5,
    .row .col-lg-6,
    .row .col_lg-7,
    .row .col-lg-8,
    .row .col-lg-10,
    .row .col-lg-12{padding-left: 24px; padding-right: 24px; box-sizing: border-box}
    .row .col-12{width: 100%}
    .row .col-lg-4{width: 33.33333333%}
    .row .col-lg-5{width: 41.66666667%}
    .row .col-lg-6{width: 50%}
    .row .col_lg-7{width: 58.33333333%}
    .row .col-lg-8{width: 66.66666667%}
    .row .col-lg-10{width: 83.33333333%}
    .row .col-lg-12{width: 100%}
    .col-12, .col-lg-4, .col-lg-5, .col-lg-6, .col_lg-7, .col-lg-8, .col-lg-10, .col-lg-12{padding-left: 16px; padding-right: 16px; box-sizing: border-box}
    .col-offset-lg-2{margin-left: 16.66666667%}
}
.image-square{padding-bottom: 100%; position: relative; height: 0; overflow: hidden}
.image-square .image-crop{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: opacity .2s}
.align-center{text-align: center}
.sb-align-left{text-align: left}
.input-placeholder{text-overflow: ellipsis; overflow: hidden}
.background{background: #ebdcef; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden}
.background-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; pointer-events: none; z-index: 2; border-radius: inherit; opacity: 0}
.input-field:focus~.input-placeholder,
@keyframes checkmark{
    0%{height: 0; width: 0; opacity: 1}
    20%{height: 0; width: 8px; opacity: 1}
    40%,to{height: 17px; width: 8px; opacity: 1}
}
.input-field{background-color: transparent; width: 100%; box-sizing: border-box}
.input-placeholder-required:after{content: " *"}
.input-field{border-bottom-color: rgba(17,17,17,.24); color: #111}
.input-field:hover{border-bottom-color: rgba(0,0,0,.32)}
.input-field:active,
.input-field:focus{border-bottom-color: rgba(17,17,17,.4)}
.input-field:focus::-webkit-input-placeholder{color:#111}
.input-field:focus:-ms-input-placeholder{color:#111}
.input-field:focus::-ms-input-placeholder{color:#111}
.input-field:focus:-moz-placeholder{color:#111}
.input-field:-webkit-autofill{color: #111; -webkit-text-fill-color: #111}
.input-field:-webkit-autofill:active{-webkit-text-fill-color: #111}
.input{display:inline-block;vertical-align: top; width: 100%; text-align: left}
.input-field:hover,
.input-wrapper:hover .input-field{border-bottom-color: rgba(0,0,0,.32)}
.input-field{color: #111}
.input-field:active,
.input-field:focus{border-bottom-color: rgba(17,17,17,.4)}
.input-field:focus::-webkit-input-placeholder{color: #111}
.input-field:focus:-ms-input-placeholder{color: #111}
.input-field:focus::-ms-input-placeholder{color: #111}
.input-field:focus:-moz-placeholder,
.input-field:focus::-moz-placeholder{color: #111}
.input-field:-webkit-autofill{color: #111; -webkit-text-fill-color: #111}
.input-field:-webkit-autofill:active,
.input-field:-webkit-autofill:focus,
.input-field:-webkit-autofill:hover{-webkit-text-fill-color: #111}
.input-placeholder{color: rgba(17,17,17,.56)}
@media screen and (max-width:639px){
    .input{max-width: 288px}
}
@media screen and (min-width:640px){
    .input{max-width:400px}
}
.input-wrapper{position: relative; display: block}
.input-field{height: 47px; border: none; border-bottom: 2px solid; border-radius: 0; transition: border-color .15s}
.input-field:invalid{box-shadow: none}
.input-field:-webkit-autofill{-webkit-transition: background-color 999999s; transition: background-color 999999s}
@media screen and (max-width:639px){
    .input-field:focus{padding: 22px 0 4px}
    .input-field:focus~.input-placeholder{font-size: 12px; line-height: 20px; font-weight: 300}
    .input-field{font-size: 14px; line-height: 20px; font-weight: 300; padding: 16px 0 11px}
}
@media screen and (min-width:640px){
    .input-field:focus{padding: 20px 0 2px}
    .input-field:focus~.input-placeholder{font-size: 14px; line-height: 20px; font-weight: 300}
    .input-field{font-size: 16px; line-height: 24px; font-weight: 300; padding: 11px 0}
}
.input-placeholder{white-space: nowrap; position: absolute; left: 0; right: 0; transition: .15s; cursor: text}
@media screen and (max-width:639px){
    .input-placeholder{font-size: 14px; line-height: 20px; font-weight: 300; top: 16px}
}
@media screen and (min-width:640px){
    .input-placeholder{font-size: 16px; line-height: 24px; font-weight: 300; top: 11px}
}
.main-top-buttons{margin-left: -8px; margin-right: -8px; font-size: 0}
.main-top-content{position: relative}
@media screen and (max-width:639px){
    .main-top-content{padding: 32px 20px}
    .main-top-buttons{width: 100%}
}
@media (min-width:640px) and (max-width:959px){
    .main-top-content{padding: 48px 28px}
}
@media (min-width:960px) and (max-width:1359px){
    .main-top-content{padding: 48px 40px}
}
@media screen and (min-width:1360px){
    .main-top-content{padding:48px}
}
.main-inner-content{position: relative; z-index: 2}

.main-inner-content ul{ mar1gin: 7px 0px 11px 40px }
.main-inner-content ul li{ margin-bottom: 11px; text-align: justify; line-height: 20px; list-style-image: url(/templates/informsite/images/li.jpg) }
.main-inner-content hr{ border-bottom: 1px #DCDCDB solid; padding-top: 1px; margin-bottom: 1px; clear: both }
.main-inner-content p{ text-indent: 15px; margin: 7px 0px 11px 0px; text-align: justify }

.main-top-buttons a{margin-left: 8px; margin-right: 8px; vertical-align: middle}
@media screen and (max-width:639px){
    .main-top-buttons a{width: 100%}
}
.s-services-type-1{position: relative}
.post-item-wrapper{display: flex; width: 100%}
.post-item-wrapper .post-item-content{text-align: center; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100}
.post-item-wrapper .post-item-content .image-square{margin-bottom: 10px}
.post-item-wrapper .post-item-content h5{white-space: pre-wrap}
/* Product / post items: light hover elevation without altering layout */
.post-item-wrapper .post-item-content{background: #fff; border-radius: 14px; box-shadow: var(0 4px 14px rgba(51,37,36,0.06)); padding: 12px; transition: var(all .3s ease)}
.post-item-wrapper .post-item-content:hover{transform: translateY(-2px); box-shadow: var(0 8px 24px rgba(139,120,176,0.18))}
.s-advantages-type-8{position: relative}
.advantages-item{position: relative; display: flex; align-items: center; justify-content: flex-start}
.item-baseline{align-items: baseline}
.advantages-text-wrapper{width: 100%}
@media screen and (min-width:960px){
    .advantages-image-column{order: 2; margin-bottom: 0}
}
.circle-number-wrapper{display: flex; flex-shrink:0; justify-content: center; align-items: center; border-width:2px; border-style: solid; box-sizing: border-box; border-color: #8b78b0; width: 40px; height: 40px; line-height: 40px; background: #ebdcef; margin: 1em; border-radius: 50%; text-align: center}
@media screen and (max-width:639px){
    .circle-number-wrapper{margin-right:20px}
}
@media screen and (min-width:640px){
    .circle-number-wrapper{margin-right:24px}
}
.advantages-text-baseline{width: 0; overflow: hidden; visibility:hidden;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.advantages-circle-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:22px;line-height:40px}
.advantages-circle-number:empty{width:100%;text-align:center}
.product-list-type-1{position:relative}
.product-list-item{border-bottom:1px solid rgba(17,17,17,.24)}
@media screen and (max-width:959px){
    .product-list-item{padding:24px 0}
}
@media screen and (min-width:960px){
    .product-list-item{padding:40px 0}
}
.product-list-wrapper{border-top-color: hsla(0,0%,100%,.56); border-top:1px solid rgba(17,17,17,.24)}

@media screen and (min-width:640px){
    .product-list-item-content{display:flex}
    .product-list-info{display:flex;flex-direction:column;justify-content:center;flex-grow:1}
}
.product-list-info>:last-child{margin-bottom:0}
.product-list-price{align-self:flex-start}
@media screen and (max-width:639px){
    .product-list-price{margin-top:16px}
}
@media (min-width:640px) and (max-width:959px){
    .product-list-price{flex-shrink:0;max-width:110px;min-width:100px;margin-left:18px;text-align:right}
}
@media (min-width:960px) and (max-width:1359px){
    .product-list-price{flex-shrink:0;max-width:175px;min-width:100px;margin-left:40px;text-align:right}
}
@media screen and (min-width:1360px){
    .product-list-price{flex-shrink:0;max-width:175px;min-width:139px;margin-left:53px;text-align:right}
}
.s-reviews-type-3{position:relative}
.reviews-image-wrapper{margin-right:24px;margin-bottom:0!important}
.align-center .reviews-top{flex-direction:column;align-items:center}
.reviews-top{display:flex}
@media screen and (max-width:639px){
    .reviews-top{align-items:center}
}
.reviews-image-wrapper{display:block;flex-shrink:0;max-width:100%;width:96px;height:96px;overflow:hidden}
.reviews-image{border-radius:100%}
.s-reviews-type-2{position:relative}
@media screen and (min-width:960px){
    .s-reviews-type-2__item:nth-of-type(2n) .s-reviews-type-2__info{order:-1}
}
.s-form-type-2{position:relative;display:flex;align-items:center}
@media screen and (max-width:639px){
    .s-form-type-2{padding:60px 0}
}
@media (min-width:640px) and (max-width:959px){
    .s-form-type-2{padding:68px 0}
}
@media (min-width:960px) and (max-width:1359px){
    .s-form-type-2{padding:68px 0}
}
@media screen and (min-width:1360px){
    .s-form-type-2{padding:76px 0}
}
.s-form-type-2 .s-form-type-2__container{position:relative;z-index:1;display:flex}
@media screen and (max-width:959px){
    .s-form-type-2 .s-form-type-2__container{flex-direction:column;align-items:center;justify-content:center}
    .form-button{width:100%}
}
@media screen and (min-width:960px){
    .s-form-type-2 .s-form-type-2__container{justify-content:flex-end}
}
@media (min-width:960px) and (max-width:1359px){
    .s-form-type-2__left-panel{padding-right:40px}
    .form-main{max-width:392px}
}
@media screen and (min-width:1360px){
    .s-form-type-2__left-panel{padding-right:48px}
}
.form-main{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:100%;box-sizing:border-box;box-shadow:0 8px 24px 0 rgba(0,0,0,.15)}
@media screen and (min-width:1360px){
    .form-main{max-width:432px}
}
.form-content{position:relative;z-index:2}
.form-field:first-of-type{margin-top:0}
@media screen and (max-width:639px){
    .form-main{padding:24px}
    .form-field{margin-top:16px}
    .form-submit{margin-top:20px}
}
@media screen and (min-width:640px){
    .form-main{padding:36px}
    .form-field{margin-top:20px}
    .form-button{margin-right:24px}
}
    .form-input{position:relative;max-width:none!important}
    .form-submit{display:flex;flex-wrap:wrap;align-items:center;width:100%}
@media (min-width:640px) and (max-width:959px){
    .form-submit{margin-top:16px}
}
@media (min-width:960px) and (max-width:1359px){
    .form-submit{margin-top:16px}
}
@media screen and (min-width:1360px){
    .form-submit{margin-top:12px}
}
.s-contacts-type-2{position: relative; text-align: center; padding: 36px 0 20px}
.abount-section{position:relative; padding: 0 20px}
.abount-section .wrapper{width: 100%; padding-left:16px;padding-right:16px;box-sizing:border-box}
/* Foooter */
#footer{position: relative}
#footer a{font-size: 14px; line-height: 20px; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; color: #9fa3ac; background-color: #000; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: .3s}
#footer a:hover{color: #fff; background-color: #111}
@media screen and (max-width:959px){
    #footer a{padding: 12px}
}
@media screen and (min-width:960px){
    #footer a{padding: 20px}
}
@media screen and (max-width:639px){
    .input-field,
    .input-placeholder{font-size:14px;line-height:20px;font-weight:300}
}
@media screen and (min-width:640px){
    .input-field,
    .input-placeholder{font-size:16px;line-height:24px;font-weight:300}
}
@media screen and (max-width:639px){
    .input-field:focus~.input-placeholder{font-size:12px;line-height:20px;font-weight:300}
}
@media screen and (min-width:640px){
    .input-field:focus~.input-placeholder{font-size:14px;line-height:20px;font-weight:300}
}
@media screen and (max-width:639px){
    .input-placeholder{top:16px}
}
@media screen and (min-width:640px){
    .input-placeholder{top:11px}
}
@media screen and (max-width:639px){
    .input-field:focus{padding:22px 0 4px}
}
@media screen and (min-width:640px){
    .input-field:focus{padding:20px 0 2px}
}
@media screen and (max-width:639px){
    .input-field{padding:16px 0 11px}
}
@media screen and (min-width:640px){
    .input-field{padding:11px 0}
}

/* Bg wrap */
.s-main-type-4 .bg-wrap{overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0}
.s-main-type-4 .bg-wrap .bg-image{background-repeat: no-repeat; background-position: top; background-size: cover; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: block}
.s-main-type-4 .bg-wrap .bg-image.main-image{background-image: url(/templates/lavendermassage/images/main.webp)}
.no-webp .s-main-type-4 .bg-wrap .bg-image.main-image{background-image: url(/templates/lavendermassage/images/main.jpg)}


.color-white{color: #fff}

/* Bg wrap */
.s-form-type-2 .bg-wrap{overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0}
.s-form-type-2 .bg-wrap .bg-image{background-repeat: no-repeat; background-position: top; background-size: cover; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: block}
.s-form-type-2 .bg-wrap .bg-image.form{background-image: url(/templates/lavendermassage/images/form.webp)}
.no-webp .s-form-type-2 .bg-wrap .bg-image.form{background-image: url(/templates/lavendermassage/images/form.jpg)}


/* Faq Wrapper */
.faq-wrapper{background-color: #fff; padding-top: 5rem; padding-bottom: 3rem}
/* faq */
.faq{padding: 5px 0}
.faq .container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.faq .container .header-wrapper{background: #fff; text-align: center; position: relative; z-index: 1}
.faq .container .header-wrapper h2{margin-bottom: 1.4em; font-size: 2.0625em; padding-bottom: 0.5em; text-align: center}
.faq .container .header-wrapper h2:after{content: ''; display: block; position: absolute; left: 20%; right: 20%; height: 1px; margin-top: 0.5em; background: -moz-linear-gradient(left, rgba(176, 176, 176, 0) 0%, #b0b0b0 20%, #b0b0b0 80%, rgba(176, 176, 176, 0) 100%); background: -webkit-linear-gradient(left, rgba(176, 176, 176, 0) 0%, #b0b0b0 20%, #b0b0b0 80%, rgba(176, 176, 176, 0) 100%); background: linear-gradient(to right, rgba(176, 176, 176, 0) 0%, #b0b0b0 20%, #b0b0b0 80%, rgba(176, 176, 176, 0) 100%)}
.faq .container .faq-content{border-bottom: 1px dotted #ccc; padding: 1em 0}
.faq .container .faq-icon{line-height: 1em; color: #332524; float: left; font-weight: 700; padding-right: 0.3em; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms}
.faq .container .faq-open{transform: rotate(-45deg); transform-origin: 50% 50%; -ms-transform: rotate(-45deg); -ms-transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms}
.faq .container .faq-question{cursor: pointer; font-size: 1.5em; font-weight: bold; color: #332524}
.faq .container .faq-answer{clear: both; color: #332524; display: none; padding-left: 1.5em; margin: 10px; font-size: 18px}
@media (min-width: 576px){
    .faq .container{max-width: 540px}
}
@media (min-width: 768px){
    .faq .container{max-width: 720px}
}
@media (min-width: 992px){
    .faq .container{max-width: 960px}
}
@media (min-width: 1200px){
    .faq .container{max-width: 1050px}
}
@media (max-width: 768px){
    .faq .container .faq-question{font-size: 1.2em}
}

/* Other */
button[type="submit"]{ background: #227EB7 no-repeat 4px 6px; }
button[type="submit"].loading{ background-image:url('/templates/neo/images/loader.gif'); color: #ccc }
button[type="submit"]::-moz-focus-inner{ border: none }


#contacts .list-inline{margin: 20px 0; list-style: none}
#contacts .list-inline-item{display: inline-block}
#contacts .list-inline-item:not(:last-child){margin-right: 0.5rem}
/* social icons */
#contacts .social a{width: 45px; height: 45px; background: rgba(255, 255, 255, 0.2); display: block; text-align: center; color: #ffffff; border-radius: 4px; font-size: 18px; line-height: 45px}
#contacts .social a:hover{background: #ff9100; transition: all .4s ease-in-out}
#contacts .social.social-dark a{background: rgba(0, 0, 0, 0.6)}
#contacts .social.social-dark a:hover{background: #ff9100}
#contacts .social.social-sm a{width: 35px; height: 35px; font-size: 16px; line-height: 35px}