/*Theme Name: ovprod 1.1*/

@charset "UTF-8";
/*Обнуление*/

/* $minwidth: 320px; //1920px;
$fontfamily: 'Montserrat', sans-serif; */

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus,
:active {
    outline: none;
}
a:focus,
a:active {
    outline: none;
}
aside,
nav,
footer,
header,
section {
    display: block;
}
html,
body {
    height: 100%;
    min-width: 320px;

}

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500&family=Rubik:wght@500;600;700&display=swap');

body {
    line-height: 1;
    font-family: 'Rubik', sans-serif;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
    font-family: 'Rubik', sans-serif;
}
input::-ms-clear {
    display: none;
}
button {
    cursor: pointer;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
a,
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
ul li {
    list-style: none;
}
img {
    vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

body {
    z-index: -1;
    background: #FFFFFF;
    margin: 0; 
}
.wrapper {
    min-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/*  любой объект в котором содержится эта строка, к нему будут применены эти стили   */
[class*="__container"] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}
/*пусть main может расширяться чтобы прижимать футер к низу*/
.main {
    flex: 1 1 auto;
}

/* ----  кнопка слово и стрелка  BTN + ARROW  ------- */
.btn-arrow {
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px; 
}
.btn-arrow a {
    color: #282828;
}
.btn-arrow img {
    position: relative;
    top: 5px;
}

/* =============  start  ===============*/

/* =============   HEADER AREA   ===================*/


.header {
    padding: 5px;
    background: #FAFAFF;

}
.menu__body {
    display: flex;
	margin-left: 50px;
    /*justify-content: space-between;*/
}
.header__container{
    display: flex;
    flex-wrap: wrap;
    height: 77px;
    align-items: center;
}
.menu__list {
    flex-wrap: wrap;
    display: flex;
    /*margin-right: 70px;
    justify-content: space-between;*/
}
.main-items{
	height: 77px;
	width: 130px;
	width: 123px;
    text-align: center;
    margin: 0 auto;
}
.menu__list .menu__link{
    line-height: 87px;
    display: block; 
	width: 123px;
}
.menu__list li a {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    text-transform: uppercase;
    color: #282828;
    /*margin-left: 63px; 
    line-height: 23px;*/
}
/* .menu-items li a{
    line-height: 23px;
} */

.menu__icon{
    display: flex;
    justify-content: space-between;
    position: relative;
    left: 112px; /*28*/
}
.menu__phone{
    position: relative;
    left: 170px;/*109*/
}
.number {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #282828;
}
.callback {
    line-height: 21px;
    font-size: 18px;
    text-decoration: underline;
    color: #385CAD;
    position: relative;
    left: 10px;
    transition: font-weight 0.6s ease 0s;
}
.callback:hover {
    font-weight: 600;
    text-decoration: underline;
}
.menu__icon a{
    margin-right: 18px;
}
.ov-mobmenu{
    display: none;
}

/* ------------  block menu - service  ------------- */
.menu__bl-service { 
    max-height: 285px;
    padding: 40px 165px 50px;
    width: 100%;
    background: #F8F8FF;
    box-shadow: 0px 20px 47px -18px #787881;
    border-radius: 20px;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 50;
    display: none;
    justify-content: space-between;
    align-items: center;
}
.menu__bl-service .menu-items a {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 200%;
    color: #625E5E;
    font-style: normal;
}
.menu-items li{
    margin-bottom: 30px;
}
.item1:hover + .menu__bl-service {
    display: flex;
}
.item1:active + .menu__bl-service {
    display: flex;
}
.menu__bl-service:hover{
    display: flex;
}

.burger{
    width:21px;
    height: 22px;
/*    background: url(../img/burger.png) no-repeat;*/
    display: none;
	margin-top: -35px;
}
.callme{
	display: flex;
	 background: url(../img/callme.png) no-repeat;
    align-items: center;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    display: none;
    cursor: pointer;
    z-index: 110;
	
	/*
    width: 30px;
    height: 30px;
    background: url(../img/callme.png) no-repeat;
    display: none;
	margin-top: -35px;*/
}

/*  PC  1400 -- 992  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
	.menu__list .main-items{width: 100px; text-align: center;}
	.menu__list .menu__link{width: 106px;}
    .menu__list li a{margin-left: 25px;}
    .menu__phone {left: 820px; top:-44px;}
    .menu__body{width: 690px; margin-left: -27px;}
    .menu__icon{left: -35px; top: 5px;}
    .menu__list li a{margin-left: 15px; font-size: 16px;}
    .number, .callback{font-size: 16px; line-height: 19px;}
	.menu__bl-service{padding: 40px 80px 50px;} /*new*/
	.menu__bl-service .menu-items a{font-size: 16px;} /*new*/
}

/*  TABLET 991.98 -- 768  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .header{position: relative; height: 57px; /* top: 10px; */}
    .menu__icon a {margin-right: 10px;}
    .menu__body{width: 600px; margin-left: -43px;}
    .menu__list li a {margin-left: 10px; font-size: 14px;}
	.menu__list .main-items {width: 90px;}
	.menu__list .menu__link {width: 90px;}
    .number, .callback {font-size: 14px; line-height: 18px;}
    .menu__phone{left: 685px;}
    .menu__icon {left: -30px;}
	.menu__bl-service {padding: 40px 5px 50px;}
}

