@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline
}
fieldset,img{
    margin:0;
    padding:0;
    vertical-align:baseline
}
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    box-sizing:border-box
}
a img,fieldset,img{
    border:none
}
input[type=email],input[type=tel],input[type=text],textarea{
    -webkit-appearance:none
}
button,input[type=submit]{
    cursor:pointer
}
button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{
    padding:0;
    border:0
}
textarea{
    overflow:auto
}
button,input{
    margin:0;
    padding:0;
    border:0
}
a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{
    outline:none
}
ol,ul{
    list-style-type:none
}
table{
    border-spacing:0;
    border-collapse:collapse;
    width:100%
}
*,:after,:before{
    box-sizing:inherit
}
body.compensate-for-scrollbar{
    overflow:hidden
}
.fancybox-active{
    height:auto
}
.fancybox-is-hidden{
    left:-9999px;
    margin:0;
    position:absolute!important;
    top:-9999px;
    visibility:hidden
}
.fancybox-container{
    -webkit-backface-visibility:hidden;
    height:100%;
    left:0;
    outline:none;
    position:fixed;
    -webkit-tap-highlight-color:transparent;
    top:0;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    transform:translateZ(0);
    width:100%;
    z-index:99992
}
.fancybox-container *{
    box-sizing:border-box
}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.fancybox-outer{
    -webkit-overflow-scrolling:touch;
    overflow-y:auto
}
.fancybox-bg{
    background:#1e1e1e;
    opacity:0;
    transition-duration:inherit;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.47,0,.74,.71)
}
.fancybox-is-open .fancybox-bg{
    opacity:.9;
    transition-timing-function:cubic-bezier(.22,.61,.36,1)
}
.fancybox-infobar,.fancybox-toolbar{
    opacity:0;
    position:absolute;
    z-index:99997
}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{
    direction:ltr;
    transition:opacity .25s ease,visibility 0s ease .25s;
    visibility:hidden
}
.fancybox-caption{
    opacity:0;
    position:absolute
}
.fancybox-navigation .fancybox-button{
    z-index:99997
}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{
    opacity:1;
    transition:opacity .25s ease 0s,visibility 0s ease 0s;
    visibility:visible
}
.fancybox-infobar{
    color:#ccc;
    font-size:13px;
    -webkit-font-smoothing:subpixel-antialiased;
    height:44px;
    left:0;
    line-height:44px;
    min-width:44px;
    mix-blend-mode:difference;
    padding:0 10px;
    pointer-events:none;
    top:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox-toolbar{
    right:0;
    top:0
}
.fancybox-stage{
    direction:ltr;
    overflow:visible;
    transform:translateZ(0);
    z-index:99994
}
.fancybox-is-open .fancybox-stage{
    overflow:hidden
}
.fancybox-slide{
    -webkit-backface-visibility:hidden;
    display:none;
    height:100%;
    left:0;
    outline:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:absolute;
    text-align:center;
    top:0;
    transition-property:transform,opacity;
    white-space:normal;
    width:100%;
    z-index:99994
}
.fancybox-slide::before{
    content:'';
    display:inline-block;
    font-size:0;
    height:100%;
    vertical-align:middle;
    width:0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{
    display:block
}
.fancybox-slide--image{
    overflow:hidden;
    padding:44px 0
}
.fancybox-slide--image::before{
    display:none
}
.fancybox-slide--html{
    padding:6px
}
.fancybox-content{
    background:#fff;
    display:inline-block;
    margin:0;
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:relative;
    text-align:left;
    vertical-align:middle
}
.fancybox-slide--image .fancybox-content{
    animation-timing-function:cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility:hidden;
    background:0 0;
    background-repeat:no-repeat;
    background-size:100% 100%;
    left:0;
    max-width:none;
    overflow:visible;
    padding:0;
    position:absolute;
    top:0;
    -ms-transform-origin:top left;
    transform-origin:top left;
    transition-property:transform,opacity;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:99995
}
.fancybox-can-zoomOut .fancybox-content{
    cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-content{
    cursor:zoom-in
}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{
    cursor:-webkit-grab;
    cursor:grab
}
.fancybox-is-grabbing .fancybox-content{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.fancybox-container [data-selectable=true]{
    cursor:text
}
.fancybox-image,.fancybox-spaceball{
    background:0 0;
    border:0;
    height:100%;
    left:0;
    margin:0;
    max-height:none;
    max-width:none;
    padding:0;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.fancybox-spaceball{
    z-index:1
}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{
    height:100%;
    overflow:visible;
    padding:0;
    width:100%
}
.fancybox-slide--video .fancybox-content{
    background:#000
}
.fancybox-slide--map .fancybox-content{
    background:#e5e3df
}
.fancybox-slide--iframe .fancybox-content{
    background:#fff
}
.fancybox-iframe,.fancybox-video{
    background:0 0;
    border:0;
    display:block;
    height:100%;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.fancybox-iframe{
    left:0;
    position:absolute;
    top:0
}
.fancybox-error{
    background:#fff;
    cursor:default;
    max-width:400px;
    padding:40px;
    width:100%
}
.fancybox-error p{
    color:#444;
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0
}
.fancybox-button{
    background:rgba(30,30,30,.6);
    border:0;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    display:inline-block;
    height:44px;
    margin:0;
    padding:10px;
    position:relative;
    transition:color .2s;
    vertical-align:top;
    visibility:inherit;
    width:44px;
    color:#ccc
}
.fancybox-button:link,.fancybox-button:visited{
    color:#ccc
}
.fancybox-button:hover{
    color:#fff
}
.fancybox-button:focus{
    outline:none
}
.fancybox-button.fancybox-focus{
    outline:1px dotted
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{
    color:#888;
    cursor:default;
    outline:none
}
.fancybox-button div{
    height:100%
}
.fancybox-button svg{
    display:block;
    height:100%;
    overflow:visible;
    position:relative;
    width:100%
}
.fancybox-button svg path{
    fill:currentColor;
    stroke-width:0
}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){
    display:none
}
.fancybox-progress{
    background:#ff5268;
    height:2px;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -ms-transform-origin:0;
    transform-origin:0;
    transition-property:transform;
    transition-timing-function:linear;
    z-index:99998
}
.fancybox-close-small{
    background:0 0;
    border:0;
    border-radius:0;
    color:#ccc;
    cursor:pointer;
    opacity:.8;
    padding:8px;
    position:absolute;
    right:-12px;
    top:-44px;
    z-index:401
}
.fancybox-close-small:hover{
    color:#fff;
    opacity:1
}
.fancybox-slide--html .fancybox-close-small{
    color:currentColor;
    padding:10px;
    right:0;
    top:0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{
    overflow:hidden
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small,.slick-slide.slick-loading img{
    display:none
}
.fancybox-navigation .fancybox-button{
    background-clip:content-box;
    height:100px;
    opacity:0;
    position:absolute;
    top:calc(50% - 50px);
    width:70px
}
.fancybox-navigation .fancybox-button div{
    padding:7px
}
.fancybox-navigation .fancybox-button--arrow_left{
    left:0;
    padding:31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right{
    padding:31px 6px 31px 26px;
    right:0
}
.fancybox-caption{
    bottom:0;
    color:#eee;
    font-size:14px;
    font-weight:400;
    left:0;
    line-height:1.5;
    padding:25px 44px;
    right:0;
    text-align:center;
    z-index:99996
}
.fancybox-caption::before{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
    background-repeat:repeat-x;
    background-size:contain;
    bottom:0;
    content:'';
    display:block;
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:-44px;
    z-index:-1
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{
    color:#ccc;
    text-decoration:none
}
.fancybox-caption a:hover{
    color:#fff;
    text-decoration:underline
}
.fancybox-loading{
    animation:fancybox-rotate 1s linear infinite;
    background:0 0;
    border:4px solid #888;
    border-bottom-color:#fff;
    border-radius:50%;
    height:50px;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.7;
    padding:0;
    position:absolute;
    top:50%;
    width:50px;
    z-index:99999
}
@keyframes fancybox-rotate{
    to{
        transform:rotate(360deg)
    }
}
.fancybox-animated{
    transition-timing-function:cubic-bezier(0,0,.25,1)
}
.fancybox-fx-slide.fancybox-slide--previous{
    opacity:0;
    transform:translate3d(-100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--next{
    opacity:0;
    transform:translate3d(100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--current{
    opacity:1;
    transform:translate3d(0,0,0)
}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{
    opacity:0;
    transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.fancybox-fx-fade.fancybox-slide--current{
    opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(1.5,1.5,1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
    opacity:0;
    transform:scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
    opacity:1;
    transform:scale3d(1,1,1)
}
.fancybox-fx-rotate.fancybox-slide--previous{
    opacity:0;
    -ms-transform:rotate(-360deg);
    transform:rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next{
    opacity:0;
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current{
    opacity:1;
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(0,0,0) translate3d(-100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--next{
    opacity:0;
    transform:scale3d(0,0,0) translate3d(100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--current{
    opacity:1;
    transform:scale3d(1,1,1) translate3d(0,0,0)
}
.fancybox-fx-tube.fancybox-slide--previous{
    transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next{
    transform:translate3d(100%,0,0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current{
    transform:translate3d(0,0,0) scale(1)
}
.fancybox-share{
    background:#f4f4f4;
    border-radius:3px;
    max-width:90%;
    padding:30px;
    text-align:center
}
.fancybox-share h1{
    color:#222;
    font-size:35px;
    font-weight:700;
    margin:0 0 20px
}
.fancybox-share p{
    margin:0;
    padding:0
}
.fancybox-share__button{
    border:0;
    border-radius:3px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    line-height:40px;
    margin:0 5px 10px;
    min-width:130px;
    padding:0 15px;
    text-decoration:none;
    transition:all .2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.fancybox-share__button:link,.fancybox-share__button:visited{
    color:#fff
}
.fancybox-share__button:hover{
    text-decoration:none
}
.fancybox-share__button--fb{
    background:#3b5998
}
.fancybox-share__button--fb:hover{
    background:#344e86
}
.fancybox-share__button--pt{
    background:#bd081d
}
.fancybox-share__button--pt:hover{
    background:#aa0719
}
.fancybox-share__button--tw{
    background:#1da1f2
}
.fancybox-share__button--tw:hover{
    background:#0d95e8
}
.fancybox-share__button svg{
    height:25px;
    margin-right:7px;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:25px
}
.fancybox-share__button svg path{
    fill:#fff
}
.fancybox-share__input{
    background:0 0;
    border:0;
    border-bottom:1px solid #d7d7d7;
    border-radius:0;
    color:#5d5b5b;
    font-size:14px;
    margin:10px 0 0;
    outline:none;
    padding:10px 15px;
    width:100%
}
.fancybox-thumbs{
    background:#ddd;
    bottom:0;
    display:none;
    margin:0;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    padding:2px 2px 4px;
    position:absolute;
    right:0;
    -webkit-tap-highlight-color:transparent;
    top:0;
    width:212px;
    z-index:99995
}
.fancybox-thumbs-x{
    overflow-x:auto;
    overflow-y:hidden
}
.fancybox-show-thumbs .fancybox-thumbs,.slick-slide img{
    display:block
}
.fancybox-show-thumbs .fancybox-inner{
    right:212px
}
.fancybox-thumbs__list{
    font-size:0;
    height:100%;
    list-style:none;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:relative;
    white-space:nowrap;
    width:100%
}
/* .fancybox-thumbs-x .fancybox-thumbs__list,body.is-hidden{ */
.fancybox-thumbs-x .fancybox-thumbs__list{
    overflow:hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
    width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
    background:#fff;
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
    background:#2a2a2a;
    border-radius:10px
}
.fancybox-thumbs__list a{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:rgba(0,0,0,.1);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    float:left;
    height:75px;
    margin:2px;
    max-height:calc(100% - 8px);
    max-width:calc(50% - 4px);
    outline:none;
    overflow:hidden;
    padding:0;
    position:relative;
    -webkit-tap-highlight-color:transparent;
    width:100px
}
.fancybox-thumbs__list a::before{
    border:6px solid #ff5268;
    bottom:0;
    content:'';
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:all .2s cubic-bezier(.25,.46,.45,.94);
    z-index:99991
}
.fancybox-thumbs__list a:focus::before{
    opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before,.slider__slide-for:hover::after,.slider__slide-for:hover::before{
    opacity:1
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-slider{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block
}
.slick-track:after,.slick-track:before{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.icon-facebook{
    width:.53em;
    height:1em;
    fill:#000
}
.title-m span,body{
    font-family:'Roboto'
}
body{
    min-width:320px;
    line-height:1.4;
    background:#fff
}
.container,.wrapper{
    background-color:#f4f5f8
}
.wrapper{
    width:100%
}
.container{
    position:relative;
    height:100vh;
    overflow:hidden
}
.title-l,.title-lg,.title-m{
    font-family:'Roboto';
    font-size:28px;
    font-weight:300;
    line-height:1.4;
    color:#494949
}
.title-l,.title-m{
    font-size:33px
}
.title-m{
    font-size:20px;
    line-height:24px
}
.title-m span{
    font-weight:500
}
.inner{
    max-width:1096px;
    margin:0 auto;
    padding:0 15px
}
.bg-image{
    position:absolute;
    width:100%;
    height:0;
    padding-bottom:100%;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover
}
.header{
    background-color:#c4132f;
    padding:20px 0
}
.header__wrap{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.header__logo{
    width:122px;
    max-height:45px
}
.header__logo svg{
    width:100%
}
.logo{
    display:block
}
.clock{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-left:15px
}
.clock__icon{
    margin-right:10px;
    font-size:0
}
.clock__icon svg{
    width:17px;
    height:17px;
    fill:#fff
}
.clock__text{
    font-size:14px;
    font-weight:300;
    line-height:24px;
    color:#fff
}
.clock__text span{
    font-weight:700
}
.main{
    overflow:hidden
}
.main__inner{
    position:relative;
    z-index:2
}
.main__wrap{
    padding:50px 0
}
.main__img{
    position:absolute;
    top:-80px;
    left:calc(50% + 257px);
    width:500px;
    z-index:-1
}
.main__text{
    max-width:676px;
    margin-bottom:30px
}
.main__title{
    margin-bottom:20px
}
.main__descript{
    font-size:14px;
    font-weight:400;
    color:#999
}
.main__row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.card{
    width:100%;
    max-width:520px;
    padding:40px 50px;
    border-radius:25px;
    box-shadow:0 10px 20px rgba(0,0,0,.07);
    background-color:#fff;
    margin-bottom:20px
}
.card:not(:last-child){
    margin-right:20px
}
.card__title{
    text-align:center;
    padding-bottom:22px;
    margin-bottom:25px;
    border-bottom:1px solid #dadada
}
.card__text{
    font-size:14px;
    font-weight:300;
    line-height:1.2;
    color:#777;
    margin-bottom:33px
}
.card__btn{
    text-align:center
}
.slider{
    position:relative;
    overflow:hidden;
    margin-bottom:40px
}
.slider__wrap{
    position:relative;
    opacity:0;
    visibility:hidden;
    transition:opacity .5s,visibility .5s
}
.slider__wrap.slick-initialized{
    overflow:visible;
    opacity:1;
    visibility:visible
}
.slider__slide-for{
    position:relative;
    display:block;
    max-width:340px;
    max-height:255px;
    min-width:255px;
    text-align:center
}
.slider__slide-for img{
    max-height:255px;
    min-height:255px
}
.slider__slide-for::after,.slider__slide-for::before{
    position:absolute;
    left:60%;
    top:50%;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    content:'';
    opacity:0;
    transition:opacity .3s;
    cursor:pointer
}
.slider__slide-for::before{
    border-radius:10px;
    background-color:rgba(0,0,0,.5);
    width:40px;
    height:40px
}
.slider__slide-for::after{
    width:20px;
    height:20px;
    background-image:url(../img/search.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover
}
.slider__nav{
    position:absolute;
    top:0;
    right:0;
    width:70px
}
.slider__slide-nav{
    position:relative;
    width:69px;
    height:70px;
    border-radius:10px;
    border:1px solid #dadada;
    background-color:#fff;
    cursor:pointer;
    transition:border-color .3s;
    overflow:hidden;
    margin-bottom:15px;
    font-size:0;
    text-align:center
}
.slider__slide-for img,.slider__slide-nav img{
    display:inline-block;
    max-width:100%
}
.slider__slide-nav::after{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius:10px;
    content:'';
    background-color:rgba(255,255,255,.5);
    opacity:1;
    transition:opacity .3s
}
.slider .slick-slide.slick-current.slick-active .slider__slide-nav{
    border-color:#000
}
.slider .slick-slide.slick-current.slick-active .slider__slide-nav::after{
    opacity:0
}
.slider__slides{
    padding-right:15px
}
.overlay{
    z-index:99;
    position:fixed;
    background-color:#000;
    opacity:.8;
    filter:alpha(opacity=80);
    top:0;
    right:0;
    bottom:0;
    left:0;
    cursor:pointer;
    display:none
}
.popup,.popup__wrap{
    border-radius:25px;
    width:100%
}
.popup{
    display:none;
    min-width:280px;
    min-height:0;
    max-width:826px;
    background-color:#fff;
    top:50%;
    left:50%;
    z-index:100;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:fixed
}
.popup__wrap{
    position:relative;
    height:100%;
    overflow:hidden;
    padding:40px 50px;
    -webkit-overflow-scrolling:touch
}
.popup__wrap::after{
    position:absolute;
    top:-50px;
    left:-40px;
    width:250px;
    height:250px;
    content:'';
    background-image:url(../img/smart1.png);
    background-repeat:no-repeat;
    background-position:-14% 50%;
    z-index:-1
}
.popup__close{
    position:absolute;
    top:30px;
    right:30px;
    -ms-transform:translate(50%,-50%);
    transform:translate(50%,-50%)
}
.popup__descript,.popup__title{
    margin-bottom:5px;
    text-align:center
}
.popup__descript{
    padding-bottom:10px;
    margin-bottom:30px;
    font-size:13px;
    font-weight:300;
    color:#999;
    border-bottom:1px solid #dadada
}
.popup__row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:25px
}
.popup__col{
    -ms-flex:1 1 50%;
    flex:1 1 50%
}
.popup__col:not(:last-child){
    margin-right:30px
}
.popup__col-title{
    text-align:center;
    margin-bottom:30px
}
.popup__col-img{
    width:100%;
    margin:0 auto
}
.popup__col-img img{
    width:100%
}
.popup__btn{
    text-align:center
}
.popup__btn .btn{
    min-width:186px
}
.form__row:not(:last-child){
    margin-bottom:15px
}
.form__input,.form__row--mod{
    font-size:12px;
    font-weight:300;
    color:#999
}
.form__input{
    width:100%;
    height:46px;
    padding:13px 24px 12px;
    border-radius:23px;
    border:1px solid rgba(218,218,218,.7);
    box-sizing:border-box;
    font-family:'Roboto';
    font-size:15px;
    color:#494949;
    transition:background-color .3s;
    box-shadow:inset -2px 2px 7px rgba(0,0,0,.05)
}
.form__input::-webkit-input-placeholder{
    font-family:"Roboto";
    font-family-font-size:15px;
    font-family-font-weight:300;
    font-family-color:#494949
}
.form__input:-ms-input-placeholder{
    font-family:"Roboto";
    font-family-font-size:15px;
    font-family-font-weight:300;
    font-family-color:#494949
}
.form__input::placeholder{
    font-family:"Roboto";
    font-family-font-size:15px;
    font-family-font-weight:300;
    font-family-color:#494949
}
.form__input:focus{
    background-color:#f4f5f8
}
.form__input:valid{
    background-color:#f4f5f8
}
.close{
    display:inline-block;
    position:relative;
    width:22px;
    height:22px;
    border:none;
    background:0 0
}
.close::after,.close::before{
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg);
    width:100%;
    height:2px;
    content:'';
    border-radius:2px;
    background-color:#494949;
    transition:background-color .3s
}
.close::after{
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.close:hover::after,.close:hover::before{
    background-color:#c4132f
}
.btn,.btn__box{
    text-align:center
}
.btn{
    background:0 0;
    font-family:Roboto;
    font-size:16px;
    font-weight:300;
    line-height:1;
    letter-spacing:.8px;
    color:#008348;
    text-decoration:none;
    display:inline-block
}
.btn__box{
    display:block;
    position:relative;
    min-width:155px;
    height:46px;
    box-sizing:border-box
}
.btn__box:hover .btn__icon{
    transform:translateY(100%) rotateX(90deg)
}
.btn__box:hover .btn__details{
    transform:translateY(0) rotateX(0deg)
}
.btn.success .btn__icon{
    transform:translateY(100%) rotateX(90deg)
}
.btn.success .btn__details,.btn__details,.btn__icon{
    transform:translateY(0) rotateX(0deg);
    background-color:rgba(0,131,72);
}
.btn.success .btn__details::before{
    position:absolute;
    top:50%;
    left:45px;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:14px;
    height:12px;
    content:'';
    background-image:url(../img/check.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover
}
.btn__details,.btn__icon{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    padding:13px 34px 12px;
    box-shadow:0 5px 20px rgba(0,131,72,.15);
    line-height:20px;
    border-radius:23px;
    border:1px solid rgba(0,131,72,.65);
    background-color:#fff;
    transition:transform .5s;
    -ms-transform-origin:top;
    transform-origin:top
}
.btn__details{
    position:absolute;
    top:0;
    left:0;
    color:#fff;
    background-color:rgba(0,131,72);
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    transform:translateY(-46px) rotateX(90deg)
}
.btn.btn--mod .btn__icon{
    box-shadow:none;
    background-color:transparent;
    border:2px solid #fff;
    color:#fff
}
.hero.inner{
    padding:0
}
.hero__img-bottom,.hero__img-up{
    position:absolute;
    background-repeat:no-repeat;
    background-position:50% 50%;
    z-index:1
}
.hero__img-up{
    top:80px;
    left:calc(50% - 540px);
    width:232px;
    height:245px
}
.hero__img-bottom{
    left:calc(50% + 240px);
    bottom:0;
    width:460px;
    height:500px
}
.hero__wrap{
    position:fixed;
    min-width:280px;
    min-height:0;
    max-width:790px;
    padding:70px 114px 91px;
    width:100%;
    border-radius:25px;
    background:#fff;
    top:40%;
    left:50%;
    z-index:100;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-family:'Roboto';
    font-size:14px;
    font-weight:400;
    line-height:18px;
    color:#999
}
.hero__title{
    text-align:center;
    margin-bottom:40px
}
.hero__descrip{
    margin-bottom:70px
}
.hero__row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.hero__col--left{
    -ms-flex:1 1 70%;
    flex:1 1 70%
}
.hero__btn{
    text-align:center
}
.hero__col:not(:last-child){
    margin-right:30px
}
.form--mod{
    width:100%
}
.form--mod .form__row{
    position:relative;
    overflow:hidden;
    max-width:390px
}
.form--mod .form__row .after-affect{
    position:absolute;
    display:block;
    width:100%;
    height:1px;
    left:0;
    bottom:0;
    content:'';
    background-color:#1bab0e;
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    transition:transform .3s
}
.form--mod .form__input{
    border-radius:0;
    border:0;
    border-bottom:1px solid #dadada;
    padding-left:10px
}
.form--mod .form__input:focus,.form--mod .form__input:valid{
    border-color:transparent;
    background-color:transparent
}
.form--mod .form__input:focus~.after-affect,.form--mod .form__input:valid~.after-affect{
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.feedback,.header--mod{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:3
}
.feedback{
    z-index:99;
    position:fixed;
    background-color:#000;
    opacity:.8;
    filter:alpha(opacity=80);
    bottom:0;
    cursor:pointer
}
.window{
    position:fixed;
    min-width:280px;
    min-height:0;
    max-width:558px;
    padding:50px 40px;
    width:100%;
    border-radius:25px;
    background:#fff;
    top:50%;
    left:50%;
    z-index:100;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align:center;
    font-family:'Roboto';
    font-size:14px;
    font-weight:400;
    line-height:18px;
    color:#999
}
.window__title{
    margin-bottom:20px
}
.window p{
    margin-bottom:45px
}
.footer{
    padding:35px 0 31px;
    background-color:#363636;
    opacity:.8
}
.footer.footer--mod{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:22px 0;
    z-index:3
}
.footer.footer--mod .footer__text{
    text-align:left;
    line-height:1.3
}
.footer__text{
    font-size:14px;
    font-weight:300;
    line-height:1.8;
    color:#fff;
    text-align:center
}
.footer__row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footer__col:not(:last-child){
    margin-right:30px
}
.footer__col--right{
    font-size:0
}
@media only screen and (max-width:1023px){
    body.is-hidden{
        width:100vw;
        height:100vh;
        position:fixed
    }
    .card:not(:last-child):not(:last-child){
        margin-right:0
    }
    .btn__box:hover .btn__icon{
        transform:translateY(0) rotateX(0deg)
    }
    .btn__box:hover .btn__details{
        transform:translateY(-46px) rotateX(90deg)
    }
}
@media only screen and (max-width:767px){
    .container{
        height:auto
    }
    .title-lg{
        font-size:22px
    }
    .title-l{
        font-size:26px
    }
    .title-m{
        font-size:18px
    }
    .header{
        padding:15px 0
    }
    .header__logo{
        width:90px
    }
    .clock{
        margin-left:10px
    }
    .clock__text{
        font-size:11px
    }
    .main__wrap{
        padding:25px 0
    }
    .main__img{
        top:-70px
    }
    .card{
        padding:20px 25px
    }
    .card__text,.slider{
        margin-bottom:20px
    }
    .slider__slide-for{
        max-width:100%;
        height:350px
    }
    .slider__slide-for::after,.slider__slide-for::before{
        left:50%
    }
    .slider__nav{
        width:100%;
        position:static
    }
    .slider__slide-nav{
        line-height:95px;
        margin-bottom:0;
        width:100%;
        height:95px
    }
    .slider__slide-nav img{
        max-width:70px;
        height:70px;
        vertical-align:middle
    }
    .popup{
        top:0;
        right:0;
        bottom:0;
        left:0;
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        border-radius:0
    }
    .popup__wrap{
        padding:45px 25px 30px;
        overflow-y:scroll
    }
    .popup__wrap::after{
        display:none
    }
    .popup__row{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .popup__col{
        -ms-flex:1 1 100%;
        flex:1 1 100%
    }
    .popup__col:not(:last-child){
        margin-right:0;
        margin-bottom:30px
    }
    .hero__img-bottom,.hero__img-up{
        display:none
    }
    .hero__wrap{
        position:static;
        padding:35px 25px 45px;
        -ms-transform:translate(0);
        transform:translate(0);
        border-radius:0
    }
    .hero__title{
        margin-bottom:20px
    }
    .hero__descrip{
        text-align:center;
        margin-bottom:35px
    }
    .hero__row{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .hero__col--left{
        margin-bottom:25px
    }
    .hero__btn,.hero__col--left{
        -ms-flex:1 1 100%;
        flex:1 1 100%
    }
    .hero__col:not(:last-child){
        margin-right:0
    }
    .form--mod .form__row{
        max-width:100%
    }
    .footer.footer--mod,.header--mod{
        position:static
    }
    .window__title{
        margin-bottom:10px
    }
    .window p{
        margin-bottom:25px
    }
    .footer{
        padding:17px 0 15px
    }
    .footer__row{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .footer__col{
        -ms-flex:1 1 100%;
        flex:1 1 100%;
        text-align:center
    }
    .footer__col:not(:last-child){
        margin-right:0;
        margin-bottom:30px
    }
}
@media only screen and (max-width:599px){
    .slider__slide-for{
        min-height:auto
    }
    .slider__slide-nav{
        height:70px;
        line-height:70px
    }
}
@media all and (max-width:576px){
    .fancybox-thumbs{
        width:110px
    }
    .fancybox-show-thumbs .fancybox-inner{
        right:110px
    }
    .fancybox-thumbs__list a{
        max-width:calc(100% - 10px)
    }
}
@media all and (max-height:576px){
    .fancybox-caption{
        padding:12px
    }
    .fancybox-slide{
        padding-left:6px;
        padding-right:6px
    }
    .fancybox-slide--image{
        padding:6px 0
    }
    .fancybox-close-small{
        right:-6px
    }
    .fancybox-slide--image .fancybox-close-small{
        background:#4e4e4e;
        color:#f2f4f6;
        height:36px;
        opacity:1;
        padding:6px;
        right:0;
        top:0;
        width:36px
    }
}
@media (prefers-reduced-motion:reduce){
    *{
        transition:none!important
    }
}