html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*,::after,::before{
    -webkit-box-sizing:inherit;
    box-sizing:inherit;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#f7f7f7;
    margin:0;
    font-size:16px
}
*{
    letter-spacing:.8px;
    font-family:'Roboto',sans-serif;
    font-weight:400
}
main{
    overflow-x:hidden
}
img{
    width:100%;
    height:auto
}
ul li a.menu__link{
    color:#2b2b2b
}
ul li a.menu__link-portfolio{
    color:#f7f7f7
}
ul li a.menu__link-portfolio:hover{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
body,html{
    height:100%;
    position:relative
}
body{
    min-width:320px!important;
    overflow-x:hidden!important
}
footer,header,section{
    overflow-x:hidden
}
h1,h2,h3,h4,h5,h6,li,ol,p,ul{
    margin:0;
    padding:0;
    list-style:none
}
a{
    text-decoration:none!important;
    color:inherit
}
a:hover{
    color:inherit
}
.container{
    max-width:1620px!important;
    position:relative
}
button:focus,input:focus{
    outline:transparent
}
button{
    padding:0;
    border:none;
    font:inherit;
    color:inherit;
    background-color:transparent;
    cursor:pointer
}


.header *{
    color:#2b2b2b
}
.logo-img{
    width:165px!important
}
.logo-img2{
    width:165px
}
.menu{
    background-color:#000;
    position:relative
}
.menu *{
    color:#f7f7f7
}
.fat{
    background-color:#2b2b2b;
    padding:3% 0 3%;
    overflow-x:hidden
}
.title{
    font-size:30px;
    font-weight:600;
    letter-spacing:1.5px
}
.gallery-fats{
    margin:0 auto;
    height:calc(170px + 530 * ((100vw - 320px)/ (1920 - 320)))
}
.swiper-button-next,.swiper-button-prev, .swiper-button-prev-try, .swiper-button-next-try, .swiper-button-prev-awards, .swiper-button-next-awards{
    width:25px;
    height:25px;
    z-index:3;
    outline:0;
    top:50%;
    position: absolute;
    cursor: pointer;
}
.swiper-button-next:after,.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
    display:none;
    cursor: pointer;
}
.swiper-button-prev, .swiper-button-prev-try, .swiper-button-prev-awards{
    border:23px solid transparent;
    border-right:17px solid #db5258;
    left:-44px;
    -webkit-transition:.7s all;
    -o-transition:.7s all;
    transition:.7s all;
    cursor: pointer;
}
.swiper-button-next, .swiper-button-next-try, .swiper-button-next-awards{
    border:23px solid transparent;
    border-left:17px solid #db5258;
    right:-44px;
    -webkit-transition:.7s all;
    -o-transition:.7s all;
    transition:.7s all
}
 .swiper-button-prev-try:hover,  .swiper-button-next-try:hover{
    opacity: .5;
}
.swiper-button-disabled{
    opacity:.4!important
}
.swiper-button-next:hover{
    border-left:17px solid #000
}
.swiper-button-prev:hover{
    border-right:17px solid #000
}