/*  MOBILE  copy @ move down*/
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .header .menu__body, .header .menu__icon, .header .menu__phone{display: none;}
    .menu__mob{display: flex;
        align-items: center;
        justify-content: center;
        width: 320px;}
    .header{
        display: flex;
        align-items: center;
        top: unset;}
    .burger{display: block;}
	.callme{display: flex;}
    .ov-mobmenu{
        display: block;
        font-weight: 400; 
        font-size: 40px; 
        line-height: 47px;
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        color: rgba(158, 179, 226, 0.3);
	margin-top:-35px
	}
	
}
nav ul .active {color: #385CAD;}

/* ===========   1 BLOCK   ============ */

.main{
    background-color: #f5f8ff;
}
.promo {
    width: 100%;
    height: 537px;
    margin-top: 77px;
    position: relative;
}
.ellipse34, .ellipse8 {
    width: 200px;
    height: 184.88px;
    border-radius: 51%;
    background: linear-gradient(135deg, #385CAD 0%, #FFFFFF 100%), #385CAD;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: absolute;
}
.el34-top{
    left: 100px;
    top: 20px;
}
.el8-top {
    top: 135px;
    left: 922px;
}
.union-wrapper {
    position: relative;
    max-width: 891px;
    left: -22px;
}
.union {
    z-index: 2;
    position: relative;
    max-width: 891px;
    left: 153px;
    top: 56px;
    background: rgba(242, 242, 242, 0.78);
    box-shadow: inset 0px 4px 30px rgba(255, 255, 255, 0.54);
    backdrop-filter: blur(46px);
    padding: 65px 90px 50px 65px;
    border-radius: 25px;
}
.union__polygon {
    position: relative;
    left: 890px;
    top: -55px;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 100px solid rgba(242, 242, 242, 0.78);
   transform: rotate(190deg);
}
.union h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 38px;
    line-height: 130%; 
    text-transform: uppercase;
    display: flex;
    align-items: center;
    color: #282828;
    margin-bottom: 30px;
    font-family: 'Rubik', sans-serif;
}
.union p {
    font-family:'Karla', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 38px;/* or 158% */
    color: #707070;
    display: block;
}
button {
    width: 340px;
    height: 70px;
    border-radius:50px;
    margin-top: 38px;
    transition: background-color 0.3s ease 0s;
    display: inline-block;    
}

.light {
    left: 220px;
    top: 414px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0px 10px 47px -18px rgba(27, 146, 193, 0.65);
    border: 1px solid #2FC3E3;
    margin-right: 50px;
}
.light:hover {

}

.dark {
    left: 621px;
top: 414px;
    background: linear-gradient(91.18deg, #628EFF 2.96%, #2FC3E3 55.14%, #00F5C9 99.29%);
box-shadow: 0px 25px 47px -18px rgba(27, 146, 193, 0.65);
}
.dark:hover {}

.light p, .dark p {
font-family: 'Rubik', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
}

.light p {color:  #2FC3E3;}
.dark p {color: #FFFFFF;}


/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .union {left: 40px;}
    .el34-top {left: 0;}
    .ellipse8{left: 780px;}
    .union__polygon{left: 595px;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .union {
        left: unset;
        padding: 25px 25px 30px 25px;
        top: 30px;
        position: relative;
        text-align: center;}
    .union h1{font-size: 28px; margin-bottom: 20px;}
    .union p{font-size: 16px; line-height: 26px; text-align: left; max-width: 490px;}
    .light{margin-right: 25px;}
    .el34-top {left: -75px; top: -15px;}
    .ellipse8{left: 580px;}
    .union-wrapper{left: unset;}
    .light p, .dark p{font-size: 24px; line-height: 28px; text-align: center;}
    .union__polygon {left: 420px;}
}

/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .union-wrapper{width: 331px; margin: 0 auto;}
    .union{width: 331px; height: 349px;margin: 0 auto;}
    .union h1{font-size: 26px; line-height: 130%; margin-bottom: 10px;text-transform: unset;text-align: left;}
    .light{display: none;}
    .dark{width: 248px; height: 49px; margin-top: 23px;}
    .dark p{font-size: 18px; line-height: 21px;}
    .union__polygon {left: 195px;top: -100px;}
    .el34-top{width: 80px; top: 19px; height: 80px; left: -8px;}
    .el8-top{width: 100px; height: 100px; top: 143px; left: 257px;}
    .el34-top, .el8-top{background: #385CAD; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
    .main{height: 541px;}
}

/*  ==============    BLOCK-2  PROJECTS  ================= */
.ov__text {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 200px;
    line-height: 237px;
    color: rgba(158, 179, 226, 0.3);
}
.ov-right {
    margin-top: -45px;
    margin-left: 635px;
}

.project__text {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 65px;
}
.text-block {
    width: 675px;
}
.text-block h2 {
    font-family: 'Rubik';
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    font-style: normal;
}

.text-block p {
    font-family:'Karla',sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #707070;
    font-style: normal;
}

.project__text span{
    position: relative;
    top: 65px;
}

.project__video {
    max-width: 1350px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sample1 {
    margin-top: 30px;
}

.vidtitle{display: none;}

.butt__white {
    width: 404px;
    background: none;
    border: 1px solid #282828;
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #282828;
    margin: 60px auto;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ------  responsive ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .ov-right{margin-left: 200px;}
    .project__text{padding: 0 15px;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .project__text {
        padding: 40px 15px;
    }
    .ov-right {
        margin-left: 70px;
    }
    .sample1{
        margin: 30px auto;
    }
    .text-block {width: 440px;}
}

/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .project__text{padding: unset; width: 346px; margin: 0 auto; margin-top: 12px;}
    .project__text span{display: none;}
    .text-block h2{font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 10px;}
    .text-block p{font-weight: 400;
        font-size: 14px;
        line-height: 150%;}
    .project__video{margin-top: -20px;flex-direction: column;}
    .sample1{margin: 32px auto 0;}
    .sample1 img{width: 345px;}
    .vidtitle{display: block;
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;   
        color: #000000;
        margin-top: -19px;}
    .sample1 .tag{width: 102px;
        height: 27px;
        left: 249px;
        top: -22px;}
    .sample1 .tag p{font-weight: 500;
        font-size: 12px;
        line-height: 27px;}
	.sample1 iframe {height: 191px; width: 345px;}
    .butt__white{width: 242px; 
        height: 37px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin: 30px auto;}
    .clients__gray .ov-left{font-weight: 400;
        font-size: 40px;
        line-height: 47px;
        margin: 0 -17px 0;}
}



/*================  BLOCK CLIENTS  =============== */
 .clients__gray {
    background-color: #f5f8ff;
 }

 .ov-left {
    margin-top: -45px;
    margin-left: -100px;
    margin-bottom: -50px;
 }
.client__date {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 105px;
    margin-top: 50px;
    padding: 0 20px;
}
.client__date span {
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 59px;
    color: #C0CBE7;
    display: flex;
    font-style: normal;
    justify-content: center;
}
.client__date p {
    font-family: 'Rubik',sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 33px;
    color: #C0CBE7;
    font-style: normal;
}
.clients__txtblock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 30px auto;
    align-items: center;
}
.clients__txt {
    position: relative;
    left: -20px;
}
.clients__txt h2 {
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    margin-bottom: 20px;
    font-style: normal;
}
.clients__txt p {
    font-family: 'Karla',sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #707070;
    font-style: normal;
}

/* ====== block clients__logo ==========  */
.clients__logo {
    max-width: 1350px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}

/* ------  clients__responsive ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .client__date p {font-size: 22px;} 
    .clients__txt{left: 15px;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .client__date p {font-size: 19px;}
}

/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .clients__gray{height: 165px;}
    .client__date{margin-top: 20px;width: 328px; padding: unset;margin-bottom: unset;}
    .client__date span{font-size: 26px; line-height: 31px;}
    .client__date p{font-size: 14px; line-height: 17px; text-align: center;}
    .clients__txtblock{margin: 0 0 0 -99px;}
    .clients__txt h2{font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 10px;}
    .clients__txt p{font-weight: 400;
        font-size: 14px;
        line-height: 16px;}
    .clients__our .clients__txt{margin: 15px auto;}
    .btn-arrow{display: none;}
    .logo1{margin-top: 10px;}
    .logo1 img{width: 169px;}
    .clients__logo{margin-bottom: 30px;}
}


/* =========    BLOCK ORDER    =============  */
.order {
    background-color: #f5f8ff;
    position: relative;
}
.bl-order{
    top: -380px;
    left: 650px;
    transform: rotate(2deg);
}
.order-port{
    background: #FFFFFF;
}
.order__union-wrapper {
    max-width: 820px;
    margin: 10px auto 0;
    position: relative;
}

.el34-mid, .el8-mid {
    width: 200px;
    height: 200px;
}

.el34-mid {
    top: 16px;
    left: -70px
}
.el8-mid {
    top: 88px;
    left: 690px
}
.order__cta {
    max-width: 820px;
    margin: 0 auto;
    left: 0;
    margin-bottom: -20px;
}
.order__cta h2 {
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    color: #282828;
    margin-bottom: 20px;
    font-style: normal;
}
.order__cta p{
    max-width: 615px;
    font-size: 20px;
    line-height: 150%;
}
.order__dark {
    margin-left: 50%;
}

.order__how {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1240px;
    margin: 0 auto;
    margin-bottom: 85px;
}
.order__how span {
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 59px;
    text-transform: uppercase;
    color: #C0CBE7;
    display: flex;
    justify-content: center;
    font-style: normal;
}
.order__how p {
    font-family: 'Rubik',sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #C0CBE7;
    font-style: normal;
}
.order__how div{
    width: 350px
}

/* ------  ORDER__responsive ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .order__how div {
        width: 260px;
    }
    .order__how span {
        font-size: 40px;
    }
    .order__how p{
        font-size: 24px;
    }
    
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .el34-mid {top: -10px}
    .el8-mid {left: 590px;}
    .order__how div {width: 230px;}
    .order__how span {font-size: 36px;}
    .order__how p {font-size: 19px;}
    .order__how{justify-content: center;}
    .bl-order{top: -350px;left: 495px;}
}

/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .order{margin-top: 40px;}
    .order__union-wrapper{
        width: 331px;
        margin-top: 26px;
        height: 349px;}
    .el34-mid, .el8-mid{background: #385CAD;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
    .el34-mid{width: 80px;
        height: 80px;
        top: 19px;
        left: -16px;}
    .el8-mid{width: 100px;
        height: 100px;
        top: 143px;
        left: 253px;}
    /* .order  */.ov-right {font-weight: 400;
        line-height: 47px;
        font-size: 40px;
        margin-left: 200px;
        margin-top: -37px;}
    .order__cta h2{font-weight: 500;
        font-size: 26px;
        line-height: 31px;
        margin-top: 7px;
        margin-bottom: 15px;}
    .order__cta p{font-weight: 400;
        font-size: 14px;
        line-height: 150%;}
    .order__dark{margin-left: unset; margin-top: 57px;}
    .bl-order{top: -335px;
        left: 213px;
        transform: rotate(23deg);}
    .order__how{flex-wrap: nowrap; margin-top: 65px; width: 340px; margin-bottom: 30px;}
    .order__how span{font-size: 16px; line-height: 19px;}
    .order__how p{font-size: 12px; line-height: 14px;}
    
}

/* =========    BLOCK SERVICE    =============  */

.service__txt {
    max-width: 815px;
    margin-bottom: 40px;
    margin-top: 60px;
    margin-left: 67px;
}
.service__txt h2{
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    font-style: normal;
}
.service__txt p{
    max-width: 760px;
    font-family: 'Karla',sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    color: #707070;
    font-style: normal;
}
.service__sample {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; 
    margin-bottom: 80px; 
}
.service__sample p{
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    font-style: normal;
}
.sample2 {
    margin-bottom: 40px;
}
.fon {
    width: 430px;
    height: 199px;
    margin-top: -200px;
    background: rgba(0, 0, 0, 0.46);
    position: relative;
    border-radius: 10px;
}
.mobservid{display: none;}

/* ------  SERVICE__responsive ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    } 
    .service__txt{margin-left: 17px;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .service__sample {
        justify-content: center;
    }
}

/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }  
    .service{height: 1915px;}
    .service__txt{margin: 12px auto 35px; width: 350px;} 
    .service__txt h2{font-weight: 500;
        font-size: 18px;
        line-height: 21px;}
    .service__txt p{font-weight: 400;
        font-size: 14px;
        line-height: 150%;}
    .servid{display: none;}
    .mobservid{display: block;}
    .sample2{width: 344px;border:0; margin-bottom: 52px;}
    .fon{width: 344px; height: 168px;top: 31px;}
    .service__sample p{font-weight: 500; font-size: 26px; line-height: 31px; height: 168px;}
    .service .ov-left{font-weight: 400; font-size: 40px; line-height: 47px; margin-left: -20px; margin-top: 35px;}
	.service__sample{flex-direction: column; width: 350px; margin: 0 auto;}
}



/* =========    BLOCK ADVANTAGE    =============  */
.advantage {
    background-color: #f5f8ff;
}
.advantage__txt {
    margin-left: 65px;
    max-width: 690px;
    margin-top: 100px;
}
.advantage__txt h2{
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    font-style: normal;
}
.advantage__txt p {
    font-family: 'Karla',sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #707070;
    margin-top: 10px;
    font-style: normal;
}
.advantage__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1240px;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
}
.item1 {
    margin-bottom: 65px;
    width: 385px; /*max 355*/
	
}
.item1 img{
    position: relative;
    left: 20px;
}
.part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 27px;
}
.part span {
    font-family: 'Rubik',sans-serif;
    font-weight: normal;
    font-size: 100px;
    line-height: 118px;
    color: #D7E1F8;
    /*margin-right: 20px;*/
    font-style: normal;
}
.part p{
    text-align: left;
    font-size: 18px;
    line-height: 27px;
	width: 230px;  /*new*/
	margin-left: 20px; /*new*/
}
.part b{
    font-size: 20px;
    line-height: 30px;
}
.part:nth-child(1) p{
	margin-left: 39px; /*new*/
}
.mobadv, .mobline{display: none;}

/* ------  responsive ADVANTAGE ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .ov-left {margin-left: -270px;}
    .advantage__txt{margin-left: 15px;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .ov-left {margin-left: -200px;}
    .advantage__items {justify-content: center; width: 650px;}
}

/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .advantage__txt{width: 350px; margin: 0 auto; margin-top: 23px;}
    .advantage__txt h2{font-weight: 500;
        font-size: 18px;
        line-height: 21px;}
    .advantage__txt p{font-weight: 400;
        font-size: 14px;
        line-height: 16px;}
    .ov-left {margin-left: -80px;}
    .advantage__items{margin-top: 38px; width: 340px;}
    .advdt{display: none;}
    .mobadv{display: block;}
    .item1{width: 332px; height: 211px;}
    .item1 img{left: unset;margin: 0 auto;}
    .part{margin-top: 16px;}
    .part span{font-weight: 400; font-size: 80px; line-height: 95px;}
    .part p{font-weight: 400; font-size: 18px; line-height: 150%; width: 230px;}
    .mobline{display: block; 
        width: 123px;
        height: 3px;
        background:#D7E1F8;
        transform: rotate(90deg);
        position: relative;
        top: 40px;
        left: -23px;}
    .mbl1{width: 97px; width: 97px;}
}

/* =========    BLOCK TEAM    =============  */
.team__arrow{
    display: block;
    width: 22px;
    height: 38px;
    position: relative;
    top: 230px;
}
.arrow-left{
    background: url(../img/arrowleft.png) no-repeat;
}
.arrow-right{
    background: url(../img/arrowright.png) no-repeat;
}
.team__txt {
    margin-top: 60px;
    margin-left: 65px;
    max-width: 650px;
    margin-bottom: 115px;
}
.team__txt h2 {
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    margin-bottom: 15px;
    font-style: normal;
}
.team__txt p {
    font-family: 'Karla',sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #707070;
    font-style: normal;
}
.team__members {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.member {
    text-align: center;
    max-width: 400px;
    text-align: center;
    height: 460px;  /*503*/
    border-radius: 20px;
    background: #f2f2f2;
    padding: 0 20px;
    margin: 0 auto;
    margin-bottom: 32px;
	margin-top: 131px;
}
.foto {
    margin-top: -62px;
    margin-bottom: -6px;  /*40*/
} 
.foto .fotofon-main{
	width: 220px;
	height: 220px;
	top: 0;
	left: 114px;
}
.member p{
    font-family: 'Karla',sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    color: #282828;
    font-style: normal;
}
.member p:nth-child(3) {
    margin-top: 26  px;
}
.member p:nth-child(4) {
    color: #707070;
    margin-top: 30px;
    text-align: left;
}
.main__member-txt .person-descr{
	margin-top: 16px;
	color: #707070;
}
.foto .mobfoto{/*display: none !important;*/ height: 0;}

.foto .dtfoto {width: 200px !important; display: unset !important; position: relative; top: -58px; left: 6px;}
/* ------  responsive TEAM ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .team__txt{margin-left: 15px;}
    .member3{display: none;}
	.main__member-txt .person-descr {font-size: 18px;}
    .team__arrow{display: none;}
	.foto .fotofon-main{left: 42px;}
}
/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
	.foto .fotofon-main {left: 68px;}
}
/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .team__container{padding: 0 10px;}
    .team{width: 380px; height: 477px;margin: 0 auto;}
    .team__txt h2{font-weight: 500; font-size: 18px; line-height: 21px; margin-bottom: 12px;}
    .team__txt p{font-weight: 400; font-size: 14px; line-height: 16px;}
    .team__txt{margin-top: 47px; margin-left: unset; margin-bottom: 49px;}
    .team__arrow{display: none;}
    .team__members{width: 356px;}
    .member3{display: none;}
	.foto .fotofon-main{width: 120px; height: 120px;left: 123px;top: 0;}
    .foto .dtfoto{height: 100px; width: 100px !important; top: -25px; left: 3px;}
    .member{width: 175px; height: 231px; margin-bottom: 70px;margin-top: 75px;}
    .foto{margin: -40px auto 12px;margin-bottom: 25px; width: 100px;}
    .member p{font-weight: 400; font-size: 12px; line-height: 150%; width: 137px;}
    .member p:nth-child(4){font-size: 10px; margin-top: 4px;}
    .member p:nth-child(3){margin-top: unset;font-size: 10px; margin-top: 5px;}
	.main__member-txt p:nth-child(1){margin-top: -35px;}
}

/* =========    BLOCK FOOTER    =============  */
.footer {
    background-color: #f5f8ff;
    position: relative;
}
.footer-union__wrapper {
    position: relative;
}
.el34-bott {
    top: 60px;
    left: -75px; /*top: 55px;
    left: 790px;*/
}
.el8-bott{
    width: 100px;
    height: 100px;
    top: 435px;
    left: -47px;
}
.el8-right{
    left: 408px;
    top: 295px;
}
.footer__bl1 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
}
.footer__form {
    width: 464px;
    height: 480px;
    left: 0;
    top: 121px;
    padding: 0px;
}
.footer__form button{
    margin: 10px auto;
}
.footer__form h2{
    margin-top: 83px;
    margin-bottom: 54px;
    font-family: 'Karla',sans-serif;
    font-size: 36px;
    line-height: 42px;
    color: #000000;
}
form {
    display: flex;
    flex-direction: column;
}
input {
    font-family: 'Karla',sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #707070;
    background: rgba(242, 242, 242, 0.01);
    margin: 0 auto;
    border-bottom: 1px solid #CFC7C7;
    line-height: 40px;
    margin-bottom: 30px;
    width: 354px;
}
.bl-ftform{
    top: 25px;
    left: 245px;
    transform: rotate(215deg);
}
.footer__callback {
    margin-top: 160px;
    margin-bottom: 185px;
    margin-left: 185px;
    text-align: left;
}
.footer__callback h2 {
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 43px;
    color: #282828;
    margin-bottom: 55px;
}
.footer__callback span, .footer__callback p {
    font-family: 'Karla',sans-serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
    color: #000000;
}
.footer__callback p{
    line-height: 22px;
    color: #707070;
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 19px;
}
.footer__bl2 {
    min-height: 130px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 9%;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    left: -56px;
}
.footer__bl2 p{
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}
.footer-mail {
    text-decoration: none;
    color:#282828;
}
.footer__line {
    display: block;
    width: 100%;
    height: 1px;
    background-color:#C7D1E9;
    position: absolute;
    bottom: 130px;
}
.ft-phone{
    position: relative;
    left: 30px;
}
.ft-phone li a,
.ft-mail li a{
    font-size: 22px;
    line-height: 26px;
}
.ft-mail{
    left: 13px;
}
.icon-bottom{
    left: 57px;
}


/* ------  responsive FOOTER ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .footer__callback{
        margin-left: 0;
    }
    .footer__bl2 p {font-size: 18px;}
    /* .number{font-size: 16px;} */
    .ft-phone li a, 
    .ft-mail li a {font-size: 16px;}
    .icon-bottom{left: 60px;}
    .ft-mail, .ft-phone{left: 25px; top: 0;}
}
/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .footer__form {top: -60px;}
    .el34-bott {top: -118px;}
    .el8-bott{top: 266px;}
    .el8-right{top: 110px;}
    .footer__bl2{
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;} 
    .footer__bl2 p, 
    .footer__bl2 ul, 
    .icon-bottom {margin: 20px 0;}
    .footer__line{bottom:300px;}
    .bl-ftform{top: -158px;}
    .footer__bl1{margin-bottom: -140px;}
    .footer__line {bottom: 345px;}
    .footer__bl2, .ft-phone, .callback, .ft-mail{left: unset;}
    .icon-bottom{left: 10px;}
    .ft-phone{top: -20px;}
    .ft-mail, .icon-bottom{top: -45px;}
}
/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .footer{height: 1091px;}
    .footer__container{width: 370px;}
    .footer-union__wrapper{width: 342px; height: 360px; top: -573px;}
    .el34-bott, .el8-bott, .el8-right{background: #385CAD; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
    .el34-bott{width: 80px; height: 80px; left: -12px; top: -91px;}
    .el8-bott{width: 100px; height: 100px; left: -11px; top: 220px;}
    .el8-right{width: 100px; height: 93.89px; left: 248px; top: 62px;}
    .footer__form{width: 329px; height: 360px;}
	.footer__form .ft-form{margin-top: 0;}
    form{padding: 47px 20px 51px 24px;}
    .form-container h2{font-weight: 400; font-size: 26px; line-height: 30px; margin: 0 auto 34px;}
	.footer__form .form-container{margin-top:0;}
    .form-container input{font-weight: 400; font-size: 18px; line-height: 30px; width: 285px;}
    .bl-ftform{top: -175px; left: 190px;}
    .footer__callback{position: relative; top: 398px;}
    .footer__callback h2{font-weight: 500; font-size: 26px; line-height: 31px; text-align: center; margin-bottom: 26px;}
    .footer__callback span{font-weight: 400; font-size: 20px; line-height: 23px;}
    .footer__callback p{font-weight: 400; font-size: 18px; line-height: 21px; margin-top: 26px;}
    .footer__line{bottom: 165px;}
    .ov-ft{display: none;}
    .footer__bl2 p{font-weight: 400; font-size: 10px; line-height: 12px;}
    .footer__bl2 br{display: none;}
    .ft-phone li a, .ft-mail li a{font-weight: 400; font-size: 14px; line-height: 17px;}
    .ft-phone .callback{display: none;}
    .ft-mail li:nth-child(1){margin-bottom: 8px;}
    .footer__bl2 .ft-phone{margin: 8px 0;}
    .footer__bl2{top: -10px;}
    .icon-bottom img{width: 22px; height: 19px;}
    .icon-bottom{top: -60px;}
}

