.cover-bg,.grid .photo-item,svg:not(:root){
    overflow:hidden
}
*,a:active,a:focus,a:hover,button,input,textarea{
    outline:0
}
img,legend{
    border:0
}
body,html{
    overflow-x:hidden
}
a,a:focus,a:hover{
    text-decoration:none
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-500.eot);
    src:local('MuseoSansCyrl-500'),url(../fonts/MuseoSansCyrl-500.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-500.woff) format('woff'),url(../fonts/MuseoSansCyrl-500.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-300Italic.eot);
    src:local('MuseoSansCyrl-300Italic'),url(../fonts/MuseoSansCyrl-300Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-300Italic.woff) format('woff'),url(../fonts/MuseoSansCyrl-300Italic.ttf) format('truetype');
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-500Italic.eot);
    src:local('MuseoSansCyrl-500Italic'),url(../fonts/MuseoSansCyrl-500Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-500Italic.woff) format('woff'),url(../fonts/MuseoSansCyrl-500Italic.ttf) format('truetype');
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-900.eot);
    src:local('MuseoSansCyrl-900'),url(../fonts/MuseoSansCyrl-900.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-900.woff) format('woff'),url(../fonts/MuseoSansCyrl-900.ttf) format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-700.eot);
    src:local('MuseoSansCyrl-700'),url(../fonts/MuseoSansCyrl-700.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-700.woff) format('woff'),url(../fonts/MuseoSansCyrl-700.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-700Italic.eot);
    src:local('MuseoSansCyrl-700Italic'),url(../fonts/MuseoSansCyrl-700Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-700Italic.woff) format('woff'),url(../fonts/MuseoSansCyrl-700Italic.ttf) format('truetype');
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-300.eot);
    src:local('MuseoSansCyrl-300'),url(../fonts/MuseoSansCyrl-300.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-300.woff) format('woff'),url(../fonts/MuseoSansCyrl-300.ttf) format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-100.eot);
    src:local('MuseoSansCyrl-100'),url(../fonts/MuseoSansCyrl-100.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-100.woff) format('woff'),url(../fonts/MuseoSansCyrl-100.ttf) format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-100Italic.eot);
    src:local('MuseoSansCyrl-100Italic'),url(../fonts/MuseoSansCyrl-100Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-100Italic.woff) format('woff'),url(../fonts/MuseoSansCyrl-100Italic.ttf) format('truetype');
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:'Museo Sans Cyrl';
    src:url(../fonts/MuseoSansCyrl-900Italic.eot);
    src:local('Museo Sans Cyrl 900 Italic'),local('MuseoSansCyrl-900Italic'),url(../fonts/MuseoSansCyrl-900Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/MuseoSansCyrl-900Italic.woff) format('woff'),url(../fonts/MuseoSansCyrl-900Italic.ttf) format('truetype');
    font-weight:700;
    font-style:italic
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
.wrapper,.ycont{
    display:flex;
    width:100%;
    position:relative
}
a{
    background:0 0;
    color:#190b02
}
abbr[title]{
    border-bottom:1px dotted
}
b,optgroup,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre,textarea{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
*,.form,:after,:before,html{
    box-sizing:border-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    padding:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
ul{
    padding-left:0;
    list-style-type:none
}
h1,h2,h3,p{
    margin-top:0
}
@-ms-viewport{
    width:device-width
}
.wrapper{
    justify-content:center;
    padding:38px 0
}
.ycont{
    flex-direction:column;
    max-width:1170px;
    padding-left:15px;
    padding-right:15px
}
*,li,ul{
    padding:0;
    margin:0
}
li::after,li::before{
    display:block;
    position:absolute;
    content:''
}
html{
    font-size:16px
}
body{
    font-family:"Museo Sans Cyrl";
    font-size:20px;
    color:#fff;
    background:#242424;
    margin:0;
    width:100%;
    min-width:320px;
    -webkit-text-size-adjust:none
}
li,ul{
    display:block
}
.first__left h1,li{
    margin-bottom:40px
}
li{
    position:relative;
    padding-left:35px;
    font-weight:300
}
li::after{
    width:8px;
    height:8px;
    background:#ff7019;
    left:4px;
    top:6px;
    border-radius:50%
}
li::before{
    width:16px;
    height:16px;
    border:1px solid #ff7019;
    border-radius:50%;
    left:0;
    top:2px
}
.container,.form__block{
    position:relative
}
ol li{
    display:list-item
}
h1{
    font-size:49px;
    font-weight:300;
    font-family:"Museo Sans Cyrl";
    text-transform:uppercase;
    line-height:.7;
    margin:50px 0
}
.form__title,h1 span,h2,h3,h4{
    font-weight:900
}
h1 span{
    display: inline-block;
font-size: 41px;
padding-top: 20px;
}
h1 span:last-child{
    
    font-size:30px
}
h2{
    font-size:65px;
    text-transform:uppercase
}
h3{
    font-size:45px
}
h4{
    font-size:30px
}
.cover-bg{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    z-index:-1
}
.cover-bg img,.cover-bg video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.btn,input{
    height:55px
}
.row{
    display:flex;
    flex-wrap:wrap
}
input,textarea{
    box-shadow:none;
    width:100%;
    max-width:309px;
    border-radius:27px;
    border:1px solid #dadada;
    padding:0 56px;
    font-size:16px;
    color:#222;
    margin-bottom:25px
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    font-weight:300
}
input::-moz-placeholder,textarea::-moz-placeholder{
    font-weight:300
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    font-weight:300
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    font-weight:300
}
input::placeholder,textarea::placeholder{
    font-weight:300
}
input{
    line-height:normal
}
input[name=name]{
    background:url(../img/icon-name.png) 25px center no-repeat
}
input[name=phone]{
    background:url(../img/icon-phone.png) 25px center no-repeat
}
input[name=email]{
    background:url(../img/icon-mail.png) 25px center no-repeat
}
input:hover{
    border-color:#ff7019
}
input:focus{
    border-color:#222
}
.form{
    background:#fff;
    border-radius:10px;
    padding:15px;
    max-width:445px;
    color:#222
}
.form__block{
    border:2px solid #eb4142;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    padding:30px 35px
}
.form__img{
    position:absolute;
    right:0;
    top:-40px
}
.form__img img{
    position:absolute
}
.form__img img:nth-of-type(1){
    top:0;
    right:8px
}
.form__img img:nth-of-type(2){
    top:117px;
    right:85px
}
.form__title{
    font-size:16px;
    color:#e13e3f;
    text-transform:uppercase;
    line-height:1.4;
    margin-bottom:5px
}
.form__descript{
    font-size:16px;
    line-height:1.5;
    margin-bottom:28px
}
.form .btn{
    margin:10px 0 20px
}
.btn{
    min-width:208px;
    border-radius:27.5px;
    font-size:16px;
    color:#fff;
    border:none;
    background:linear-gradient(0deg,#f91a1a 0,#f67b18 100%)
}
.btn:hover{
    box-shadow:0 5px 10px rgba(249,26,26,.7)
}
.btn:active{
    box-shadow:0 2px 10px rgba(249,26,26,.7)
}
@media screen and (max-width:970px){
    h2{
        font-size:55px
    }
}
@media screen and (max-width:700px){
    h1{
        font-size:57px
    }
    h1 span{
        font-size:27px
    }
    h1 span:last-child{
        font-size:37px;
        margin-top:20px
    }
    .wrapper{
        padding:25px 0
    }
    h2{
        font-size:45px
    }
    h2 br{
        display:none
    }
    body{
        font-size:19px
    }
    h4{
        font-size:27px
    }
    h3{
        font-size:36px
    }
}
@media screen and (max-width:510px){
    h1{
        font-size:20px;
        margin:20px 0
    }
    h1 span{
        font-size:16px
    }
    h1 span:last-child{
        font-size:14px;
        margin-top:-5px
    }
}
@-webkit-keyframes scale{
    0%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    70%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
}
@keyframes scale{
    0%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    70%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
}
.wrapper--header{
    position:absolute;
    left:0;
    top:0;
    z-index:2
}
.ycont--header{
    flex-direction:row;
    align-items:center
}
.header__logo{
    display:flex;
    align-items:center;
    margin-right:41px
}
.header__logo img{
    display:block;
    margin-right:12px
}
.header__logo p{
    flex-grow:1;
    font-size:11px;
    font-weight:700;
    max-width:120px;
    line-height:1.1
}
.header__logo p span{
    margin-top:4px;
    display:inline-block;
    font-size:10px;
    font-weight:400
}
.header__descript{
    font-size:25px;
    font-weight:300;
    border-left:1px solid #fff;
    padding-left:45px;
    padding-bottom:5px
}
.wrapper--first{
    background:url(../img/bg.png) left top/100% 110% no-repeat;
    padding-top:220px
}
.ycont--first{
    padding-bottom:120px
}
.first__row{
    display:flex;
    justify-content:space-between
}
.first__left{
    display:flex;
    flex-direction:column
}
.first__descript{
    font-size:33px;
    font-weight:300;
    padding-left:5px
}
.first__author{
    display:inline-block;
    margin-left:auto;
    margin-top:72px;
    padding-right:170px
}
.first__author b{
    font-size:19px;
    font-weight:900;
    margin-bottom:12px;
    display:inline-block
}
.first__author p{
    font-size:19px;
    font-weight:300
}
.first__photo{
    position:absolute;
    bottom:0;
    right:395px
}
.first__photo img:nth-child(2){
    position:absolute;
    bottom:265px;
    left:-100px
}
@media screen and (max-width:1170px){
    .first__row{
        flex-direction:column
    }
    .first__photo{
        left:384px;
        right:unset
    }
    .first__photo img:nth-child(2){
        left:90%;
        top:62px
    }
}
@media screen and (max-width:940px){
    .wrapper--first{
        padding-top:110px
    }
    .header__descript{
        font-size:18px
    }
    .first__photo img:nth-child(2){
        display:none
    }
    .first__author{
        padding-right:0
    }
}
@media screen and (max-width:700px){
    .first__photo{
        position:relative;
        left:0;
        order:1;
        margin-top:-110px
    }
    .first__right{
        order:2
    }
    .wrapper--first{
        background:url(../img/bg.png) left top/100% no-repeat;
        padding-top:130px
    }
    .wrapper--first h1{
        margin-bottom:30px
    }
    .ycont--header{
        flex-wrap:wrap
    }
    .ycont--header div{
        margin-bottom:20px
    }
    .first__descript{
        font-size:27px;
        padding-left:0
    }
    .header__descript{
        padding-left:20px
    }
    .first__author b{
        font-size:17px;
        margin-bottom:9px
    }
    .first__author p{
        font-size:17px
    }
    .ycont--first{
        padding-bottom:0
    }
}
@media screen and (max-width:510px){
    .first__photo{
        margin-top:100px
    }
    .first__author{
        margin-top:50px;
        margin-left:0
    }
    .form__block{
        padding:30px 15px
    }
    .header__descript{
        font-size:11px;
        padding-left:14px
    }
    .header__logo p{
        font-size:7px;
        max-width:70px
    }
    .header__logo p span{
        font-size:6px
    }
    .header__logo{
        margin-right:15px
    }
    .ycont--header div{
        margin-bottom:0
    }
    .header__logo img{
        width:30px
    }
    .wrapper--first{
        background:url(../img/bg-mob.png) top left/100% no-repeat
    }
    .wrapper--first h1{
        margin-bottom:14px
    }
    .first__descript{
        font-size:18px
    }
    .first__author b{
        font-size:16px
    }
    .first__author p{
        font-size:14px
    }
    .first__photo{
        position:absolute;
        width:151px;
        right:0;
        left:unset;
        top:0
    }
    .first__photo img{
        width:100%
    }
    .first__left{
        margin-bottom:120px
    }
    .first__photo img:nth-child(2){
        display:block;
        left:-15px;
        width:50px;
        top:222px
    }
}
@media screen and (max-width:470px){
    .form__img img:nth-of-type(2){
        display:none
    }
    .form__img img:nth-of-type(1){
        top:-45px
    }
}
.wrapper--program{
    background:url(../img/program/shutterstock.png) left top/100% 110% no-repeat
}
.program__block{
    background:#fff;
    border-radius:27px;
    box-shadow:0 43px 43px rgba(0,0,0,.44);
    color:#222;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:65px 65px 65px 84px;
    max-width:795px;
    margin-left:auto;
    margin-top:65px
}
.program__item{
    width:45%;
    position:relative;
    padding-top:30px;
    margin-bottom:40px
}
.program__item img{
    position:absolute;
    right:0;
    top:0
}
.program__item b{
    font-size:50px
}
.program__item p{
    font-weight:300
}
.program__item:nth-child(1) img{
    top:-30px;
    right:20px
}
.program__item:nth-child(2) img{
    top:-50px;
    right:15px
}
.program__item:nth-child(3) img{
    top:-30px;
    right:20px
}
.program__item:nth-child(4) img{
    right:25px
}
.program__item:nth-child(5) img{
    top:-40px
}
.program__item:nth-child(6) img{
    right:30px;
    top:-10px
}
.program__right-img{
    position:absolute;
    right:0;
    top:80px
}
@media screen and (max-width:1320px){
    .program__block{
        margin-right:40px
    }
}
@media screen and (max-width:1240px){
    .program__block{
        margin-right:80px
    }
}
@media screen and (max-width:890px){
    .program__right-img{
        display:none
    }
    .program__block{
        margin-right:0;
        width:100%
    }
}
@media screen and (max-width:810px){
    .program__item p br{
        display:none
    }
    .program__item:nth-child(4) img{
        right:0
    }
}
@media screen and (max-width:700px){
    .program__item{
        width:100%;
        margin-bottom:60px
    }
}
@media screen and (max-width:530px){
    .program__block{
        padding:50px 20px 0
    }
    .program__item:nth-child(6) img{
        right:0
    }
}
.wraper--features{
    padding-top:80px
}
.wraper--features::before{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:570px;
    background:url(../img/features/118.png) center/100% 100% no-repeat;
    top:-150px
}
.features__right{
    position:absolute;
    right:0;
    bottom:50px
}
.features__right p{
    font-weight:300;
    display:inline-block;
    position:absolute;
    top:-175px;
    left:300px
}
.features__right p::before{
    content:'';
    display:block;
    position:absolute;
    width:32px;
    height:81px;
    background:url(../img/features/dots.svg) center no-repeat;
    top:60px;
    right:20px
}
.features__block{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    max-width:819px;
    padding-top:70px
}
.features__item{
    width:45%;
    margin-bottom:75px
}
.features__item-img{
    position:relative;
    height:145px;
    width:145px;
    border-radius:50%;
    border:1px solid #ff7019;
    margin-bottom:40px
}
.about__photo::after,.features__item-img::after,.features__item-img::before{
    border-radius:50%;
    content:''
}
.features__item-img::after{
    display:block;
    position:absolute;
    width:88px;
    height:88px;
    background:#ff7019;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto
}
.features__item-img::before{
    display:block;
    position:absolute;
    width:310px;
    height:310px;
    background:url(../img/features/shadow.png) center/cover no-repeat;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.features__item-img img{
    position:absolute;
    right:-20px;
    bottom:0;
    z-index:2
}
.features__item p{
    font-weight:30
}
@media screen and (max-width:1490px){
    .features__right{
        width:40%
    }
    .features__right img{
        width:100%
    }
    .features__right p{
        left:46%
    }
}
@media screen and (max-width:1120px){
    .features__right{
        display:none
    }
    .features__block{
        max-width:100%
    }
}
@media screen and (max-width:780px){
    .features__item p br{
        display:none
    }
}
@media screen and (max-width:480px){
    .features__item{
        width:100%;
        margin-bottom:40px
    }
    .features__item-img{
        margin-bottom:15px
    }
}
.wrapper--about{
    background:url(../img/about/bg.png) center/cover no-repeat;
    position:relative
}
.wrapper--about::before{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:570px;
    background:url(../img/features/118.png) center/100% 100% no-repeat;
    top:-150px
}
.about{
    display:flex
}
.about__photo{
    position:relative;
    margin-left:-200px;
    margin-top:20px;
    left:40px;
    width:57vw
}
.about__photo::after{
    display:block;
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(255,112,25,.3);
    box-shadow:0 0 950px #ff7019;
    left:250px;
    bottom:300px;
    z-index:-1
}
.about__content{
    padding-top:100px
}
.about__content h4{
    text-transform:uppercase;
    margin-bottom:15px
}
.about__content p{
    font-size:16px;
    font-weight:900;
    color:rgba(255,255,255,.5);
    margin-bottom:40px
}
.about__social{
    display:flex;
    padding-top:10px
}
.about__social-item{
    display:flex;
    align-items:flex-start;
    width:240px;
    height:89px;
    background:url(../img/about/bg-item.png) left top/105% 130% no-repeat;
    padding-top:16px;
    padding-left:53px;
    margin-left:-35px
}
.about__social-item p{
    font-size:16px;
    font-weight:300;
    color:#fff
}
.about__social-item p b{
    font-size:25px;
    font-weight:900
}
.about__social-item img{
    margin-top:5px;
    margin-right:10px
}
.about__social-item:nth-child(2) img{
    margin-right:20px
}
.about__social-item:nth-child(1){
    margin-left:0
}
@media screen and (max-width:1100px){
    .about{
        flex-direction:column
    }
    .about__content{
        padding-top:0
    }
}
@media screen and (max-width:700px){
    .about__social{
        flex-wrap:wrap;
        justify-content:center
    }
    .about__social-item{
        margin-left:0;
        margin-bottom:15px
    }
    .about__photo{
        width:100%;
        margin-left:-20%
    }
    .about__photo img{
        max-width:120%
    }
    .about__photo::after{
        width:35%;
        height:35%;
        left:30%;
        bottom:29%
    }
}
.wrapper--portfolio{
    background:url(../img/features/118.png) center bottom/100% 70% no-repeat
}
.wrapper--portfolio h2{
    margin-bottom:55px
}
.grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:210px 210px;
    grid-template-areas:"item1 item1 item2 item3" "item1 item1 item4 item5";
    position:relative
}
.grid .photo-item.item-1{
    grid-area:item1
}
.grid .photo-item.item-2{
    grid-area:item2
}
.grid .photo-item.item-3{
    grid-area:item3
}
.grid .photo-item.item-4{
    grid-area:item4
}
.grid .photo-item{
    position:relative
}
.grid .photo-item img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    transition:all ease-in-out .45s
}
.grid .photo-item::before{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../img/uncover.svg) center no-repeat rgba(30,30,30,.4);
    z-index:2;
    transition:all ease-in-out .25s;
    opacity:0
}
.bonus__left-img,.wrapper--bonus{
    position:relative
}
.grid .photo-item:hover img{
    -webkit-transform:translate(-50%,-50%) scale(1.1);
    transform:translate(-50%,-50%) scale(1.1)
}
.grid .photo-item:hover::before{
    opacity:1
}
@media screen and (max-width:820px){
    .grid{
        grid-template-rows:140px 140px
    }
}
@media screen and (max-width:640px){
    .grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:150px 150px 180px 180px;
        grid-template-areas:"item1 item1" "item1 item1" "item2 item3" "item4 item5"
    }
}
@media screen and (max-width:490px){
    .grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:120px 120px 140px 140px;
        grid-template-areas:"item1 item1" "item1 item1" "item2 item3" "item4 item5"
    }
}
@media screen and (max-width:380px){
    .grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:80px 80px 120px 120px;
        grid-template-areas:"item1 item1" "item1 item1" "item2 item3" "item4 item5"
    }
}
.wrapper--bonus{
    background:url(../img/bonus/bg.png) center/cover no-repeat;
    border-bottom:1px solid rgba(255,255,255,.2);
    padding-bottom:0
}
.bonus__left{
    max-width:660px
}
.bonus__left p{
    font-size:45px;
    font-weight:100;
    text-transform:uppercase;
    margin-bottom:20px;
    margin-top:10px
}
.bonus__left h3{
/*    text-transform:uppercase*/
}
.bonus__left-img img{
    position:absolute
}
.bonus__left-img img:nth-child(1){
    position:absolute;
    right:40%;
    top:30px
}
.bonus__left-img img:nth-child(2){
    margin-left:-150px;
    margin-top:-50px
}
.bonus__photo{
    position:absolute;
    bottom:-11px;
    right:363px
}
.bonus__right{
    padding-top:150px;
    margin-bottom:150px
}
@media screen and (max-width:1170px){
    .bonus__left-img img:nth-child(1){
        display:none
    }
    .bonus__left-img img:nth-child(2){
        right:0;
        left:unset;
        width:50%
    }
    .bonus__left{
        max-width:100%
    }
    .bonus__photo{
        right:unset;
        left:363px
    }
}
@media screen and (max-width:890px){
    .bonus__left-img img:nth-child(2){
        display:none
    }
    .bonus__right{
        padding-top:50px;
        margin-bottom:50px
    }
    .bonus__photo{
        left:unset;
        right:0;
        bottom:-10px;
        width:40%
    }
    .bonus__photo img{
        max-width:100%
    }
    .wrapper--bonus{
        overflow:hidden
    }
}
@media screen and (max-width:700px){
    .bonus__left p{
        font-size:27px
    }
    .bonus__left p br{
        display:none
    }
    .bonus__right{
        padding-top:80px;
        margin-bottom:100px
    }
}
.footer__logo,.ycont--footer a{
    margin-bottom:7px
}
.ycont--footer{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding-top:50px;
    padding-bottom:30px
}
.ycont--footer a{
    font-size:16px;
    font-weight:300;
    text-transform:uppercase;
    color:#fff
}
.ycont--footer a:hover{
    text-decoration:underline
}
.footer__policy{
    display:flex;
    flex-direction:column
}
.footer__policy a{
    text-decoration:underline
}
.footer__policy a:hover{
    text-decoration:none
}
.footer__contacts{
    display:flex;
    flex-direction:column
}
@media screen and (max-width:700px){
    .ycont--footer{
        flex-direction:column;
        padding:0 15px;
        align-items:flex-start
    }
    .ycont--footer>div{
        margin-bottom:15px
    }
    .ycont--footer>div:last-child{
        margin-bottom:0
    }
}
/*# sourceMappingURL=style.css.map */

/*# правки 18,02,2020 */
.footer__btn{
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 11px;
    max-width: 160px;

}
 .footer__btn:hover{
	text-decoration: none !important;
	border-radius: 35px;
}