.info-swiper__wrapper .swiper-button-next{
    right:-30px
}
.info-swiper__wrapper .swiper-button-prev{
    left:-30px
}
.clients-img-frame{
    height:calc(142px + 350.39 * ((100vw - 320px)/ (1880 - 320)))!important;
    position:relative
}
.clients-img-frame img{
    height:inherit
}
.clients-img-frame:hover .clients-hover{
    opacity:1
}
.container-keys__swiper{
    position:relative
}
#map{
    width:100%;
    height:720px;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:gray;
    -webkit-filter:grayscale(1)
}
.map-descr{
    position:absolute;
    height:411px;
    background-color:rgba(43,43,43,.8);
    z-index:2;
    left:calc(4% - 4px);
    top:12%
}
.inst-widget{
    position:absolute;
    z-index:1;
    right:calc(4% - 4px);
    top:12%;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation:instAnim 2s linear infinite;
    animation:instAnim 2s linear infinite
}
.video__link{
    height:100%
}
.video__media{
    height:100%;
    width:100%
}
.video__button{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    padding:0;
    background-color:transparent;
    display:none
}
.video:hover .video__button-shape,.video__button:focus .video__button-shape{
    fill:red;
    fill-opacity:1
}
.video__button-shape{
    fill:#212121;
    fill-opacity:.8
}
.video__button-icon{
    fill:#fff
}
.video--enabled{
    cursor:pointer
}
.video--enabled .video__button{
    display:block
}
@-webkit-keyframes instAnim{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    30%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px)
    }
    70%{
        -webkit-transform:translateY(6px);
        transform:translateY(6px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes instAnim{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    30%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px)
    }
    70%{
        -webkit-transform:translateY(6px);
        transform:translateY(6px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
footer{
    background-color:#2b2b2b;
    position:relative
}
.footer-scroll{
    position:absolute;
    right:2%;
    bottom:6%
}
.burger,.burger-index{
    width:50px;
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    z-index:4
}
.nav-site__wrapper span:last-child a:hover{
	color:#db5258;
	transition:.5s all;
}
.burger span,.burger-index span{
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    width:50px;
    height:3px;
    border-radius:4px;
    background:-o-linear-gradient(left,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    background:-webkit-gradient(linear,left top,right top,from(#bf953f),color-stop(#fcf6ba),color-stop(#b38728),color-stop(#fbf5b7),to(#aa771c));
    background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c)
}
.burger span:nth-child(2),.burger-index span:nth-child(2){
    margin:12px 0
}
.burger-active span:nth-child(2),.burger-index-active span:nth-child(2){
    opacity:0;
    margin:-3px
}
.burger-active span:first-child,.burger-index-active span:first-child{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.burger-active span:last-child,.burger-index-active span:last-child{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.menu__burger-wrapper{
    position:fixed;
    height:100%;
    width:100%;
    z-index:4;
    left:0;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:rgba(0,0,0,.8);
    -webkit-transform:translateX(-100vw);
    -ms-transform:translateX(-100vw);
    transform:translateX(-100vw);
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.menu__burger-wrapper .header-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:60%
}
.doing-p a:hover{
    text-decoration:underline!important
}
.doing-item img{
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all
}
.doing-item:hover img{
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7)
}
.comm-link div{
    margin-left:20px
}
.boss-img__fat{
    -webkit-transition:.4s all;
    -o-transition:.4s all;
    transition:.4s all
}
.img-hover-clients{
    height:100%!important
}
footer * * a,footer * a,footer a{
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all
}
footer * * a:hover,footer * a:hover,footer a:hover{
    text-decoration:underline!important;
    color:#db5258
}
.mapper{
    overflow:hidden;
    background:#fff
}
.mapper * * a:hover,.mapper * a:hover,.mapper a:hover{
    text-decoration:underline!important
}
.boss-img__fat:hover{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.menu__burger-wrapper .header-menu .menu__ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:inherit
}
.menu__burger-wrapper__active{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.award-ico{
    margin-right:3%;
    width:42px;
    margin-bottom:1%
}
.award-ico:last-child{
    margin-right:0
}
.header-button{
    padding:6% 0;
    border-radius:2px;
    border:1px solid #2b2b2b;
    background:0 0;
    font-size:12px;
    letter-spacing:.6px;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.header-button:hover{
    background-color:transparent
}
.award-1 img{
    width:100px
}
.award-2 img{
    width:120px
}
.award-ico2 {
	width:46.5px;
}
.header-menu .menu__ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header-menu .menu__ul .menu__header-link{
    font-size:15px;
    font-weight:400;
    padding:12px 17px;
    border-radius:10px;
    color:#fff;
    position:relative
}
.header-menu .menu__ul .menu__header-link a{
    color:#f7f7f7
}
.header-menu .menu__ul li.current-menu-item{
    font-size:15px;
    font-weight:400;
    padding:14px 20px;
    border-radius:10px;
    background-color:#f7f7f7;
    border:1px solid #2b2b2b;
    position:relative
}
.header-menu .menu__ul li.current-menu-item a{
    color:#2b2b2b
}
.header-menu .menu__ul .menu__header-link:focus,.header-menu .menu__ul .menu__header-link:hover{
    outline:0
}
.header-menu .menu__ul .menu__header-link:focus:after,.header-menu .menu__ul .menu__header-link:hover:after{
    top:40%;
    opacity:0
}
.header-menu .menu__ul .menu__header-link:focus:before,.header-menu .menu__ul .menu__header-link:hover:before{
    top:0;
    right:-3%;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    opacity:1
}
* a.map-award:hover{
    text-decoration:none!important
}
.nav-site__wrapper span:last-child a{
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all;
    color:#f1ca21
}
.nav-site__wrapper span a:hover{
    color:#bf953f
}
.header-menu .menu__ul .menu__header-link:focus ul,.header-menu .menu__ul .menu__header-link:hover ul{
    display:block
}
.header-menu .menu__ul .menu__header-link:after{
    content:"";
    position:absolute;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    opacity:1;
    right:1%;
    top:44%;
    -webkit-transform:tanslateY(-50%);
    -ms-transform:tanslateY(-50%);
    transform:tanslateY(-50%);
    height:12px;
    width:12px;
    background-repeat:no-repeat;
    background-size:auto
}
.header-menu .menu__ul .menu__header-link:before{
    content:"«";
    position:absolute;
    right:-1%;
    top:2%;
    -webkit-transform:tanslateY(-50%);
    -ms-transform:tanslateY(-50%);
    transform:tanslateY(-50%);
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    display:block;
    opacity:1;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    height:uset;
    width:uset;
    font-size:30px;
    background-repeat:no-repeat;
    background-size:auto;
    background-color:rgba(0,0,0,0)
}
.header-menu .menu__ul li.current-menu-item.menu__header-link:before{
    content:"";
    position:absolute;
    right:-1%;
    top:30%;
    -webkit-transform:tanslateY(-50%);
    -ms-transform:tanslateY(-50%);
    transform:tanslateY(-50%);
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    display:block;
    opacity:1;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    height:18px;
    width:18px;
    background-image:url(../images/select-r.svg);
    background-repeat:no-repeat;
    background-size:auto
}
.header-menu .menu__ul li.current-menu-item.menu__header-link:hover:before{
    content:"";
    position:absolute;
    right:2%;
    top:30%;
    -webkit-transform:tanslateY(-50%);
    -ms-transform:tanslateY(-50%);
    transform:tanslateY(-50%);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.header-menu .menu__ul .menu__header-link ul{
    display:none;
    position:absolute;
    top:102%;
    width:100%;
    left:0;
    padding:17px;
    font-size:14px;
    background-color:#f7f7f7;
    z-index:1
}
.header-menu .menu__ul .menu__header-link ul:hover{
    display:block
}
.header-menu .menu__ul .menu__header-link ul li{
    margin-bottom:3%
}
.header-menu .menu__ul .menu__header-link ul li:hover:before{
    display:none
}
.header-menu .menu__ul .menu__header-link ul li a{
    color:#2b2b2b
}
.header-menu .menu__ul .menu__header-link ul li:after{
    display:none
}
.header-menu .menu__ul .menu__header-link ul li:first-child{
    border:none;
    outline:0;
    padding:0;
    background:unset
}
.header-menu .menu__ul :first-child ul li:first-child:hover{
    color:inherit
}
.menu .header-button{
    border:1px solid #f7f7f7
}
.header-button{
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content
}
.fat-descr p{
    margin-bottom:12%;
    font-size:22px;
    font-weight:300;
    letter-spacing:1.2px
}
.fat-descr p:last-child{
    margin-bottom:0
}
.fat-descr2 p{
    font-weight:500;
    margin-bottom:9.4%
}
.jk-descr{
    font-size:14px;
    line-height:22px;
    letter-spacing:.7px
}
#id1{
    display:none
}
.fat-label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer
}
.fake{
    display:inline-block;
    position:relative;
    min-height:50px;
    min-width:50px;
    border-radius:5px;
    background-color:#f7f7f7
}
.fake:before{
    content:'';
    position:absolute;
    display:block;
    background-image:url(../images/check-solid.svg);
    background-size:auto;
    background-repeat:no-repeat;
    width:35px;
    height:35px;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
#id1:checked~.fake:before{
    opacity:1
}
.buttom-mt{
    margin-top:28%
}
.button{
    border-radius:2px;
    background-color:#f7f7f7;
    font-weight:500;
    letter-spacing:.8px;
    color:#2b2b2b;
    padding:3% 14%;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s;
    border:1px solid transparent
}
.btn-hover.button-red,.button.btn-hover,.webinar-btn.button-red{
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.btn-hover.button-red:hover,.button.btn-hover:hover,.webinar-btn.button-red:hover{
    background:rgba(170,119,28,0)!important;
    border:1px solid transparent;
    -o-border-image:-o-linear-gradient(left,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    border-image:-webkit-gradient(linear,left top,right top,from(#bf953f),color-stop(#fcf6ba),color-stop(#b38728),color-stop(#fbf5b7),to(#aa771c));
    border-image:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    -webkit-border-image:-webkit-linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    border-image-slice:1;
    -webkit-transition:background-image .2s ease-in-out;
    -o-transition:background-image .2s ease-in-out;
    transition:background-image .2s ease-in-out;
    color:#bf953f
}
.button-red{
    background:-o-linear-gradient(left,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    background:-webkit-gradient(linear,left top,right top,from(#bf953f),color-stop(#fcf6ba),color-stop(#b38728),color-stop(#fbf5b7),to(#aa771c));
    background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    color:rgba(0,0,0,.7);
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}


.fat-input-wrapper1::before{
	content:  "м²"!important;
}
.fat-input-wrapper2::before{
	content: '₽'!important;
}
.wpcf7-list-item {
	    margin-bottom: 3rem!important;
}
.wpcf7-list-item input[type="checkbox" i] {
	 display: inline-block;
    position: relative;
    min-height: 50px;
    min-width: 50px;
    border-radius: 5px!important;
    background-color: #f7f7f7;
}
.form-button input{
	    padding: 5% 19%;
}
span.wpcf7-list-item  label{
	display: flex!important;
    margin-bottom: auto;
    align-items: center!important;
}
.wpcf7-list-item .wpcf7-list-item-label{
	font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #f7f7f7;
    cursor: pointer;
	padding-left: 24px;
}
.fat-input-wrapper1 {
    position: relative;
	margin-left: 4%;

}
.form-check-span{
    font-size:20px;
    font-weight:400;
    letter-spacing:1px;
    color:#f7f7f7;
    cursor:pointer
}
.form-title{
    color:#f6f6f6;
    font-size:19px;
    font-weight:500;
    letter-spacing:1.2px;
    position:relative
}
.fat-input{
    border-radius:5px;
    border:2px solid #f7f7f7;
    width:215px;
    height:50px;
    color:#f6f6f6;
    background:0 0;
    font-size:24px;
    font-weight:400;
    letter-spacing:1.2px;
    display:block;
    margin-left:auto;
    padding:2% 15% 2% 3%
}
.fat-input-wrapper1{
    position:relative
}
.fat-input-wrapper1:before{
    content:"м²";
    position:absolute;
    width:50px;
    height:48px;
    border-radius:5px;
    top:1px;
    right:1px;
    background-color:#f7f7f7;
    background:#bf953f;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:24px;
    font-weight:500
}
.fat-input-wrapper2{
    position:relative
}
.fat-input-wrapper2:before{
    content:"₽";
    position:absolute;
    width:50px;
    height:48px;
    border-radius:5px;
    top:1px;
    right:1px;
    background-color:#f7f7f7;
    background:#bf953f;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:24px;
    font-weight:500
}
.fat-input-pr{
    padding-right:20%
}
.mapper .title{
    color:#2b2b2b
}
.container-fluid{
    position:relative
}
.map-descr__norm{
    color:#f7f7f7
}
.map-descr__fw{
    font-weight:600
}
.map-descr__title{
    font-weight:700
}
.footer-fw{
    font-weight:600
}
.footer-norm{
    font-size:14px;
    letter-spacing:.7px
}
.footer-norm__title{
    font-size:14px;
    font-weight:500;
    letter-spacing:.7px
}
.footer-small{
    font-size:12px;
    letter-spacing:.6px;
    text-align:right
}
.footer-very__sm{
    font-size:10px;
    font-weight:300;
    letter-spacing:.5px
}
.footer-links__wrap{
    text-align:right
}
.footer-links__wrap a img{
    width:11%
}
.swiper-pagination-current{
    color:#fcf6ba
}
.swiper-pagination{
    font-size:18px;
    z-index:3
}
.swiper-pagination span{
    font-size:18px
}
.swiper-button-next-sm{
    border:15px solid transparent;
    border-left:15px solid #f1ca21
}
.map-award img{
    width:5%
}
.portfolio__ul-menu li:first-child{
    position:relative;
    cursor:pointer;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.portfolio__ul-menu li:first-child:before{
    content:'';
    width:12px;
    height:12px;
    position:absolute;
    top:5px;
    right:20%;
    background-image:url(../images/select-r-portfolio.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.portfolio__ul-menu li:first-child:hover{
    text-decoration:underline;
    outline:0
}
.portfolio__ul-menu li:first-child:hover:before{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.portfolio__ul-menu li:first-child:hover ul{
    display:block
}
.portfolio__ul-menu li:first-child ul{
    background-color:#f7f7f7;
    padding:21px;
    text-align:left;
    position:absolute;
    display:none;
    z-index:4
}
.portfolio__ul-menu li:first-child ul:hover{
    display:block
}
.portfolio__ul-menu li:first-child ul li{
    color:#2b2b2b;
    text-decoration:none;
    margin-bottom:2.2%
}
.portfolio__ul-menu li:first-child ul li:before{
    display:none
}
.portfolio__ul-menu li:first-child ul li:first-child{
    text-decoration:none
}
.portfolio__ul-menu li:first-child ul li:last-child{
    margin-bottom:0
}
.portfolio-item{
    height:calc(300px + 90 * ((100vw - 320px)/ (1880 - 320)));
    border-radius:3px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center;
    position:relative
}
.portfolio-item:hover .portfolio-item__hover{
    opacity:1;
    bottom:4%;
    right:4%
}
.portfolio-item__hover .button-red.button-hover{
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all;
    border:1px solid transparent
}
.desc-company{
    font-size: 20px;
    line-height: normal;
    color: #2b2b2b;
    margin-left: 10%;
}


.desc-company, .desc-company i, .desc-company i strong{
    font-size: 20px;
    color: #2b2b2b;
}
.container-index{
    margin-top: 20vh;
}
blockquote {
    margin: 0;
    background: white;
    border-top: 5px solid #f1ca21;
    border-bottom: 5px solid #f1ca21;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding: 5% 0;
    margin-top: 25%;
    }
    blockquote:before {
    content: "\201C";
    font-family: serif;
    position: absolute;
    left: 0px;
    top: 20px;
    color: white;
    background: #f1ca21;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 50px;
    line-height: 1.35;
    text-align: center;
    }

.boss-img-hover{
    position: absolute;
    background-color:rgba(0, 0, 0, 0.9);
    top: 0;
    width: 95.5%;
    height: 100%;
    align-items:center;
    display: block;
    padding-top: 20%;
    opacity: 0;
    transition: .3s all;
}

.shef:hover .boss-img-hover{
    opacity: 1!important;
    cursor: pointer;
    transition: .3s all;
}
.main-page__award{
    height: 40px;
    width: auto;
}

/* TODO Сделаем переменные */

.price-wrapper {
  overflow:hidden;
  --price-font-size: 24px;
  --color-gold: #f1ca21;
}

.tabs-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin: -10px -10px 0;
  position:relative;
  z-index:2;
}

/* TODO Стилизуем наши ссылки для табов */

.tabs-wrapper__link {
  padding: calc(var(--price-font-size) - 11px) calc(var(--price-font-size) - 16px);
  margin: 10px 10px;
  border:2px solid #fff;
	
  width: 160px;
  text-align: center;
  font-size: calc(var(--price-font-size) - 3px);
  font-weight: 600;
  text-decoration: none;
  color:#fff;
  transition: .7s color, 1s background-color, 0s border;
  outline:none
}

/* TODO Уменьшаем марджины в активных состояних, чтоб элементы не дергались */

 .tabs-wrapper__link + .active, .tabs-wrapper__link:active, .tabs-wrapper__link:hover {
  color:#000;
  background-color: var(--color-gold)!important;
}


/* TODO Стилизуем сами табы */

.price-tab {
  margin: 10px 0 0;
  overflow: hidden;
  display: none;
}


.price-tab__ul {
  margin-top: 10px;
  padding-left: 20px;
  margin-bottom: -10px;
  max-width:550px; padding-right:7px;
}

.price-tab__item {
  color: var(--color-gold);
  font-size: calc(var(--price-font-size) - 4px);
  margin-bottom: 10px;
  list-style: disc;
}

.price-tab__item span {
  font-size: calc(var(--price-font-size) - 4px);
  color:#fff;
}







/* TODO Наш активный класс, который мы будет давать при клике */

.priceTabActive {
  display: block;
}

.priceTabActive:nth-child(2n){
  animation: translateTop 1s forwards;  
}

.priceTabActive:nth-child(2n+1){
  animation: translateBottom 1s forwards;  
}

/* TODO Наш адаптив табов */

@media(max-width:450px){
    blockquote{
        margin-bottom: 200px;
        font-size: 16px;
        line-height: 30px;
    }
    blockquote:before {
        left: -25px;
    }
    .desc-company i {
        font-size: 16px;
        line-height: 30px;
    }
    .desc-company i strong {
        font-size: 16px;
        line-height: 30px;
    }

	.boss-p {
        font-size: 11px!important;
    }

	.fat-input-wrapper1::before{
	content:  "м²"!important;
		margin-left: 8px;
	}
	.fat-input-wrapper2::before{
		content: '₽'!important;
		margin-left: 8px;
	}
	.fat-input-wrapper1 {
    	position: relative;
    	margin-left: auto;
	}
  .price-wrapper {
    --price-font-size: 18px;
  }
  .tabs-wrapper__link {
    width: 110px;
	font-size: calc(var(--price-font-size) - 2px);
	padding: calc(var(--price-font-size) - 10px) 4px;
  }
}

.portfolio-item__hover .button-red.button-hover:hover{
    background:unset;
    color:#b38728;
    border:1px solid #b38728
}
.portfolio-item:hover .portfolio-item-title{
    opacity:0
}
.portfolio-item-title{
    height:30%;
    width:100%;
    background-color:rgba(255,255,255,.8);
    border-radius:inherit;
    opacity:1;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.portfolio-item-title h2{
    color:#2b2b2b;
    padding-left:12%;
    position:relative;
    font-size:24px;
    letter-spacing:1.3px;
    font-weight:600;
	text-align:left
}
.portfolio-item-title h2:before{
    content:"";
    height:44px;
    width:38px;
    background-image:url(/wp-content/uploads/2020/07/portfolio_door.png);
    display:block;
    left:3px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    background-repeat:no-repeat;
    background-size:38px 44px;
    background-position:center
}
.portfolio-item__hover{
    position:absolute;
    border-radius:inherit;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.8);
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s;
    opacity:0;
    bottom:0;
    right:0
}
.portfolio-item__hover p{
    padding-top:8%;
    margin-bottom:6%
}
.portfolio__hover-fw,.portfolio__hover-norm{
    font-size:13px;
    font-weight:400;
    letter-spacing:.7px;
    color:#f7f7f7
}
.portfolio__hover-fw{
    font-weight:500
}
.button-hover{
    padding:4% 5%;
    margin-top:4%;
    border-radius:10px
}
.form-button button{
    padding:5% 19%
}
.blog-hover__img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:85px;
    height:85px
}
.header-button:hover{
    position:relative;
    border:1px solid transparent;
    -o-border-image:-o-linear-gradient(left,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    border-image:-webkit-gradient(linear,left top,right top,from(#bf953f),color-stop(#fcf6ba),color-stop(#b38728),color-stop(#fbf5b7),to(#aa771c));
    border-image:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    -webkit-border-image:-webkit-linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    border-image-slice:1;
    -webkit-transition:background-image .2s ease-in-out;
    -o-transition:background-image .2s ease-in-out;
    transition:background-image .2s ease-in-out
}
.webinar__title-descr{
    letter-spacing:1.5px;
    font-size:30px;
    font-weight:600;
    letter-spacing:1.5px
}
.invite-to__webinar{
    padding:7% 9% 10% 5%
}
.webinar__mini-title h2{
    font-size:30px;
    font-weight:300;
    letter-spacing:1.5px
}
.webinar__form-title,.webinar__form-title h2,.webinar__form-title span{
    font-size:30px;
    font-weight:300;
    letter-spacing:1.5px
}
.webinar__form{
    width:80%;
    border-radius:5px;
    height:60px;
    padding:5%;
    font-size:17px;
    font-weight:500;
    letter-spacing:1.2px;
    border:1px solid #fff;
    color:#bf953f
}
.webinar__form::-webkit-input-placeholder{
    font-size:14px;
    -webkit-transition:.3s;
    transition:.3s
}
.webinar__form::-moz-placeholder{
    font-size:14px;
    -moz-transition:.3s;
    transition:.3s
}
.webinar__form:-ms-input-placeholder{
    font-size:14px;
    -ms-transition:.3s;
    transition:.3s
}
.webinar__form::-ms-input-placeholder{
    font-size:14px;
    -ms-transition:.3s;
    transition:.3s
}
.webinar__form::placeholder{
    font-size:14px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.webinar__form:hover::-webkit-input-placeholder{
    color:#000
}
.webinar__form:hover::-moz-placeholder{
    color:#000
}
.webinar__form:hover:-ms-input-placeholder{
    color:#000
}
.webinar__form:hover::-ms-input-placeholder{
    color:#000
}
.webinar__form:hover::placeholder{
    color:#000
}
.webinar-btn{
    width:80%
}
.webinar{
    background-color:#2b2b2b
}
.webinar-descr-invite,.webinar-desrc{
    color:#2b2b2b;
    font-size:14px;
    font-weight:400;
    letter-spacing:.7px;
    line-height:27px
}
.webinar-descr-invite{
    color:#f7f7f7
}
.webinar-title,.webinar-title span{
    color:#2b2b2b;
    letter-spacing:1px;
    font-size:20px;
    font-weight:300;
    line-height:39px
}
.webinar-title span,.webinar-title span span{
    display:block;
    background:-o-linear-gradient(left,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    background:-webkit-gradient(linear,left top,right top,from(#bf953f),color-stop(#fcf6ba),color-stop(#b38728),color-stop(#fbf5b7),to(#aa771c));
    background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c)
}
.webinar-form__wrap{
    -webkit-transform:translateY(-17%);
    -ms-transform:translateY(-17%);
    transform:translateY(-17%)
}
.main{
    overflow:hidden;
    min-height:100vh
}
.award__icons__block1 a img{
    width:45px
}
.award__icons__block1 a:last-of-type img{
    width:155px
}
.award__icons__block2 a img{
    width:82px
}
.address{
    color:#2b2b2b;
    font-size:15px;
    font-weight:400;
    letter-spacing:.6px;
    text-align:left
}
a.address:hover{
    color:#2b2b2b!important
}
.sub-menu li a{
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all
}
a.link-phone:hover{
    text-decoration:underline
}
.menu__ul li a,.sub-menu li a{
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all
}
.menu__ul li a:hover{
    text-decoration:underline!important;
    color:#bf953f!important
}
.sub-menu li a:hover{
    text-decoration:underline!important;
    color:#bf953f!important
}
.index-btn{
    border-color:#f7f7f7
}
.index-title{
    font-size:38px;
    font-weight:400;
    line-height:45px;
    letter-spacing:1.7px
}
.header-btn__white{
    color:#2b2b2b
}
.btn-keys{
    font-size:calc(16px + 8 * ((100vw - 320px)/ (1880 - 320)))!important
}
.index-swiper{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:2
}
.swiper-btn__contact,.swiper-btn__contact1{
    border:none;
    background:0 0;
    padding:0 24px;
    font-size:16px;
    line-height:60px;
    position:relative;
    color:#000;
    font-weight:600;
    cursor:pointer;
    letter-spacing:.5px
}
.swiper-btn__contact1:before,.swiper-btn__contact:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:57px;
    background:0 0;
    border:2px solid #f1ca21;
    z-index:-1;
    border-radius:5px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.swiper-btn__contact:before{
    right:0;
    left:unset
}
.swiper-btn__contact1:after,.swiper-btn__contact:after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:0 0;
    height:30px;
    width:80%;
    z-index:-1;
    -webkit-transition:.3s linear;
    -o-transition:.3s linear;
    transition:.3s linear
}
.swiper-btn__contact1:hover:after,.swiper-btn__contact:hover:after{
    opacity:0;
    background:#f1ca21
}
.swiper-btn__contact1:hover,.swiper-btn__contact:hover{
    color:#fff
}
.swiper-btn__contact1:hover:before,.swiper-btn__contact:hover:before{
    width:100%;
    background:#f1ca21;
    -webkit-box-shadow:0 10px 90px -2px rgba(0,0,0,.2);
    box-shadow:0 10px 90px -2px rgba(0,0,0,.2)
}
.index-btn-all-prj{
    font-size:25px
}
.index-btn-all-prj{
    background:0 0!important;
    background-color:transparent!important;
    border:2px solid #f1ca21!important
}
* button.index-btn-all-prj.button:hover{
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all;
    background:0 0;
    background-color:#f1ca21!important;
    color:#fff!important
}
.number{
    background:-o-linear-gradient(left,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    background:-webkit-gradient(linear,left top,right top,from(#bf953f),color-stop(#fcf6ba),color-stop(#b38728),color-stop(#fbf5b7),to(#aa771c));
    background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    font-size:144px;
    font-weight:700;
    letter-spacing:7.2px;
    position:relative;
    z-index:2
}
.number-descr{
    font-size:24px;
    font-weight:400;
    letter-spacing:1.2px;
    color:#f7f7f7
}
.fat-index{
    background-color:#2b2b2b
}
.bg-number{
    background-color:#f7f7f7;
    width:100%;
    height:100%
}
.doing-p a{
    color:#2b2b2b;
    font-size:calc(15px + 15 * ((100vw - 320px)/ (1920 - 320)));
    font-weight:400;
    letter-spacing:1px
}
.doing-img{
    width:25px;
    height:30px
}
.figures{
    background-color:#2b2b2b;
    padding:40px 0;
    position:relative;
    overflow:hidden
}
.figures-title{
    font-size:30px;
    font-weight:400;
    line-height:51px;
    letter-spacing:1.5px
}
.figures-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:40px
}
.figures__item{
    z-index:2
}
.figures__item p{
    background:-o-linear-gradient(left,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    background:-webkit-gradient(linear,left top,right top,from(#bf953f),color-stop(#fcf6ba),color-stop(#b38728),color-stop(#fbf5b7),to(#aa771c));
    background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:144px;
    font-weight:800;
    letter-spacing:7.2px;
    margin-bottom:19px
}
.figures__item:nth-child(2):after{
    content:"";
    position:absolute;
    width:34%;
    right:21%;
    height:100%;
    top:0;
    background-color:#f7f7f7;
    z-index:-1
}
.figures__item__descr{
    color:#f7f7f7;
    font-size:24px;
    font-weight:400;
    letter-spacing:1.2px
}
.figures__item__descr2{
    color:#2b2b2b
}
.boss-p{
    font-size:calc(15px + 2 * ((100vw - 320px)/ (1880 - 320)));
    letter-spacing:1px;
    position:relative
}
.boss-p:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:32px;
    height:32px;
    background-image:url(../images/boss-ico.png);
    background-repeat:no-repeat;
    background-size:auto;
    background-position:center
}
.boss-title{
    font-size:calc(15px + 6 * ((100vw - 320px)/ (1880-320)));
    font-weight:500;
    letter-spacing:1px
}
.boss-img{
    -webkit-transition:.7s all;
    -o-transition:.7s all;
    transition:.7s all;
    width:45%;
    fill:#fff
}
.boss-img:hover{
    fill:#f1ca21
}
a.btn-hover.comm-btn,button.what-btn.btn-hover{
    background:0 0;
    background-color:#f1ca21;
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all;
    font-size:calc(16px + 14 * ((100vw - 320px)/ (1880 - 320)))
}
a.btn-hover.comm-btn:hover,button.what-btn.btn-hover:hover{
    background:unset;
    background-color:transparent;
    -o-border-image:unset;
    border-image:unset;
    border-color:#f1ca21;
    color:#f1ca21;
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all
}
.pum-container{
    border:none!important
}
.comm-title{
    color:#2b2b2b;
    font-size:24px;
    font-weight:400;
    letter-spacing:1.2px
}
.mini__title{
    font-size:20px;
    letter-spacing:1px;
    font-weight:500
}
.try-text{
    font-size:16px;
    font-weight:500
}
.try-text-norm{
    font-weight:400
}

.index-swiper-arrow .swiper-button-next,.index-swiper-arrow .swiper-button-prev{
    top:58%
}
.index-swiper-arrow .swiper-button-next{
    right:-33px;
    border-left:17px solid #2b2b2b
}
.index-swiper-arrow .swiper-button-prev{
    left:-33px;
    border-right:17px solid #2b2b2b
}
.swiper-scrollbar-drag{
    background-color:#000
}
.clients-hover{
    opacity:0;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,.8);
    z-index:3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 2% 1% 4.2%
}
.diplom-img{
    position:relative
}
.diplom-img:hover .diplom-hover{
    opacity:1
}
.diplom-hover{
    opacity:0;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,.8);
    z-index:3;
    display: inline-grid;
    align-items:center;
    padding:0 2% 1% 4.2%
}
.clients-hover p{
    font-size:24px;
    font-weight:600;
    letter-spacing:1.2px;
    line-height:37px
}

.public-link{
    background-color: #f1ca21;
    text-align: center;
    padding: 5% 0;
}

.public-link:hover{
    background-color: #f3a704;
}

.what-item{
    height:280px;
    border-radius:8px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
* * * .what-item a{
    text-decoration:none!important
}
* * * .what-item__link-wrapper{
    text-decoration:none!important
}
.what-item:hover{
    border:5px solid #bf9540;
    -webkit-transform:scale(.95);
    -ms-transform:scale(.95);
    transform:scale(.95);
    cursor:pointer;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.what-title{
    background-color:rgba(255,255,255,.9);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:3px
}
.what-title h6{
    font-size:15px;
    font-weight:500;
    letter-spacing:.8px;
    width:100%;
    padding:0 2% 2% 4%;
    color:#2b2b2b
}
.what-btn{
    padding:2% 0
}
.post-title{
    font-size:30px;
    font-weight:300;
    letter-spacing:1.5px
}
.post-text,.post-text__to-swiper-p{
    font-size:18px;
    letter-spacing:.9px
}
.post-text__to-swiper-p{
    line-height:31px
}
.post-text__to-swiper{
    position:relative
}
.post-text__to-swiper:before{
    content:'';
    height:40px;
    width:40px;
    background-image:url(../images/swiper-post-t.png);
    background-repeat:no-repeat;
    background-size:auto;
    background-position:center;
    position:absolute;
    top:-11%;
    left:3%
}
.swiper-slide-active.portfolio-item .portfolio-item__hover{
    opacity:1;
    bottom:4%;
    right:4%
}
.swiper-slide-active.portfolio-item .portfolio-item-title{
    opacity:0
}
@media (max-width:1500px){
    .portfolio-item-title h2{
        font-size:20px
    }
}
@media (max-width:1450px){
    .fat-descr p{
        font-size:18px
    }
    .fat-descr2 p{
        margin-bottom:8.6%
    }
    .portfolio__ul-menu li:first-child:before{
        right:0
    }
    .webinar-avatar{
        width:140%
    }
    .webinar-descr-invite,.webinar-desrc{
        font-size:13px;
        line-height:22px
    }
    .pop-up-services-p{
        line-height:16px;
        font-size:13px
    }
}
@media (max-width:1420px){
    .what-title h6{
        font-size:13px
    }
    .figures__item p{
        font-size:105px
    }
    .try-text{
        font-size:14px
    }
    .post-text__to-swiper-p{
        line-height:27px
    }
}
@media (max-width:1350px){
    .comment-text,.comment-text-fw{
        font-size:14px
    }
    .pop-up-senks{
        font-size:21px
    }
    .what-item{
        height:240px
    }
    .main-title-webinar{
        font-size:26px
    }
    .portfolio-item__hover p{
        padding-top:5%
    }
    .portfolio__ul-menu li:first-child:before{
        right:-10%
    }
    .webinar__form-title,.webinar__form-title h2,.webinar__form-title span{
        font-size:22px
    }
}
@media (max-width:1300px){
    .price-pop-up{
        font-size:15px
    }
    .price-pop-up:before{
        width:20px;
        height:20px
    }
    p.price-text-pop-up{
        font-size:19px
    }
    .figures-title{
        font-size:26px
    }
    .figures__item p{
        font-size:102px
    }
    .figures__item__descr{
        font-size:22px
    }
    .post-text,.post-text__to-swiper-p{
        font-size:17px
    }
    .post-text__to-swiper-p{
        line-height:25px
    }
    .footer-very__sm{
        font-size:9px;
    }
}
@media (max-width:1200px){
    .footer-very__sm{
        font-size: 10px;
    }
    p.price-text-pop-up{
        font-size:17px
    }
    .price-pop-up{
        font-size:13px
    }
    .price-pop-up:before{
        width:17px;
        height:17px
    }
    .pop-up-senks~.webinar-btn{
        padding:6% 0
    }
    .fat-input-wrapper1:before,.fat-input-wrapper2:before{
        right:unset;
        left:1px
    }
    .fat-input,.fat-input-pr{
        padding:2% 1% 2% 10%
    }
    .buttom-mt{
        margin-top:14%
    }
    .map-descr{
        height:420px
    }
    .portfolio__ul-menu li:first-child:before{
        left:70px
    }
    .figures__item p{
        font-size:93px
    }
    .figures__item__descr{
        letter-spacing:.6px;
        font-size:20px
    }
}
@media (max-width:1199px){
    * * * .what-item a{
        font-size:14px
    }
    .project-list__bg{
        background-size:cover;
        background-position:100% 88%
    }
    .what-title h6{
        font-size:18px
    }
    .pop-up-services-p br:nth-child(n+1){
        display:none
    }
    .post-text__to-swiper:before{
        display:none
    }
    .post-text,.post-text__to-swiper-p{
        font-size:16px
    }
    .post-text__to-swiper-p{
        line-height:21px
    }
    .what-btn{
        padding:3% 0
    }
    .what-item{
        height:200px
    }
    .boss-img{
        width:65%
    }
    .webinar-btn,.webinar__form{
        width:100%
    }
    .webinar-form__wrap{
        -webkit-transform:translateY(-10%);
        -ms-transform:translateY(-10%);
        transform:translateY(-10%)
    }
    .index-title{
        font-size:26px
    }
    .index-portlas{
        font-size:15px
    }
    .main-page__award-f-row{
        width:140%
    }
    .index-hover__fw,.index-hover__norm{
        font-size:27px
    }
    .clients-hover p{
        font-size:20px
    }
}
@media (max-width:992px){
    .index-swiper-arrow .swiper-button-next,.index-swiper-arrow .swiper-button-prev{
        top:63%
    }
    .figures-title{
        display:block;
        text-align:center
    }
    .figures-wrapper{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .figures__item{
        margin:0 50px 50px;
        text-align:center
    }
    .figures{
        padding-bottom:40px
    }
    .figures__item__descr2{
        color:inherit
    }
    .figures__item:nth-child(2):after{
        display:none
    }
    .webinar-form__wrap{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    .header-btn__white{
        color:#f7f7f7;
        border-color:#f7f7f7
    }
    .address{
        color:#f7f7f7
    }
    .main-page__award-f-row{
        width:49%
    }
}
@media (max-width:991px){
	.pop-up-services .wpcf7 {
		margin-top:calc(40px + 12 * ((100vw - 320px)/ (991 - 320)))
	}
    .clients-img-frame{
        height:calc(150px + 279.39 * ((100vw - 320px)/ (991 - 320)))!important
    }
    * * * .what-item a{
        font-size:19px
    }
    .clients-hover p{
        font-size:18px;
        line-height:20px
    }
    .bgslide{
        -webkit-filter:brightness(76%);
        filter:brightness(76%)
    }
    .project-list__bg{
        background-size:357%;
        background-position:100% 88%
    }
    .main-container{
        background-size:0!important
    }
    .boss-p{
        font-size:17px
    }
    .pop-up-services-upurtmant{
        height:280px
    }
    .pop-up-services-upurtmant img{
        height:100%
    }
    .swiper-slide .portfolio-item-title h2{
        padding-left:0
    }
    .swiper-slide .portfolio-item-title h2:before{
        display:none
    }
    .portfolio-item.swiper-slide{
        height:295px
    }
    .boss-img{
        width:161%
    }
    .try-text{
        font-size:13px
    }
    .what-item{
        height:380px
    }
    .swiper-slide-active.portfolio-item:hover .portfolio-item__hover,.swiper-slide.portfolio-item:hover .portfolio-item__hover{
        opacity:1;
        bottom:0;
        right:0
    }
    .swiper-slide-active.portfolio-item:hover .portfolio-item-title{
        opacity:0
    }
    .swiper-slide-active.portfolio-item .portfolio-item__hover{
        opacity:0;
        bottom:0;
        right:0
    }
    .swiper-slide-active.portfolio-item .portfolio-item-title{
        opacity:1
    }
    .input-990{
        width:calc(80% + 45px)
    }
}
@media (max-width:810px){
    .comm-btn{
        padding:5% 0
    }
    .comm-link{
        font-size:16px
    }
    .price-pop-up:before{
        left:14%
    }
    .index-hover__fw,.index-hover__norm{
        font-size:21px
    }
    .portfolio-item-title-index h2{
        font-size:34px
    }
    .nav-site__wrapper span,.nav-site__wrapper span a{
        font-size:13px
    }
    #map{
        height:640px
    }
    .map-award img{
        width:5%
    }
    .footer-links__wrap{
        text-align:right
    }
    .footer-links__wrap a img{
        width:16%
    }
    .footer-fw{
        font-size:13px
    }
    .footer-small{
        font-size:10px
    }
    .footer-very__sm{
        font-size:8px
    }
}
@media (max-width:768px){
    .pop-up-services-upurtmant{
        height:220px
    }
    .pop-up-services-upurtmant img{
        height:100%
    }
    .pop-up-title-services{
        font-size:calc(18px + 14 * ((100vw - 320px)/ (1880 - 320)))!important;
    }
    .what-btn{
        padding:7% 0
    }
    .invite-to__webinar{
        padding:5% 3% 15%
    }
    .webinar__title-descr{
        font-size:25px
    }
    .map-descr{
        left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        top:3%;
        overflow:hidden;
        height:52px;
        border-radius:5px;
        -webkit-transition:.7s;
        -o-transition:.7s;
        transition:.7s
    }
    .inst-widget{
        left:calc(50% - 175px);
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        bottom:-20%;
        top:unset;
        -webkit-transition:.5s all;
        -o-transition:.5s all;
        transition:.5s all;
        -webkit-animation:instAnim 2s linear infinite;
        animation:instAnim 2s linear infinite
    }
    .inst-widget-hidden{
        opacity:.35;
        pointer-events:none
    }
    .map-descr__active{
        height:411px
    }
    .map-descr__norm{
        font-size:14px
    }
    .map-descr__fw{
        font-size:16px
    }
    .map-descr__arrow{
        height:21px;
        width:21px;
        position:absolute;
        left:46%;
        bottom:17px;
        background-image:url(../images/map-descr_r.png);
        background-repeat:no-repeat;
        background-size:auto;
        background-position:center;
        -webkit-transition:1.1s;
        -o-transition:1.1s;
        transition:1.1s;
        -webkit-animation-name:traffic;
        animation-name:traffic;
        -webkit-animation-duration:1s;
        animation-duration:1s;
        -webkit-animation-iteration-count:infinite;
        animation-iteration-count:infinite
    }
    .fat-input{
        width:100%;
        height:80px
    }
    .fat-input,.fat-input-pr{
        padding-left:30%
    }
}
@media (max-width:767px){
	.price-tab__ul {
		max-width:800px
	}
    .clients-hover p{
        font-size:16px;
        line-height:18.5px
    }
    .pop-up__thanks{
        top:30vh;
        width:350px!important
    }
    .fat-input-wrapper1:before,.fat-input-wrapper2:before{
        width:76px;
        height:76px;
        font-size:30px;
        top:2px;
        left:1px
    }
    .quiz-text{
        width:100%
    }
    .price-pop-up:before{
        display:none
    }
    .pop-up-services-p{
        line-height:22px
    }
    .webinar-avatar{
        width:90%
    }
    .webinar-avatar-wrap{
        text-align:center
    }
    .title-title{
        font-size:24px
    }
    .boss-title{
        font-size:18px
    }
}
@media (max-width:640px){
    p.price-text-pop-up{
        font-size:16px
    }
    .boss-img{
        width:121%
    }
    .fat-descr p{
        font-size:17px
    }
    .legend-wrap img{
        height:100%
    }
    .webinar__title-descr{
        font-size:21px
    }
    .webinar__mini-title h2{
        font-size:26px
    }
    .index-hover__fw,.index-hover__norm{
        font-size:18px
    }
    .portfolio-item-title-index h2{
        font-size:29px
    }
    .index-hover__img{
        width:14px
    }
}
@media (max-width:576px){
    .price-tab  .title {
        font-size: 22px;
    }
    .boss-title{
        text-align:justify
    }
    .clients-hover p{
        font-size:14px;
        line-height:17px
    }
    .container-index{
        margin-top:10vh
    }
    .video__media{
        height:85%;
        width:100%
    }
    .logo-img{
        width:170px!important
    }
    .boss-title{
        font-size:17px
    }
    .radio-quiz{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .quiz .title{
        font-size:23px
    }
    .quiz-text{
        font-size:20px
    }
    .pop-up-services-p{
        line-height:18px
    }
    .try-text{
        font-size:11px
    }
    .boss-p:before{
        display:none
    }
    .try-text-norm{
        text-align:right
    }
}
@media (max-width:526px){
    .pop-up__thanks{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        justify-content:center;
        min-height:12vh;
        border-radius:16px;
        border-bottom-right-radius:0;
        border-top-right-radius:0;
        width:310px!important;
        top:31vh
    }
    .pop-up__thanks h5{
        font-size:17px
    }
    .text666{
        font-size:20px
    }
    .pop-up-senks{
        font-size:18px;
        letter-spacing:1px;
        line-height:25px
    }
    .pop-up-senks~.webinar-btn{
        padding:7% 0
    }
    .price-pop-up{
        font-size:11px
    }
    .try-text{
        font-size:14px
    }
    .index-hover__fw,.index-hover__norm{
        font-size:12px
    }
    .portfolio-item-title-index h2{
        width:100%
    }
    .index-hover__img{
        display:none
    }
    .button-index__hover{
        font-size:15px
    }
    .webinar-descr-invite,.webinar-desrc{
        line-height:24px
    }
    .jk-descr{
        font-size:12px
    }
    .fat-descr p{
        font-size:16px
    }
    .map-descr__norm{
        font-size:13px
    }
    .map-descr__fw{
        font-size:15px
    }
    .map-award img{
        width:7%
    }
    #map{
        height:520px
    }
    .map-descr__active{
        height:390px
    }
    .portfolio__hover-fw,.portfolio__hover-norm{
        font-size:12px
    }
    .portfolio-item__hover p,.portfolio__hover-fw p,.portfolio__hover-norm p{
        padding-top:8%
    }
    .portfolio-item-title h2{
        padding-left:0;
		text-align:center
    }
    .portfolio-item-title h2:before{
        display:none
    }
    .webinar__form{
        font-size:15px
    }
    .index-title,.main-title-webinar,.webinar-title-title{
        font-size:21px
    }
    .main-page__award-f-row{
        width:68%
    }
    .check-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-left:0
    }
    .check-container span:first-child{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    #one span{
        margin-left:0
    }
    .check-container span+span{
        text-align:center
    }
    #one span input{
        margin:0 auto 20px;
        height:30px!important;
        width:30px!important
    }
}
@media (max-width:440px){
    .pop-up__thanks h5{
        font-size:15px
    }
    .text666{
        font-size:17px
    }
    .header-button{
        height:auto
    }
    .project-list__bg{
        background-size:457%;
        background-repeat:no-repeat;
        background-position:81% 102%
    }
    .text-area-quiz{
        font-size:13px
    }
    .quiz-radio-text{
        font-size:12px;
        font-weight:500
    }
    .quiz .title{
        font-size:20px
    }
    .quiz-text{
        font-size:17px
    }
    .price-pop-up{
        text-align:left;
        font-size:11px
    }
    .price-pop-up:before{
        display:none
    }
    .post-text,.post-text__to-swiper-p{
        font-size:15px
    }
    .post-text__to-swiper-p{
        line-height:18px
    }
    .what-item{
        height:310px
    }
    .index-btn-all-prj{
        font-size:22px
    }
    .figures__item h2{
        font-size:76px
    }
    .figures-item{
        margin:0 20px 45px
    }
    .figures__item__descr{
        font-size:18px
    }
}
@media (max-width:360px){
    .comm-link{
        font-size:14px!important
    }
    .comm-link div{
        margin-left:30px
    }
    .boss-title{
        font-size:16px
    }
    .pop-up .pop-up-title{
        font-size:18px
    }
    .pop-up input.webinar__form{
        font-size:16px
    }
    .pop-up input.webinar__form::-webkit-input-placeholder{
        font-size:12px
    }
    .pop-up input.webinar__form::-moz-placeholder{
        font-size:12px
    }
    .pop-up input.webinar__form:-ms-input-placeholder{
        font-size:12px
    }
    .pop-up input.webinar__form::-ms-input-placeholder{
        font-size:12px
    }
    .pop-up input.webinar__form::placeholder{
        font-size:12px
    }
    .pop-up .close{
        width:40px
    }
    .pop-up .close span{
        width:35px
    }
    .index-hover__fw,.index-hover__norm{
        font-size:13px
    }
    .portfolio-item-title-index h2{
        font-size:24px
    }
    .footer-very__sm{
        font-size:6px
    }
    .form-button button{
        font-size:14px;
        padding:7% 19%
    }
    .try-text{
        font-size:13px
    }
    .what-item{
        height:285px
    }
}

@-webkit-keyframes traffic{
    0%,100%{
        -webkit-transform:translateY(-20%);
        transform:translateY(-20%)
    }
    50%{
        -webkit-transform:translateY(20%);
        transform:translateY(20%)
    }
}
@keyframes traffic{
    0%,100%{
        -webkit-transform:translateY(-20%);
        transform:translateY(-20%)
    }
    50%{
        -webkit-transform:translateY(20%);
        transform:translateY(20%)
    }
}
@keyframes instAnim{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    30%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px)
    }
    70%{
        -webkit-transform:translateY(6px);
        transform:translateY(6px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}


/* TODO Анимация */

@keyframes translateTop {
  from {
    transform:translate(0%,-100%);
    filter: blur(5px);
  }
  to {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transform:translate(0%, 0);
  }
}

@keyframes translateBottom {
  from {
    transform:translate(0, 100%);
    filter: blur(5px);
  }
  to {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transform:translate(0%, 0);
  }
}

* * .menu__header-link a{
    color:#2b2b2b
}
.popup-wrapper{
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:rgba(5,2,2,.698);
    z-index:10
}
.pop-up{
    background-color:#2b2b2b;
    border-radius:10px
}
.pop-up .pop-up-title{
    font-size:24px;
    font-weight:400;
    letter-spacing:1.2px;
    color:#f7f7f7
}
.pop-up-title{
    font-size:calc(18px + 14 * ((100vw - 320px)/ (1880 - 320)))
}
.pop-up form{
    width:100%
}
.pop-up input.webinar__form{
    width:100%
}
.pop-up button{
    width:100%;
    padding:5% 0
}
.pop-up .close{
    width:45px;
    height:45px;
    position:absolute;
    right:10px;
    top:10px;
    z-index:12;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.pop-up .close span{
    width:40px;
    height:2px;
    background-color:#f7f7f7;
    display:block;
    position:absolute
}
.pop-up .close span:first-child{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.pop-up .close span:last-child{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.pop-up-senks{
    font-size:24px;
    letter-spacing:1px;
    text-align:center;
    line-height:34px;
    font-weight:600
}
.pop-up-senks~.webinar-btn{
    width:100%;
    padding:5% 0
}
.pop-up-img{
    width:50px;
    height:40px;
    display:block
}
.pop-up-services-p{
    font-size:14px;
    font-weight:400;
    line-height:19px;
    letter-spacing:.7px
}
.pop-up-services .pop-up-title{
    color:#000;
    font-weight:600
}
.pop-up-services .webinar__form{
    background-color:#000
}
.pop-up-services .webinar__form::-webkit-input-placeholder{
    color:#fff
}
.pop-up-services .webinar__form::-moz-placeholder{
    color:#fff
}
.pop-up-services .webinar__form:-ms-input-placeholder{
    color:#fff
}
.pop-up-services .webinar__form::-ms-input-placeholder{
    color:#fff
}
.pop-up-services .webinar__form::placeholder{
    color:#fff
}
.pop-up-title-services{
    font-size:36px;
    font-weight:400;
    letter-spacing:1.8px
}
.price-pop-up{
    color:#fff;
    font-size:18px;
    font-weight:500;
    letter-spacing:.9px;
    position:relative;
    text-align:right
}
.price-pop-up:before{
    content:"";
    position:absolute;
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all;
    left:5%;
    top:0;
    width:25px;
    height:25px;
    background-image:url(../images/price-pop-up-img.png);
    background-repeat:no-repeat;
    background-size:auto;
    background-position:center
}
.price-pop-up:hover:before{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.price-text-pop-up{
    color:#fff;
    font-size:24px;
    font-weight:400;
    letter-spacing:1.2px
}
.main-screen-form{
    width:87%!important;
    height:60px
}
button.main-screen-form{
    padding:0
}
.white-popup{
    position:relative
}






/* стили для секции и контейнра */


.circles-wrapper {
  background-color: #2b2b2b;
  background-blend-mode: darken;
  padding: 100px 0;
  position: relative;
}

.circles-wrapper * {
  font-family: sans-serif;
}

.container-circles {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100%;
  max-width: 1330px;
  padding: 0 15px;
  flex-wrap: wrap;
}



/* стили для заголовков */
.circles-wrapper__titles {
  max-width: 575px;
  margin: 0 auto 66px;
}

.circles-wrapper__title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 42px;
}

.circles-wrapper__descr {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  color: #585858;
  opacity: .6;
}



/* стили для рэндж слайдера */
#appearance7 .rs-range-color {
  background-color: #f1ca21;
}

#appearance7 .rs-path-color {
  background-color: #bf9540;
}

#appearance7 .rs-handle {
  background-color: #f1ca21;
  padding: 7px;
  border: 2px solid #f1ca21;
}

#appearance7 .rs-handle.rs-focus {
  border-color: #f1ca21;
}

#appearance7 .rs-handle:after {
  border-color: #f1ca21;
  background-color: #f1ca21;
}

#appearance7 .rs-border {
  border-color: transparent;
}

.rs-tooltip-text {
  padding: 0;
}

.rs-full .rs-tooltip {
  top: 50%; left: 50%;
}


.tooltip__static-text {
  font-size: 22px;
  margin-bottom: 6px;
  display: block;
  font-weight: 500;
  color: #000;
}

.tooltip--bordered {
  font-size: 48px;
  font-weight: 700;
  color: #f1ca21;
  display: block;
  border-bottom: 3px solid rgba(0, 0, 0, .32);
  padding-bottom: 10px;
}

.tooltip--bordered span {
  font-size: 48px;
  font-weight: 700;
  color: rgba(0, 0, 0, .32);
}

/* стили для рэндж слайдера законечены, теперь остальные 2 */
.circles-wrapper__item {
  width: 338px;
  height: 338px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
}

.circles-wrapper__item p {
  font-size: 22px;
  margin-bottom: 6px;
  font-weight: 500;
  text-align: center;
  margin-top: 0;
  color: #000;
}

.circles-wrapper__item strong span,
.circles-wrapper__item  strong {
  font-size: 48px;
  font-weight: 700;
  color: #f1ca21;
}

.circles-wrapper__item strong {
  border-bottom: 3px solid rgba(0, 0, 0, .32);
  padding-bottom: 10px;
}


/* билет */
.sale-offer {
  position: absolute;
  margin-top: -60px;
  transform: translate(-50%);
  left: 50%;
  height: 119.8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f1ca21;
  width: 100%;
  z-index: 3;
  padding: 0 75px;
  max-width: 1050px;
}

.sale-offer:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='119' viewBox='0 0 66 119'%3E%3Cpath fill='%23f1ca21' fill-rule='evenodd' d='M66 44c-8.837 0-16 7.163-16 16s7.163 16 16 16v43H0V0h66v44z'/%3E%3C/svg%3E");
  position: absolute;
  right: -20px; top: 50%;
  height: 120px;
  overflow: hidden;
  transform: translate(0, -50%);
}

.sale-offer:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='119' viewBox='0 0 66 119'%3E%3Cpath fill='%23f1ca21' fill-rule='evenodd' d='M0 76c8.837 0 16-7.163 16-16S8.837 44 0 44V0h66v119H0V76z'/%3E%3C/svg%3E");
  position: absolute;
  left: -20px;
  top: 50%;
  height: 120px;
  overflow: hidden;
  transform: translate(0, -50%);
}

.sale-offer p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.sale-offer .full-price {
  font-weight: 700;
  font-size: 48px;
}

.sale-offer button {
    border-radius: 3px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .7px;
    color: #000;
    padding: 25px 34px 22px;
    border: none;
    border-radius: 0;
    cursor: pointer;
}









@media(max-width: 1300px) {
  .sale-offer {
    max-width: 800px;
  }
}

@media(max-width: 1100px) {
  .sale-offer {
    position: static;
    width: 338px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    flex-shrink: 0;
    transform: translate(0, 0);
    padding: 0;
  }

  .sale-offer .full-price {
    margin: 0 0 10px 0;
  }

  .sale-offer p {
    text-align: center;
    font-size: 22px;
    margin-bottom: 6px;
  }

  .sale-offer:before, 
  .sale-offer:after {
    display: none;
  }

  .sale-offer button {
    padding: 15px 24px 12px;
  }

  .container-circles {
    max-width: 830px;
  }

  .circles-wrapper__item,
  #appearance7,
  .sale-offer {
    margin-bottom: 30px;
  }

}

@media(max-width: 740px) {
  .container-circles {
    flex-direction: column;
  }
}

@media(max-width: 640px) {
    .pop-up-services{
      border-radius: 10px!important;
    }
  }
  

@media(max-width: 440px) {
  .circles-wrapper__item {
    display: none;
  }

  .container-circles {
    padding: 0;
  }

  #appearance7, 
  .sale-offer {
    margin-bottom: 0;
  }

  #appearance7 {
    position: relative;
    z-index: 3;
    transform: scale(0.9);
  }

  .sale-offer {
    position: relative;
    left: unset; top: unset; bottom: unset;
    z-index: 1;
    transform: translate(0, -70px) scale(0.9);
  }

}















.comment-stap{
    width:25px;
    cursor:pointer
}
.comment-stap path{
    color:#ffd31d;
    -webkit-transition:.6s all;
    -o-transition:.6s all;
    transition:.6s all
}
.comm-stars:hover .comment-stap path{
    color:#db5258
}
.comm-link,.comment-text,.comment-text-fw{
    font-size:16px;
    letter-spacing:1.1px;
    line-height:20px;
    color:#000
}
.comment-text-fw{
    font-weight:600
}
.com-block{
    background-color:#f0eff5;
    border-radius:10px
}
.comm-link{
    color:#43d8c9;
    text-decoration:underline!important;
    -webkit-transition:.4s all;
    -o-transition:.4s all;
    transition:.4s all;
    font-weight:500;
    font-size:18px
}
.comm-link:hover{
    color:#f1ca21
}
.comm-link-y{
    color:#ec823a
}
.comm-avatar{
    width:100px
}
#pum-116,#pum-142{
    background-color:rgba(0,0,0,.4)
}
.popup-wrapper{
    background-color:rgba(0,0,0,0)
}
.pum-container.pum-responsive img{
    height:inherit!important
}
.quiz-wrap{
    background-color:rgba(0,0,0,.4);
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:10
}
.quiz{
    background-color:#2b2b2b;
    border-radius:13px
}
.quiz-btn{
    border:20px solid transparent;
    border-left:20px solid #f1ca21;
    -webkit-transition:.5s all;
    -o-transition:.5s all;
    transition:.5s all
}
.quiz-btn:hover{
    border-left:20px solid #fff
}
.container-lable{
    position:absolute;
    margin:8px 0 0 16px
}
.container-lable+label{
    position:relative;
    padding:5px 0 0 50px;
    line-height:2em
}
.container-lable+label:before{
    content:"";
    position:absolute;
    display:block;
    left:15px;
    top:0;
    width:50px;
    height:30px;
    border-radius:16px;
    background:#fff;
    border:1px solid #f7f7f7;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    padding:4px
}
.container-lable+label:after{
    content:"";
    position:absolute;
    display:block;
    left:20px;
    top:3px;
    width:24px;
    height:24px;
    border-radius:16px;
    background:#fff;
    border:1px solid #d9d9d9;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.container-lable+label:hover:after{
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.3);
    box-shadow:0 0 5px rgba(0,0,0,.3)
}
.quiz-radio__span label:after+:checked{
    margin-left:16px;
    background-color:#000;
    border-color:#000
}
.quiz-radio__span label:before+:checked{
    background:red;
    border:1px solid #f1ca21
}
.quiz-text{
    font-size:24px;
    font-weight:400;
    letter-spacing:1.2px
}
.quiz-arrow{
    -webkit-transition:1.1s all;
    -o-transition:1.1s all;
    transition:1.1s all;
    -webkit-animation-name:traffic;
    animation-name:traffic;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.radio-quiz{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.quiz-radio__span{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    font-weight:500;
    position:relative;
    overflow:hidden;
    margin-bottom:.375em;
    display:inline-block
}
.quiz-radio__span input{
    position:absolute;
    left:-9999px
}
.quiz-radio__span span span span{
    margin-left:0
}
.quiz-radio__span input:checked+span{
    color:#b38728;
    background-color:#f9e3e4
}
.quiz-radio__span input:checked+span:before{
    -webkit-box-shadow:inset 0 0 0 .4375em #db5258;
    box-shadow:inset 0 0 0 .4375em #db5258
}
.quiz-radio__span span span span span{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:.375em .75em .375em .375em;
    border-radius:99em;
    -webkit-transition:.25s ease;
    -o-transition:.25s ease;
    transition:.25s ease;
    color:#000
}
.quiz-radio__span span span span span:hover{
    background-color:#f9e3e4;
    color:#b38728
}
.quiz-radio__span span span span span:before{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-negative:0;
    flex-shrink:0;
    content:"";
    background-color:#fff;
    width:2em;
    height:2em;
    border-radius:50%;
    margin-right:.39em;
    -webkit-transition:.25s ease;
    -o-transition:.25s ease;
    transition:.25s ease;
    -webkit-box-shadow:inset 0 0 0 .13em #f1ca21;
    box-shadow:inset 0 0 0 .13em #f1ca21
}
.text-area-quiz{
    resize:none
}
.contact-main__form{
    padding:4%;
    width:100%
}
.contact-main__form:placeholder{
    color:#f1ca21
}
.main-pop-up__p{
    color:#fff;
    font-size:calc(14px + 6 * ((100vw - 320px)/ (1880 - 320)))
}
.pum{
    overflow-x:hidden
}
.ios8-switch span{
    margin-left:0
}
.ios8-switch span input[type=checkbox]{
    position:absolute;
    margin:8px 0 0 16px
}
.ios8-switch span input[type=checkbox]+span{
    position:relative;
    padding:5px 0 0 50px;
    line-height:2em;
    font-size:0;
    cursor:pointer
}
.ios8-switch span input[type=checkbox]+span:before{
    content:"";
    position:absolute;
    display:block;
    left:0;
    top:0;
    width:46px;
    height:30px;
    border-radius:19px;
    background:#43d8c9;
    border:1px solid #43d8c9;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    margin-top:-12px
}
.ios8-switch span input[type=checkbox]+span:after{
    content:"";
    position:absolute;
    display:block;
    left:0;
    top:0;
    width:30px;
    height:30px;
    border-radius:19px;
    background:#e71414;
    border:1px solid #e71414;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    margin-top:-12px
}
.ios8-switch span input[type=checkbox]+span:hover:after{
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.3);
    box-shadow:0 0 5px rgba(0,0,0,.3)
}
.ios8-switch span input[type=checkbox]:checked+span:after{
    margin-left:16px;
    background:#ffd31d;
    border-color:#ffd31d
}
.ios8-switch span input[type=checkbox]:checked+span:before{
    background:#f1ca21;
    border-color:#f1ca21
}
#one span input{
    height:23px;
    width:23px;
    margin-right:15px
}
#one span span{
    display:none
}
.check-container span+span,.check-container span+span a{
    font-size:calc(14px + 4 * ((100vw - 320px)/ (1880 - 320)))
}
.check-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{
    padding-right:0!important
}
.pum{
    background:rgba(0,0,0,.5)!important
}
.pop-up__thanks{
    right:0;
    top:20vh;
    background-color:#fff;
    text-align:center;
    width:470px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:999;
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    -webkit-transition:.6s all;
    -o-transition:.6s all;
    transition:.6s all;
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
	z-index:100;
}
.pop-up__thanks h5{
    color:#2b2b2b
}
.text666{
    padding-left:10px
}
.pop-up__thanks-active{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:.6s all;
    -o-transition:.6s all;
    transition:.6s all
}
.text666{
    font-size:calc(25px + 7 * ((100vw - 320px)/ (1920 - 320)));
    color:#d5aa6d
}
.footer-input{
    height:35px!important
}
.footer-send{
    height:40px!important
}
.footer-input2{
    height:40px!important
}
.footer-send2{
    height:45px!important
}