/* \\\\\  ======  PORTFOLIO PAGE  ======  //////// */

/* -------- BLOCK SAMPLES  ---------- */
.samples {
    background: #F8F8FF;
    padding-top: 35px;
}
.sample__txt{
    max-width: 695px;
    position: relative;
    margin-left: 40px;
    margin-bottom: 50px;
    margin-top: -139px;
}
.sample__txt h2 {
    font-family: 'Rubik', sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #282828;
}
.sample__txt p {
    font-family: 'Karla', sans-serif;
font-weight: normal;
font-size: 20px;
line-height: 150%;
color: #707070;
}
.ov__portfolio {
    font-size: 150px;
    line-height: 178px;
    text-align: right;
    margin-right: -55px;
}
.sample__video {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tag {
    position: relative;
	width: 134px;
	height: 33px;
	left: 310px;
	top: -25px;
	background: #AEEDFF;
	border-radius: 7px;
    font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #625E5E;
	text-align: center;
}
.video {
    margin-top: 30px;
}
.video p{
    font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	margin-top: -15px;
}
.ov-left-portf{
    margin-top: 10px;
}

/* ------  responsive FOOTER ------  */
/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .ov__portfolio{visibility: hidden;}
    .sample__video{justify-content: center;}
}


/* \\\\\  ======  OTZYVY PAGE  ======  //////// */

/* -------- BLOCK OTZYVY  ---------- */

.otzyvy {background: #F8F8FF;}
.otzyvy h2 {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
}
.otzyvy p {
    font-family: 'Karla', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}
.otzyvy__slider {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1325px;
    margin: 0 auto;
}
.ov-left-otzyvy {
    position: relative;
    top: 50px;
    left: 40px;
}
.otzyvy__txt {
    max-width: 695px;
    position: relative;
    left: 64px;
    margin-bottom: -125px;
    top: -192px;
}
.ov__otzyvy {
    font-size: 150px;
    margin-left: 830px;
    position: relative;
    top: -40px;
}
.slide p {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #000000;
	margin-left: 5px;
}
.otzyvy__arrow {
    position: relative;
    display: block;
    width: 25px;  
}
.otzyvy__slider .otzyvy__arrow{
    top: 101px;
}
.arrow-left2 {
    top: 370px;
    left: -38px;
}
.arrow-right2{
    left: 1250px;
    top: -468px;
}
.otzyvy__clients {
    width: 1295px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: -42px;
    position: relative;
    left: 30px;
}
.otzyvy .text-bl {
    position: relative;
    left: 10px;
    margin-bottom: 59px;
}
.member-otzyvy {
    min-width: 501px;
    height: 311px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
	margin-top: unset;
}
.fotofon{
    position: absolute;
    width: 170px;
    height: 170px;
    left: -72px;
    top: 59px;
    background: #C3CEE7;
    border-radius: 50%;
}
.foto-otzyvy {
    top: 40px;
    z-index: 10;
    position: relative;
    left: -82px;
    margin-right: -60px;
}
.foto-otzyvy img{width: 150px; position: relative;top: -23px;}
.member-otzyvy-txt{
    position: relative;
    width: 340px;
    left: -2px;
}
.member-otzyvy-txt p{
    font-size: 20px;
    line-height: 150%;
}
.member-otzyvy-txt p:nth-child(3){
    color: #707070;
    margin-top: 18px;
}
.otz-polygon{
    top: 142px;
    left: 140px;
    transform: rotate(25deg);
}
.el34-mid-otzyvy{top: 174px;}
.el8-mid-otzyvy{top: 243px;}
.order__union-wrapper-otz{left: -104px;}
.order__how-otz{margin-top: 180px;}
.ov__otzyvy-order{display: none;}

/* ------  responsive OTZYVY PAGE ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .ov__otzyvy {left: -360px;}
    .otzyvy__txt{left: 13px;}
    .otzyvy__slider{justify-content: center; width: unset;}
    .slide{margin: 0 30px;}
	.otzyvy .slide p{font-size: 16px;}
    .otzyvy .text-bl{left: unset;; max-width: 410px;}
    .otzyvy__clients{left: 7px; width: 982px;}
    .otzyvy__slider .arrow-left{top: 365px;}
    .otzyvy__slider .arrow-right{top: -185px;}
    .arrow-left2 {left: 10px; top: 686px;}  /* {top: 184px; left: 55px;} */
    .arrow-right2 {left: 635px; top: -714px;}  /* {left: 776px; top: -270px;} */
    .member-otzyvy {margin-bottom: 30px; min-width: 420px;}
	.team__members{width:982px;}
	.fotofon {width: 150px; height: 150px; left: -60px; top: 80px;}
	.foto-otzyvy{left: -70px;}
	.foto-otzyvy img{width: 130px; top: -13px;}
	.member-otzyvy-txt{left: 15px;}
    .order__union-wrapper-otz{left: unset;}
	.slide iframe {width: 266px; height: 150px;}
}
/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
	.otzyvy .slide p {margin-left: 15px;}
    .otzyvy__txt{max-width: 410px; left: 8px; margin-top: 80px;  }
    .ov__otzyvy {margin-left: 780px; line-height: 170px; top: 6px;}
	.otzyvy .team__members{flex-direction: column; width: 730px;}
}
/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .ov__otzyvy{margin-left: 0; left: 0;}
    .otzyvy{height: 1350px;}
    .otzyvy__txt{width: 319px; margin: 0 auto; margin-top: 47px; margin-bottom: -181px;}
    .otzyvy h2{font-size: 18px; line-height: 21px;}
    .otzyvy p{font-size: 14px; line-height: 17px; color: #000000; text-align:center;}
	.otzyvy .slide p {margin-left: 0; line-height: 40px;}
    .otzyvy__clients{width: 345px; margin-top: 60px; margin-bottom: -129px; left: 35px;}
	.otzyvy__clients .text-bl{width: 319px; left: 22px;}
    .otzyvy__clients p{line-height: 26px; color: #707070;}
    .otzyvy__arrow{display: none;}
    .otzyvy__slider .slide img{width: 345px;}
    .slide{margin-bottom: 16px;}
	.otzyvy .text-bl{margin-bottom: 35px;}
    .otzyvy-slider2 .team__members{width: 273px;left: 35px; position: relative;}
    .member-otzyvy{min-width: 273px; height: 221px;margin-top: 0; margin-bottom: 26px;}
    .fotofon{width: 120px; height: 120px; top: 51px;}
    .foto-otzyvy{top: 49px; left: -82px;}
    .foto-otzyvy img{width: 100px; left: 11px; top: -22px;}
    .member-otzyvy-txt{left: 20px;}
    .member-otzyvy-txt p{font-size: 12px; line-height: 150%; color: #282828;}
    .member-otzyvy-txt p:nth-child(3){width: 191px; font-size: 12px; line-height: 150%; color: #707070; text-align: left;}
    .member-otzyvy:nth-child(4){display: none;}
    .ov-left-otzyvy{font-size: 40px; line-height: 47px; top: 133px; left: 61px;}
    .order__how-otz{position: relative; margin: 0 auto; top: -509px;}
    .order__how-otz span{font-size: 26px; line-height: 31px;}
    .order__how-otz p{font-size: 14px; line-height: 17px; text-align: center;}
    .otzyvy__order{height: 485px;margin-bottom: -480px; z-index: 100;}
    .order__union-wrapper-otz{top: -185px;}
    .otz-polygon{transform: rotate(200deg); top: 410px; left: 200px;}
    .ov__otzyvy-order{display: block;font-size: 40px; line-height: 47px; top: 133px; left: 202px;}
}

/* \\\\\  ======  CLIENTS PAGE  ======  //////// */

/* -------- BLOCK CLIENTS  ---------- */

.clients {background: #FAFAFF;}
.clients-page h2 {font-weight: 500; margin-bottom: 25px;}
.clients__block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 155px;
}
.clients__block img {margin-bottom: 40px;}

/* ------  responsive CLIENTS PAGE ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .clients .ov-right {margin-left: 545px;}
}
/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .clients .ov-right {display: none;}
    .clients__txt {margin-top: 50px;}
}
/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .clients__txt {margin: 50px auto 90px; max-width: 455px;}
}


/* \\\\\  ======  404 PAGE  ======  //////// */

/* -------- BLOCK 404  ---------- */
.mistake {background:#FAFAFF; display: flex;}
.mistake span{
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 150px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
}

.mistake-fon {
    width: 345px;
    margin: 145px auto 50px;
}
.mistake-fon p{
    display: flex;
    align-items: center;
    width: 345px;
    height: 115px;
    background-color: #2AA5A0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(91.18deg, #628EFF 2.96%, #2FC3E3 55.14%, #00F5C9 99.29%);
}
.mistake__txt h2{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 43px;
    color: #282828;
    text-align: center;
    margin-bottom: 50px;
}

.mistake__txt p {
    font-family: 'Karla', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #707070;
    text-align: center;
    margin-bottom: 85px;
}
.butt-404 {
    font-size: 24px;
    line-height: 28px;
    background-color: #2AA5A0;
    background-image: linear-gradient(91.18deg, #628EFF 2.96%, #2FC3E3 55.14%, #00F5C9 99.29%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid #2FC3E3;
    font-weight: bold;
}

/* \\\\\  ======  ANIMATION PAGE  ======  //////// */

.calc {background: #f5f8ff;}
.gray-bl {
    width: 1440px;
    height: 460px;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    box-shadow: 0px 10px 46px -10px rgba(98, 94, 94, 0.25);
    border-radius: 20px;
    background: linear-gradient(93.71deg, rgba(192, 203, 231, 0.58) 10.61%, rgba(192, 203, 231, 0) 154.94%);
}
.ov-white {
    color: white;
    z-index: 8;
    position: relative;
    font-size: 170px;
    line-height: 201px;
    left: 60px;
    top: -24px;
}
.calc__top h2{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    margin-top: 55px;
    margin-bottom: 12px;
}
.calc__top p{
    font-family: 'Karla', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #707070;
    margin-bottom: 25px;
}
.calc__top{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.calc-form{
    width: 371px;
    margin-bottom: 54px;
    height: 325px;
}
.calc-form .calc__form-container h2{margin-top:40px;}
.form-container input{
    font-size: 19px;
    line-height: 32px;
    width: 283px;
}
.form-container h2{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    margin: 88px auto 20px;
    line-height: 33px;
}
.calc__top-btn{
    width: 272px;
    height: 56px;
}
.calc__top-btn p{
    font-size: 19.1829px;
    line-height: 23px;
}
.el-top{
    width: 160px;
    height: 160px;
    top: 60px;
    left: 238px;
}
.el-left,
.el-right {
    width: 80px;
    height: 80px;
}
.el-left{
    top: 270px;
    left: -40px;
}
.el-right {
    width: 80px;
    height: 80px;
    top: 384px;
    left: 212px;
}
.gray-bl-1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.calc-union {margin-top: -170px;}
.calc__container h3{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    text-align: center;
    margin-top: 95px;
}
.stages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 1440px;
    margin: 0 auto;
    height: 350px;
    left: -35px;
    background: #FFFFFF;
    box-shadow: 0px 10px 46px -10px rgb(0 0 0 / 15%);
    border-radius: 20px;
    position: relative;
    margin-top: 25px;
    margin-bottom: 90px;
    padding: 0 150px;
}
.imgarr{
    position: relative;
    top: 29px;
    left: 36px;
}
.stages p {
    display: inline-block;
    font-family: 'Rubik',sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 150%;
    color: #385CAD;
    margin-top: 23px;
    margin-left: 14px;
}
.list {margin-top: 25px;}
.list li{
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    color: #282828;
    margin-bottom: 4px;
    list-style: disc;
}
.list ul{margin-top: 30px;}
.list img {margin-left: -25px;}
.samples__examples a {left: 346px;}
.samples__examples span{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 100px;
    line-height: 118px;
    color: #D7E1F8;
}
.samples {
    width: 100%;
    background: #FFFFFF;
    height: 1256px;
}
.samples p{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #282828;
    margin-left: 100px;
}
.samples-bl {
    max-width: 1240px;
    margin: 0 auto;
}
.samples__examples {
    max-width: 1240px;
    height: 386px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.samples__examples img{max-width: 612px;}
.samples__examples {border-bottom: 4px solid rgba(229, 229, 229, 0.65);}
.soc__samples-bl .samples__examples:nth-child(5){
	position: relative;
    top: -47px;
    border-bottom: 0;
}
.samples__examples:nth-child(3){
    border-bottom: 0;
}
.samples__examples:nth-child(2){
    margin-bottom: 0;
}
.soc__samples-bl .samples__examples:nth-child(3){border-bottom: 4px solid rgba(229, 229, 229, 0.65);}
.pic1 {
    width: 598px;
    box-shadow: 0px 10px 46px -10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    height: 341px;
}

/* -------- BLOCK BACKSTAGE  ---------- */
.bstage {
    background:#f5f8ff;
}
.bstage__bl1 {
    max-width: 1240px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
.anima__part {
    width: 400px;
    background: #FFFFFF;
    box-shadow: 0px 10px 46px -10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mobbstage{display: none;}
.anima__part img {margin-top: 35px;}
.anima__part h2 {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 42px;
    line-height: 50px;
    text-transform: uppercase;
    color: #625E5E;
    text-align: center;
    margin-bottom: 5px;
}
.anima__part p {
    font-family:'Rubik', sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: rgba(112, 112, 112, 0.72);
}
.part-txt {
    height: 300px;
    margin-top: 50px;
}
.part-txt2 {margin-top: 30px;}
.bstage__bl2 {margin-top: 105px;}
.bstage__bl2 h3 {
    font-family: Rubik;
    font-size: 30px;
    line-height: 36px;
    color: #282828;
    text-align: center;
    font-weight: 500;
}
.bstage__bl-sample {
    max-width: 1240px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 47px auto;
}
.bstage__bl-sample img {margin-bottom: 28px;}
.anima__order{display: none;}

/* ------  responsive ANIMATION PAGE ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
    .imgarr{display: none;}
    .gray-bl{margin: 0 auto; left: unset; width: 940px; justify-content: space-around;}
    .gray-bl .ov-white{font-size: 124px; margin-left: -105px; margin-right: unset;}
    .stages{justify-content: space-between; width: 940px; left: unset; padding: 0 80px;}
    .samples__examples span{font-size: 57px;}
    .ov-anima{margin-left: -40px;}
    .anima__part{margin-bottom: 50px; width: 300px;padding: 0 3px; height: 530px;}
	.anima__part h2{font-size: 30px; line-height: 42px;}
	.anima__part p{font-size: 17px; line-height: 22px;}
	.list li{font-size: 18px;}
	.bstage__bl-sample{width: 830px;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .gray-bl{width: 700px; flex-direction: column; height: 560px; justify-content: center;}
    .gray-bl .ov-white{font-weight: 400; font-size: 50px; line-height: 60px; margin-top: 46px;}
    .calc-union {margin-top: 175px;}
    .el-top{top: -114px; left: 232px;}
    .el-left{top: 91px;}
    .el-right {top: 210px;}
    .stages{width: 700px; padding: 0 40px;}
    .stages p{margin-left: unset; font-size: 18px;}
    .samples p{text-align: center; margin-left: unset;margin-bottom: 18px;}
    .samples__examples{justify-content: center; height: unset; margin-bottom: 30px; flex-direction: column;}
    .samples__examples .sample2{flex-direction: column-reverse;}
    .samples {height: 1540px;}
    .bstage__bl1{justify-content: center;flex-direction: column; width: 300px; }
    .bstage__bl-sample{justify-content: space-around; width: unset;}
	.samples__examples:nth-child(2) {flex-direction: column-reverse;}
	.samples-anima .samples__examples:nth-child(3) {border-bottom: 0;margin-top: 35px;}
}
/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .calc__top{align-items: unset;}
    .calc__top h2{font-weight: 500; font-size: 18px; line-height: 21px; margin-top: 27px;}
    .calc__top p{font-weight: 400; font-size: 14px; line-height: 16px; margin-bottom: 18px;}
    .gray-bl{width: 375px; left: 0px; height: 378px;}
    .gray-bl .ov-white{top: 26px;}
    .calc-union{top: unset;}
    .el-top{width: 110px; height: 110px; top: -87px; left: 218px;}
    .el-left, .el-right{width: 55px; height: 55px; left: 21px; top: 59px;}
    .el-right{top: 125px; left: 194px;}
    .calc-form{height: 224px; width: 256px;}
    .calc__form-container{padding: 18px 18px 32px 18px;}
    .calc-form .calc__form-container h2{font-size: 19px; line-height: 23px; margin-top: 18px;}
    .calc__form-container input{font-size: 13.1202px; line-height: 15px; width: 195px; margin-bottom: 14px;}
    .calc__top-btn{width: 187px; height: 38px; margin: 11px auto;}
    .calc__container h3{font-size: 16px; line-height: 19px; width: 340px; margin: 0 auto; margin-top: 30px; text-align: left;}
    .stages{width: 345px; height: unset; left: 0; margin-top: 6px; margin-bottom: 38px;}
    .stages .list{margin-left: 52px;}
    .stages .list:nth-child(3){margin-bottom: 20px;}
    .stages .list img{width: 52px; display: block; display: inline-block;}
    .stages .list .imgarr{display: none;}
    .stages p{font-size: 14px; line-height: 150%; margin-left: 15px;}
    .list ul{margin-top: 19px;}
    .list li{font-size: 14px; line-height: 150%;}
    .client__date-anima{height: 95px;}
    .samples{padding-top: 18px; height: 1220px;}
    .samples__examples, .bstage__bl-sample {justify-content: center;}
    .samples p{font-size: 16px; line-height: 19px; text-align: left; width: 345px; margin:16px auto 18px;}
    .samples__examples img{height: 156px; width: 274px;}
    .samples__examples span{font-size: 35px; line-height: 41px;}
    .samples__examples .sample2{margin-top: -20px;}
    .samples__examples:nth-child(3){margin-top: 10px;}
    .samples__examples:nth-child(-n+2){flex-direction: column-reverse; border-bottom: solid 1px rgba(229, 229, 229, 0.65); width: unset;}
	.soc__samples .soc__samples-bl .samples__examples{border-bottom: solid 1px rgba(229, 229, 229, 0.65);}
	.soc__samples .soc__samples-bl .samples__examples:nth-child(5){border:0; margin-top: 70px;}
	.soc__samples .soc__samples-bl .samples__examples:nth-child(2) {margin-top: 23px;}
	.soc__samples .soc__samples-bl .samples__examples:nth-child(4) {margin-top: 23px;}
	.samples__examples:nth-child(1){flex-direction: column;}
	.samples__examples:nth-child(2){margin-top:-20px;}
	.samples-bl .samples__examples:nth-child(3){margin-top: unset;}
	iframe{width: 350px;}
    .ov-anima{font-size: 40px; line-height: 47px; margin-left: -23px;}
    .anima__part{width: 345px; height: 158px; flex-direction: row; justify-content: space-between; padding: 16px;margin-bottom: 10px;}
    .anima__part img{display: none;}
    .anima__part .mobbstage{display: block; margin-top: unset;}
    .part-txt{height: unset; margin-top: unset; width: 208px;}
    .anima__part h2{font-size: 16px; line-height: 19px;}
    .anima__part p{font-size: 14px; line-height: 17px;}
    .anima__part p br{display: none;}
    .bstage__bl2{margin-top: 41px;}
    .bstage__bl2 h3{font-size: 14px; line-height: 17px;}
    .bstage__bl-sample{margin-top: 10px; justify-content: space-between; width: 345px; height: 436px;}
    .bstage__bl-sample img{width: 163px; margin-bottom: 18px;}
    .anima__order{display: block; background: #fff; position: relative; top: -15px; z-index: 100; height: 510px; margin-top: unset;}
    .anima__order-how{display: none;}
    .anima__order-ov{position: relative; top: 138px; left: 4px;}
    .anima__polygon-order{top: -85px; left: 200px; transform: rotate(195deg);}
}

/* \\\\\  ======  SOCIAL - PROJECTS    PAGE  ======  //////// */
.soc__calc{text-align: center;}
.soc__gray-bl{margin-bottom: 80px;}
.ov-yt{
    font-weight: 500;
    font-size: 100px;
    line-height: 118px;
    margin: unset;
    color: #D7E1F8;
}
.soc__calc h3{margin-top: 33px;}
.soc__list li{text-align: left;}
.soc__samples{height: 2037px;}
.soc__gr-inst{
    width: 100%;
    background: #FAFAFF; 
    height: 611px;
    margin: 0 auto;
    text-align: center;
    padding-top: 90px;
}
.soc__gr-inst h3{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #282828;
    margin-top: 41px;
}
.soc__stages{
    width: 1240px;
    padding: 0 65px;
    left: 0;
}
.soc__stages-inst{
    width: 1240px;
    height: 250px;
    padding: 0 65px;
}
.soc__stages-inst .min{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #282828;
    position: relative;
    top: -25px;
    left: -15px;
}
.soc__samples-inst{height: 892px;}
.soc__ov-inst{
    top: -35px;
    position: relative;
}
.soc__samples-right span{margin-left: 85px;}
.soc__samples-right .pic-right{margin-left: 145px;}
.soc__samples-right .pic-right2{margin-left: 217px;}
.soc__samples-left .soc-vector-left{
    left: -380px;
    position: relative;
}
.soc__samples-right .soc-vector-right{
    left: -327px;
    position: relative;
}
.soc__samples-right span,
.soc__samples-left span {width: 260px;}
.soc__samples-left span{left: -202px; position: relative;}
.soc__samples-last{border-bottom: none;}
.soc__examples-inst span{width: 410px;}
.soc__examples-inst .soc-pic-right,
.inst-storis,
.inst-promo,
.soc__examples-inst .soc-vector-left,
.soc__examples-inst .soc-vector-right{position: relative;}
.soc__examples-inst .soc-pic-right{left: 125px;}
.inst-storis{left: -197px;}
.inst-promo{left: 140px;}
.soc__examples-inst:nth-child(2){border-bottom: none;}
.soc__examples-inst .soc-vector-left{left: -414px;}
.soc__examples-inst .soc-vector-right{left: -295px;}

/* ------  responsive SOCIAL - PROJECTS  PAGE ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
	.soc__examples-inst:nth-child(1) span {left: 100px;}
    .soc__stages{width: 950px; padding: 0 35px;}
	.soc__stages .list:nth-child(1) img{margin-left: -42px;}
	.soc__stages .list:nth-child(2) img{margin-left: -154px;}
    .soc__samples-left span{left: -82px; position: relative; width: unset;}
    .soc__samples-right .pic-right {margin-left: 72px;}
    .inst-storis {left: -75px;}
    .soc__examples-inst .soc-vector-left {left: -354px;}
    .soc__examples-inst .soc-vector-right {left: -235px;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
    .soc__stages{width: 720px; flex-direction: column; flex-wrap: nowrap; height: 820px; text-align: left; padding-left: 250px;}
	.soc__stages .list:nth-child(2) img,
	.soc__stages .list:nth-child(1) img{margin-left: -25px;}
    .soc__list:nth-child(3){margin-bottom: 25px;}
    .soc__samples-right, .soc__samples-left{height: 500px;}
    .soc__samples-right .soc-vector-right, .soc__samples-left .soc-vector-left {left: 0; top: -250px;}
    .soc__samples-left span{left: 0; margin-top: -150px; text-align: center;}
	.soc__samples .soc__samples-left span{margin-top: 0px;}
    .soc__samples-right span{text-align: center; margin: 0;}
    .soc__samples-right .pic-right{margin-left: 0;}
    .samples__examples:nth-child(3){border-bottom: 4px solid rgba(229, 229, 229, 0.65);}
    .soc__gr-inst{margin-top: 560px;height: 1170px;}
    .soc__samples-inst{height: 1030px;}
    .soc__examples-inst .soc-vector-left{left: 0; top: -235px;}
    .inst-storis{left: 0; text-align: center; margin-top: -150px;}
    .inst-promo{left: 0; text-align: center;}
    .soc__examples-inst .soc-pic-right{left: 0;}
    .soc__examples-inst .soc-vector-right{left: 0; top: -250px;}
	.soc__samples .samples__examples:nth-child(4){flex-direction:column-reverse;margin-top: -30px;}
	.soc__samples .samples__examples:nth-child(5){margin-top: 46px;}
}
/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
    .soc__calc-top{width: 375px; margin: 0 auto; text-align: left;}
    .soc__calc h2{width: 350px;}
    .soc__calc form h2{width: 220px;}
    .soc__gray-bl{margin-bottom: 36px;}
    .ov-yt{font-size: 35px; line-height: 41px;}
    .soc__calc h3 {width: 335px; margin: 20px auto;}
    .soc__stages{width: 345px; height: 640px;padding: 0 35px; text-align: unset;}
    .soc__stages .list:nth-child(1) img{margin-left: -55px;}
    .soc__stages .list:nth-child(2) img{margin-left: -110px;}
    .soc__samples{height: 1870px;}
    .soc__samples p{width: 330px; margin: 0 auto;}
    .soc__samples-right span, .soc__samples-left span{width: unset; left: unset; margin: 0 auto; text-transform: uppercase;}
    .soc__samples-left .soc-vector-left{left: 0; top: -97px;}
    .soc__samples-right .soc-vector-right{left: 0; top: 90px;}
    .soc-vector-left img,
    .soc-vector-right img{width: 32px; height: 32px;}
    .soc__samples-left span{margin-top: -40px;}
    .soc__samples-right .pic-right{margin: 0 auto;}
    .soc__samples-right{flex-direction: column-reverse;}
    .samples__examples:nth-child(3),
    .soc__samples-left,
    .soc__samples-right{border-bottom: solid 1px rgba(229, 229, 229, 0.65);}
    .soc__samples-last {border-bottom: none; margin-top: 32px;}
    .soc__samples-bl{margin-top: -3px;}
    .soc__samples-left, .soc__samples-right{margin-bottom: -22px; height: unset; width: unset;}
    .soc__gr-inst{margin-top: unset;}
    .ov-inst{font-size: 32px; line-height: 38px;}
    .soc__gr-inst{padding-top: 30px;}
    .soc__gr-inst h3{font-size: 16px; line-height: 19px; text-align: left; left: 18px; position: relative; width: 360px; margin: 0 auto; margin-top: 22px;}
    .soc__stages-inst .min{font-size: 12px; line-height: 14px; left: -36px; width: 215px;}
    .soc__stages-inst .soc__list{margin-bottom: -30px;}
    .soc__stages-inst .soc__list:nth-child(3){margin-bottom: 0;}
    .soc__stages-inst .soc__list:nth-child(1){margin-bottom: -60px;}
    .soc__stages-inst{height: 485px;}
    .soc__list ul{margin-top: 11px;}
    .soc__stages .soc__list:nth-child(1) img {margin-left: -95px;}
    .soc__stages .soc__list:nth-child(3) img {margin-left: -85px;}
    .soc__gr-inst{height: unset;}
    .soc__bstage{position: relative; z-index: 100;}
    .soc__examples-inst .soc-vector-left {left: 0; top: -96px;}
    .soc__examples-inst span{left: 0; text-align: center; margin-top: -2px;}
    .soc__examples-inst:nth-child(2){flex-direction: column-reverse; margin-top: -51px;}
    .soc__examples-inst .soc-pic-right{left: 0;}
    .soc__examples-inst .soc-vector-right{left: 0; top: 90px;}
    .soc__samples-inst{height: 830px;}
	.soc__samples-inst .soc__examples-inst:nth-child(2){border:0;}
    .soc__ov-inst{top: 43px;}
    .bstage__bl1{margin-top: 56px;}
    .soc__order{margin-bottom: -545px;}
    .soc__order-ov{top: 122px}
}

/* \\\\\  ======  CORP - PROJECTS    PAGE  ======  //////// */
.cp__stages{
    height: 435px;
    width: 1440px;
    left: -11px;
}
.cp__samples{height: 1650px;}
.cp__samples .samples__examples:nth-child(4){border:0;}

/* ------  responsive CORP - PROJECTS  PAGE ------  */
/*  PC  */
@media (max-width: 1400px) {
    [class*="__container"] {
        max-width: 970px;
    }
	.cp__samples {height: 1640px;}
	.cp__samples .samples__examples:nth-child(4){border:0;}
    .cp__stages{width: 940px; padding: 0 40px 0 50px;left: unset;}
	.cp__stages .list:nth-child(1) img{margin-left: -60px;}
	.cp__stages .list:nth-child(2) img{margin-left: -135px;}
	.bstage__bl1{width: 940px; margin: 0 auto;}
}

/*  TABLET  */
@media (max-width: 991.98px) {
    [class*="__container"] {
        max-width: 750px;
    }
	.soc__samples-inst .samples-bl{margin-top: 20px;}
	.soc__examples-inst{height: 430px;}
	.soc__examples-inst:nth-child(1) span{margin-top: 0; left: 0;}
    .cp__stages{height: 1045px; padding: unset; left: unset; width: 700px;padding-top: 25px;padding-left: 240px;}
	.cp__stages .list:nth-child(1) img,
	.cp__stages .list:nth-child(2) img{margin-left: -25px;}
    .cp__samples{height: 1590px;}
	.cp__samples .cp__samples-left span, .corp__samples .soc__samples-left span{margin-top: unset;}
	.corp__samples .samples__examples:nth-child(2) {margin-top: -30px;}
	.corp__samples .samples__examples:nth-child(3) {border: 0;}
	.bstage__bl1{width: 300px;}
}
/*  MOBILE  */
@media (max-width: 767.98px) {
    [class*="__container"] {
        max-width: none;
    }
	.soc__examples-inst{height: unset;}
    .cp__stages{width: 345px; padding: 0 30px; margin: 0 auto; left: 0; height: 769px;}
	.cp__stages .list:nth-child(1) img{margin-left: -98px;}
	.cp__stages .list:nth-child(2) img{margin-left: -125px;}
    .cp__samples{height: 1145px;} 
	.cp__samples-bl .samples__examples:nth-child(2){margin-top: 20px;}
    .cp__samples .samples__examples:nth-child(3){border: 0;}
	.cp__samples .samples__examples:nth-child(4){display: none;}
	.soc__order .soc__ov-right,
	.cp__order .cp__ov-right, 
	.order .corp__ov-right{width: 383px; text-align: right; left: -215px; position: relative; background: #f5f8ff;line-height: 37px;}
	.corp__samples .samples__examples span{margin-top: 0;}
	.corp__samples .samples__examples:nth-child(2) {margin-top: 20px;}
}

/*Form*/
/*modal window*/
.overlay, .overlay2{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.7);
}
.modal, .modal2{
    display: none;
    width: 500px;
    height: 500px;
    background: #fff;
    position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 20px;
	  border-radius: 25px;
}
.modal3{
    display: none;
    width: 500px;
    height: 500px;
    background: #fff;
    position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 20px;
	  border-radius: 25px;
}

.m_open{
    display: block;
}
.close_btn, .close_btn2, .close_btn3{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 25px;
	right: 25px;
    cursor: pointer;
    &:hover{
        @include opa(8);
    }
    &:before{
        display: block;
        content: '';
        width: 25px;
        height: 4px;
        background: #ccc;
        transform: rotate(-45deg);
        position: absolute;
        left: 0;
        right: 0;
    }
    &:after{
        display: block;
        content: '';
        width: 25px;
        height: 4px;
        background: #ccc;
        transform: rotate(45deg);
        position: absolute;
        left: 0;
        right: 0;
    }
}

.modal .popup_title{
	font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    margin: 50px auto 40px;
    line-height: 33px;
	color: #000000;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.modal2 .popup_title {
	    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    margin: 50px auto 60px;
    line-height: 33px;
	color: #000000;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.modal3 .popup_title{
	font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
    margin: 50px auto 5px;
    line-height: 33px;
	color: #000000;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.modal3 .popup_title2{
	font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 26px;
    margin: 5px auto 25px;
    line-height: 38px;
	color: #625E5E;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.modal3 .popup_desc{
	font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 18px;
	text-align:center;
   width: 280px;
    line-height: 27px;
	color: #625E5E;
  	display: block;
margin-left: auto;
	margin-right:auto;
}
.modal .name, .modal2 .name,
.modal .email, .modal2 .phone,
.modal .phone {
font-family: "Rubic", sans-serif;
    font-weight: normal;
    font-size: 19px;
    color: #707070;
    background: rgba(242, 242, 242, 0.01);
    margin: 0 auto;
    border-bottom: 1px solid #CFC7C7;
    line-height: 40px;
    margin-bottom: 30px;
    width: 354px;
    font-style: normal;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.modal button {
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: center;	
    margin-top: 20px !important;
}
.modal2 button, .modal3 button {
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: center;	
    margin-top: 30px !important;
}
.modal button span, .modal2 button span  {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 15px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.modal3 button span  {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 15px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #2FC3E3;
}
   .img_ok {margin-left: 37%;
    margin-top: 8%;
}