/* main-styles.css — homepage sections (okompanii.tpl) */
/* Extracted from main.css and style.css */
/* ===== main.css ===== */
/* ===== style.css ===== */
.large-production {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
background: #ffffff;
}
.large-production__body {
width: 100%;
max-width: 1920px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.large-production__title {
width: 100%;
max-width: 990px;
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
text-align: center;
color: #000000;
margin: 40px 0px 20px 0px;
}
.large-production__subtitle {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 23px;
text-align: center;
color: #000000;
}
.large-production__image {
width: 100%;
height: auto;
}
.large-production__image.mob {
display: none;
}
.about {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
background: #ffffff;
}
.about__body {
width: 100%;
max-width: 1490px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 70px;
padding-bottom: 45px;
}
.about__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
color: #000000;
margin-bottom: 60px;
}
.about__info {
display: flex;
justify-content: center;
align-items: center;
}
.about__info-img {
width: 275px;
height: auto;
margin-right: 40px;
}
.about__text-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.about__subtitle {
width: 100%;
max-width: 690px;
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 46px;
color: #0E4DBD;
margin-bottom: 65px;
text-align: left;
}
.about__text {
width: 100%;
max-width: 690px;
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 23px;
color: #000000;
text-align: left;
}
.about__list {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.about__item {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.about__item-img {
width: auto;
height: auto;
margin-bottom: 25px;
}
.about__item-text {
width: auto;
max-width: 250px;
height: 55px;
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 19px;
text-align: center;
color: #000000;
}
.about__item-text span {
font-weight: 700;
color: #0E4DBD;
}
.about__wave {
width: 100%;
height: auto;
}
.who-contacting {
width: 100%;
height: max-content;
background: #0E4EBD;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.who-contacting__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 700;
font-size: 42px;
line-height: 42px;
text-align: center;
color: #FFFFFF;
margin: 20px 0px;
}
.who-contacting__body {
padding-top: 10px;
width: 100%;
max-width: 1000px;
display: flex;
justify-content: space-between;
align-items: center;
}
.who-contacting__text-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.who-contacting__subtitle {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 34px;
color: #FFFFFF;
margin-bottom: 20px;
text-align: left;
}
.who-contacting__text {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #FFFFFF;
text-align: left;
margin-bottom: 25px;
}
.who-contacting__btn {
background: #FFFFFF;
border: 2px solid #FFFFFF;
box-shadow: 0px 10px 40px rgba(77, 77, 77, 0.2);
border-radius: 30px;
width: 255px;
height: 55px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 22px;
line-height: 24px;
text-align: center;
color: #1D1C21;
}
.who-contacting__image {
width: 450px;
height: auto;
}
.who-contacting__text.mob, .who-contacting__btn.mob {

}
.who-contacting__wave {
width: 100%;
height: 80px;
}
.who-contacting.rek {
background: #A5BD0E;
}
.who-contacting.rek .who-contacting__body {
padding-bottom: 30px;
}
.who-contacting.event {
background: #7E0EBD;
}
.who-contacting.event .who-contacting__body {
padding-bottom: 30px;
}
.who-contacting.munic {
background: #BD0EA5;
}
.who-contacting.munic .who-contacting__body {
padding-bottom: 30px;
}
.who-contacting.indiv {
background: #BD0E4E;
}
.who-contacting.indiv .who-contacting__body {
padding-bottom: 30px;
}
.how-make {
width: 100%;
height: max-content;
background: #ffffff;
padding: 50px 0px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.how-make__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 700;
font-size: 80px;
line-height: 66px;
display: flex;
align-items: center;
text-align: center;
color: #000000;
width: 90%;
max-width: 1640px;
margin-bottom: 50px;
}
.how-make .youtube {
height: max-content;
}
.how-make__img {
width: auto;
height: auto;
}
.how-make iframe {
width: 675px;
height: 380px;
}
.team {
width: 100%;
height: max-content;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 70px 0px;
background: #ffffff;
position: relative;
}
.team__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
text-align: center;
color: #1D1C21;
margin-bottom: 50px;
}
.team__filter {
width: 100%;
max-width: 810px;
display: none;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.team__filter li a {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 19px;
text-decoration-line: underline;
color: #000000;
}
.teamSwiper {
width: 100%;
max-width: 1200px;
clip-path: inset( -100vw -100vw -100vw 0 );
overflow: visible;
margin-bottom: 30px;
}
.teamSwiper .swiper-slide {
display: flex;
justify-content: flex-start;
align-items: center;
}
.teamSwiper .teamSwiper__text-block {
display: none;
}
.teamSwiper .swiper-slide-active .teamSwiper__text-block {
width: 35%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.teamSwiperThumb {
width: 94%;
}
.teamSwiperThumb .swiper-slide {
display: flex;
flex-direction: column-reverse;
}
.teamSwiperThumb .swiper-slide .teamSwiper__img-block {
width: 100%;
height: auto;
}
.teamSwiper__name {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 38px;
color: #000000;
text-align: left;
margin-bottom: 25px;
}
.teamSwiperThumb .teamSwiper__name {
font-size: 14px;
line-height: 14px;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.teamSwiper__position {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 27px;
color: #000000;
text-align: left;
}
.teamSwiperThumb .teamSwiper__position {
font-size: 14px;
line-height: 14px;
text-align: center;
}
.teamSwiper__img-block {
width: 350px;
height: 350px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 50%;
border: 20px solid #FF0068;
}
.teamSwiperThumb .teamSwiper__img-block {
border: 0px;
}
.teamSwiper__img-block img {
width: 100%;
height: auto;
}
.teamSwiper .swiper-slide.swiper-slide-next {
align-self: center;
left: -25%;
}
.teamSwiper .swiper-slide.swiper-slide-next .teamSwiper__img-block {
width: 300px;
height: 300px;
border: 20px solid #FFCB44;
}
.teamSwiper .swiper-slide.swiper-slide-next + .swiper-slide {
align-self: center;
left: -90%;
}
.teamSwiper .swiper-slide.swiper-slide-next + .swiper-slide .teamSwiper__img-block {
width: 300px;
height: 300px;
border: 20px solid #FFCB44;
}
#prevteam {
left: calc(50% - 225px);
width: 55px;
height: 55px;
}
#prevteam::after {
display: none;
}
#nextteam {
right: calc(50% - 215px);
width: 55px;
height: 55px;
}
#nextteam::after {
display: none;
}
.reviews {
width: 100%;
height: max-content;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 50px 0px;
background: #ffffff;
position: relative;
}
.reviews__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
display: flex;
align-items: center;
text-align: center;
color: #1D1C21;
margin-bottom: 50px;
}
.reviewsSlider {
width: 100%;
max-width: 1540px;
}
.reviewsSlider .swiper-slide {
position: relative;
overflow: hidden;
border-radius: 30px;
}
.reviewsSlider .swiper-slide img {
width: 100%;
height: auto;
}
.reviews .swiper-button-next:after, .reviews .swiper-button-prev:after {
display: none;
}
.reviews .swiper-button-next {
width: 55px;
height: 55px;
top: calc(50% - 27px);
right: 30px;
left: auto;
}
.reviews .swiper-button-prev {
width: 55px;
height: 55px;
top: calc(50% - 27px);
left: 30px;
right: auto;
}
.reviews .swiper-button-next img, .reviews .swiper-button-prev img {
width: 100%;
height: auto;
}
.examples {
width: 100%;
height: max-content;
background: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.examples__body {
width: 100%;
max-width: 1490px;
height: max-content;
background: #ffffff;
}
.slider {
padding: 32px;
color: #fff;
max-width: 80%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.slider .swiper-container {
width: 100%;
height: 100%;
}
.slider__flex {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.slider__col {
display: flex;
width: calc(100% - 90px);
align-self: center;
}
.slider__prev, .slider__next {
color: #000000;
cursor: pointer;
text-align: center;
font-size: 14px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider__prev2, .slider__next2 {
color: #000000;
cursor: pointer;
text-align: center;
font-size: 14px;
width: auto;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
top: 50%;
z-index: 1;
}
.slider__prev2 {
right: 55%;
}
.slider__next2 {
right: -15px;
}
.slider__prev:focus, .slider__next:focus {
outline: none;
}
.slider__thumbs {
width: 100%;
height: calc(400px - 96px);
}
.slider__thumbs .slider__image {
transition: 0.25s;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
margin-bottom: 20px;
}
.slider__thumbs .slider__image:hover {
opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.slider__images {
width: 100%;
box-sizing: border-box;
padding-right: 25px;
margin-bottom: 100px;
position: relative;
}
.slider__images .slider__image {
display: flex;
justify-content: space-around;
align-items: center;
}
.examples__text-block {
width: 41%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.examples__text-title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
display: flex;
align-items: center;
color: #1D1C21;
margin-bottom: 50px;
text-align: left;
}
.examples__text-subtitle {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 31px;
color: #000000;
margin-bottom: 30px;
}
.examples__text {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 23px;
color: #000000;
text-align: left;
}
.slider__images .slider__image img {
width: 52%;
transition: 3s;
}
.slider__image {
width: 100%;
height: auto;
overflow: hidden;
}
.slider__image img {
display: block;
width: 100%;
height: auto;
}
.slider__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 23px;
color: #000000;
width: 100%;
text-align: center;
}
.videos {
width: 100%;
height: max-content;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 50px 0px;
background: #ffffff;
}
.videos__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
text-align: center;
color: #1D1C21;
margin-bottom: 50px;
}
.videos__list {
width: 100%;
max-width: 1490px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.videosListSlider {
display: none;
}
.slider__next3 {
display: none;
}
.slider__prev3 {
display: none;
}
.videos__item {
width: 49%;
margin-bottom: 1%;
}
.all-world {
width: 100%;
height: max-content;
box-sizing: border-box;
background: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
}
.all-world__left-img {
width: auto;
max-width: 38%;
height: auto;
}
.all-world__body {
width: 60%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.all-world__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
color: #6EA138;
margin-bottom: 50px;
text-align: left;
}
.all-world__text {
width: 100%;
max-width: 780px;
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 39px;
color: #000000;
margin-bottom: 50px;
text-align: left;
}
.all-world__img {
width: auto;
height: auto;
position: relative;
z-index: 1;
}
.all-world__right-img {
align-self: flex-end;
position: relative;
top: -40px;
z-index: 0;
}
.social {
width: 100%;
height: max-content;
background: #ffffff;
padding: 50px 0px 0px 0px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.social__title {
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 64px;
line-height: 61px;
text-align: center;
color: #1D1C21;
margin-bottom: 50px;
}
.social__body {
width: 98%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
}
.social__ru, .social__eng {
width: 50%;
display: flex;
justify-content: space-around;
align-items: center;
position: relative;
padding: 70px 0px;
box-sizing: border-box;
}
.social__ru a, .social__eng a {
width: 31%;
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 161px 65px rgba(0, 0, 0, 0.01), 0px 91px 54px rgba(0, 0, 0, 0.05), 0px 40px 40px rgba(0, 0, 0, 0.09), 0px 10px 22px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.social__ru a img, .social__eng a img {
width: 100%;
height: auto;
}
.social__ru::after {
content: '';
display: block;
width: 6px;
height: 300px;
background: #000000;
position: absolute;
top: 0;
right: -3px;
}
.social__ru span, .social__eng span {
display: block;
position: absolute;
top: 0;
left: calc(50% - 25px);
font-family: 'Gotham Pro';
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 39px;
text-decoration-line: underline;
color: #000000;
}
.social__wave {
width: 100%;
height: auto;
margin-top: 10px;
}
.main-banner {
width: 100%;
height: max-content;
background: #ffffff;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 20px 0;
}
.main-banner__image {
width: auto;
height: auto;
max-width: 96%;
}
.main-banner__image.mob {
display: none;
}
.btn_yellow {
background: #fbe284 !important;
padding: 1.00vw 2.5vw 1.00vw 2.5vw;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px !important;
font-family: arial !important;
letter-spacing: 0.104vw;
-webkit-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
-moz-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
-webkit-border-radius: 0.5208333333333333VW;
-moz-border-radius: 0.5208333333333333VW;
border-radius: 0.5208333333333333VW;
cursor: pointer;
position: relative;
}
.btn_gray {
width: 20%;
background: #dfd7e2 !important;
font-size: 18px;
letter-spacing: 0.104vw;
-webkit-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
-moz-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
box-shadow: 0 0.417vw 0 #bfb9c2, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
-webkit-border-radius: 0.5208333333333333VW;
-moz-border-radius: 0.5208333333333333VW;
border-radius: 0px;
cursor: pointer;
position: relative;
}
.btn__highlight {
width: 100%;
height: 100%;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 0;
}
.btn__highlight:before, .btn__highlight:after {
background: rgba(255,255,255,.8);
content: '';
width: 2.083vw;
position: absolute;
left: -9.375vw;
top: -4.167vw;
bottom: -4.167vw;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
pointer-events: none;
-webkit-transition: all .4s;
-o-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
}
.btn__highlight:before {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
-moz-transition: all 0.1s;
transition: all 0.1s;
-webkit-animation-name: slideme;
-moz-animation-name: slideme;
-o-animation-name: slideme;
animation-name: slideme;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-o-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.btn__highlight:hover:after {
margin-left: 4.167vw;
left: 100%;
}
.btn__highlight:hover:before {
visibility: hidden;
}
.btn_yellow:hover {
text-decoration: none;
-webkit-box-shadow: 0 0 0 #cdb862;
-moz-box-shadow: 0 0 0 #cdb862;
box-shadow: 0 0 0 #cdb862;
-moz-transform: translateY(3px); /* Для Firefox */ -ms-transform: translateY(3px); /* Для IE */ -webkit-transform: translateY(3px); /* Для Safari, Chrome, iOS */ -o-transform: translateY(3px); /* Для Opera */ transform: translateY(3px);
}
.btn_gray:hover {
text-decoration: none;
-webkit-box-shadow: 0 0 0 #cdb862;
-moz-box-shadow: 0 0 0 #cdb862;
box-shadow: 0 0 0 #cdb862;
-moz-transform: translateY(3px); /* Для Firefox */ -ms-transform: translateY(3px); /* Для IE */ -webkit-transform: translateY(3px); /* Для Safari, Chrome, iOS */ -o-transform: translateY(3px); /* Для Opera */ transform: translateY(3px);
}
.btn__icon {
height: auto;
position: relative;
z-index: 1;
}
.btn__icon_1 {
width: 7.5vw;
min-width: 7.5vw;
margin: -3.385vw 1.042vw -2.813vw -1.927vw;
}
.btn__text {
white-space: nowrap;
position: relative;
top: -4px;
z-index: 1;
color: #000;
}
.toplink {
z-index: 101;
position: fixed;
right: 1%;
bottom: 2%;
}
.alphabet_title {
font-size: 32px !important;
color: #000;
font-family: "Noto Sans SC", sans-serif;
font-weight: 400;
margin: 0 auto;
}
.video_width_full {
width: 660px;
height: 350px;
}
.content_block_gray {
background-color: #F4f4f4;
position: relative;
}
.videoBlocktitle {
width: 100%;
color: #000;
text-align: center;
font-family: "Noto Sans SC", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 103.4%;
margin: 0;
margin-bottom: 15px;
padding: 0;
display: block;
}
.videoBlockOut {
background-color: #fff;
border-radius: 20px;
margin-bottom: 10px;
box-sizing: border-box;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.videoBlockParrent {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
#filter-collapse span {
font-size: 26px;
font-weight: 500;
}
#filter-collapse img {
width: 20px;
margin-top: -5px;
}
.strelka {
margin-left: 10px;
}
.rotate img.strelka {
transform: rotate(180deg);
}
.zagolovokOplata {
text-align:center;
color: #000;
font-size: 32px;
font-weight: 400;
font-family: "Noto Sans SC", sans-serif;
}
.panel-title {
font-family: "ObelixProRegular";
color: #FF0068;
text-align: center;
text-decoration: none;
font-size: 32px;
}
.slider__item {
flex: 0 0 100%;
max-width: 100%;
}
.slider__item2 {
flex: 0 0 100%;
max-width: 100%;
padding: 20px;
}
.slider__indicators {
display: flex;
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
margin-top: 0;
margin-bottom: 0;
}
.slider__indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 4px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5);
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.slider__indicators li.active {
background-color: #fff;
}
.alphabet_block {
display: flex;
}
.videoBlockParrent .videoBlockPrevParrent {
width: 49%;
box-sizing: border-box;
display: block;
}
.bg_white {
background-color: #fff;
}
.bg_gray {
background-color: #f4f4f4;
}
.videoBlock {
width: 100%;
margin-bottom: 2px;
}
.zagolovokOplata h1 {
margin: 20px 0px 15px 0px !important;
font-size: 32px;
}
.toplink p {
width: 50px;
}
.toplink img {
width: 50px;
}
#but1:hover {
cursor: pointer;
}
.callback-bt {
border-radius:50%;
cursor:pointer;
position: fixed;
right: 15px;
bottom: 75px;
z-index:1;
transition:.3s;
}
.callback-bt .text-call {
height:60px;
width:60px;
border-radius:50%;
position:relative;
}
.callback-bt #butPhone {
width: 100%;
transition: .5s ease-in-out;
line-height: 66px;
display: none;
}
.callback-bt #butPhone.socials--open {
display: block;
}
.callback-bt #butPhone {
animation: 800ms ease 0s normal none 1 running shake;
animation-iteration-count: infinite;
-webkit-animation: 800ms ease 0s normal none 1 running shake;
-webkit-animation-iteration-count: infinite;
}
.vk-video {
background: #000;
position: relative;
display: inline-block;
overflow: hidden;
cursor: pointer;
}
.white-popup-block iframe {
width: 50%;
height: 25vw;
}
#content-slider-rost-kukly4 li {
height: auto;
}
.pages-wave__block {
width: 100%;
height: max-content;
}
.pages-wave__block.purple {
background: #7E0EBD;
}
.pages-wave__images {
width: 100%;
height: auto;
}
.kontakty__maps {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
margin-bottom: 30px;
}
.kontakty__map {
width: 100%;
margin-bottom: 30px;
}
.kontakty__map-addr {
color: #000000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 20px 0px 30px 0px;
}
.kukly-v-rabote .content-slider li {
box-sizing: border-box;
background: #ffffff;
border-radius: 20px;
overflow: hidden;
padding: 20px;
}
.kukly-v-rabote .content-slider li img {
border-radius: 20px;
margin-bottom: 15px;
}
.kukly-v-rabote .content-slider li .name {
color: #000;
text-align: center;
font-family: "Noto Sans SC", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 103.4%;
margin: 0;
padding: 0;
min-height: 50px;
}
.cookie-block {
position: fixed;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1000px;
background: #ffffff;
z-index: 999999;
display: none;
justify-content: center;
align-items: center;
padding: 20px 40px;
border-radius: 10px;
}
.cookie-block__wrapper {
width: 100%;
background: #bfbfbf;
border-radius: 20px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
}
.cookie-block__wrapper .ok {
padding: 5px 20px;
border-radius: 4px;
font-size: 16px;
font-weight: 400;
background: #ff0068;
border: 1px solid #ff0068;
color: #ffffff;
}
.cookie-block__wrapper a {
color: #ff0068;
}
.socials {
position: fixed;
right: 4%;
bottom: 15%;
z-index: 11;
display: none;
}
.socials__default, .socials__close {
width: 60px;
height: auto;
cursor: pointer;
opacity: 0;
z-index: -1;
position: absolute;
right: 0;
bottom: 0;
transition: all 0.3s;
}
.socials__default.socials--open, .socials__close.socials--open {
opacity: 1;
z-index: 1;
}
.socials__items {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
position: absolute;
right: 0;
bottom: 65px;
gap: 10px;
height: 0px;
overflow: hidden;
transition: all 0.3s;
border-radius: 24px;
}
.socials__items.socials__items--open {
height: 320px;
}
.socials__item-image {
width: 55px;
height: auto;
}
@media (max-width: 1599px) {
    .who-contacting__body {
    justify-content: space-around;
    }
    .who-contacting__image {
    max-width: 49% !important;
    }
    .who-contacting__text-block {
    width: 49%;
    }
    .reviewsSlider {
    width: 100%;
    max-width: 1290px;
    }
    .all-world__img {
    width: 65%;
    }
}
@media (max-width: 1499px) {
    .about__body {
    max-width: 1390px;
    }
    .who-contacting__body {
    max-width: 1390px;
    }
    .reviewsSlider {
    max-width: 1190px;
    }
    .examples__body {
    max-width: 1390px;
    }
    .videos__list {
    max-width: 1390px;
    justify-content: space-around;
    }
}
@media (max-width: 1399px) {
    .large-production__title {
    font-size: 58px;
    }
    .about__title {
    font-size: 58px;
    }
    .team__title {
    font-size: 58px;
    }
    .reviews__title {
    font-size: 58px;
    }
    .examples__text-title {
    font-size: 58px;
    }
    .videos__title {
    font-size: 58px;
    }
    .all-world__title {
    font-size: 58px;
    }
    .social__title {
    font-size: 58px;
    }
    .about__info {
    margin-bottom: 30px;
    }
    .about__list {
    width: 94%;
    }
    .about__item-text {
    font-size: 18px;
    }
    .who-contacting__body {
    max-width: 1290px;
    }
    .how-make__title {
    font-size: 72px;
    }
    .reviewsSlider {
    max-width: 1090px;
    }
    .videos__list {
    max-width: 1290px;
    }
    .all-world__right-img {
    top: 0px;
    }
    .all-world__text {
    max-width: 580px;
    }
}
@media (max-width: 1299px) {
    .who-contacting__body {
    max-width: 1190px;
    justify-content: space-around;
    }
    .reviewsSlider {
    max-width: 990px;
    }
    .videos__list {
    max-width: 1190px;
    }
    .all-world__left-img {
    width: 40%;
    }
}
@media (max-width: 1199px) {
    .who-contacting__body {
    width: 90%;
    }
    .teamSwiper {
    max-width: 900px;
    }
    #prevteam {
    left: calc(50% - 165px);
    }
    .examples__text-title {
    font-size: 47px;
    line-height: 46px;
    }
    .examples__text {
    font-size: 22px;
    }
    .videos__title {
    font-size: 48px;
    }
    .videos__list {
    max-width: 1000px;
    }
    .social__ru::after {
    height: 100%;
    }
    .about__subtitle {
    max-width: 645px;
    }
    .about__item {
    width: 15%;
    }
    .about__item-img {
    width: 100%;
    }
    .about__item-text {
    width: 100%;
    font-size: 16px;
    }
    .about__body {
    width: 94%;
    }
    .team__title {
    width: 94%;
    }
    .teamSwiper__name {
    font-size: 34px;
    line-height: 36px;
    }
    .teamSwiperThumb {
    width: 90%;
    }
    #nextteam {
    right: calc(50% - 235px);
    }
    .reviewsSlider {
    width: 90%;
    }
    .reviews .swiper-button-next, .reviews .swiper-button-prev {
    top: 55%;
    }
    .content_block_gray {
    background-color: #F4f4f4;
    }
    .toplink {
    position: fixed;
    right: 1%;
    bottom: 2%;
    }
    .slider {
    max-width: 80%;
    }
    .toplink p {
    width: 50px;
    }
    .toplink img {
    width: 50px;
    }
    .videoBlockParrent2 .videoBlockOut .VIB_Block table {
    height: 130px;
    }
    .videoBlockParrent3 .videoBlockOut .VIB_Block table {
    height: 230px;
    }
}
@media (max-width: 1024px) {
    .large-production__title {
    font-size: 56px;
    }
    .videos__list {
    width: 90%;
    }
}
@media (max-width: 992px) {
    .large-production__title {
    font-size: 52px;
    line-height: 52px;
    }
    .large-production__body {
    width: 94%;
    }
    .about__list {
    flex-wrap: wrap;
    }
    .about__item {
    width: 28%;
    }
    .teamSwiper {
    max-width: 720px;
    }
    .teamSwiper__img-block {
    width: 250px;
    height: 250px;
    }
    .teamSwiper .swiper-slide.swiper-slide-next .teamSwiper__img-block {
    width: 200px;
    height: 200px;
    }
    .teamSwiper .swiper-slide.swiper-slide-next + .swiper-slide .teamSwiper__img-block {
    width: 200px;
    height: 200px;
    }
    .teamSwiper__name {
    font-size: 28px;
    line-height: 28px;
    }
    .teamSwiper__position {
    font-size: 24px;
    line-height: 26px;
    }
    #prevteam {
    left: calc(50% - 125px);
    }
    #nextteam {
    right: calc(50% - 160px);
    }
    .all-world__title {
    font-size: 48px;
    line-height: 49px;
    }
    .all-world__body {
    width: 57%;
    }
    .content_block_gray {
    background-color: #F4f4f4;
    }
    .toplink {
    position: fixed;
    right: 1%;
    bottom: 2%;
    }
    .slider {
    max-width: 80%;
    }
    .toplink p {
    width: 50px;
    }
    .toplink img {
    width: 50px;
    }
    .videoBlockParrent2 .videoBlockOut .VIB_Block table {
    height: 145px;
    }
    .videoBlockParrent3 .videoBlockOut .VIB_Block table {
    height: 247px;
    }
}
@media (max-width: 767px) {
    .large-production__title, .about__title, .team__title, .reviews__title, .examples__text-title, .videos__title, .all-world__title, .social__title {
    font-size: 32px;
    line-height: 32px;
    }
    .content_block_gray {
    overflow-x: visible;
    background-color: #ffffff;
    padding-top: 0px;
    }
    .about__body {
    width: 90%;
    }
    .about__title {
    margin-bottom: 30px;
    }
    .about__info-img {
    display: none;
    }
    .about__subtitle {
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px;
    }
    .about__text {
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    }
    .about__list {
    flex-wrap: wrap;
    align-items: flex-start;
    }
    .about__item {
    width: 28%;
    margin-bottom: 10px;
    }
    .about__item-img {
    width: 100%;
    }
    .about__item-text {
    height: max-content;
    font-size: 14px;
    line-height: 14px;
    }
    .who-contacting__title {
    font-size: 40px;
    line-height: 40px;
    max-width: 300px;
    }
    .who-contacting__subtitle {
    font-size: 32px;
    line-height: 30px;
    text-align: center;
    }
    .who-contacting__body {
    padding-top: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    }
    .who-contacting__text-block {
    width: 100%;
    align-items: center;
    order: 0;
    }
    .who-contacting__image {
    order: 1;
    }
    .who-contacting__text, .who-contacting__btn {
    display: none;
    }
    .who-contacting__text {
    font-size: 16px;
    line-height: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    max-width: 440px;
    }
    .who-contacting__text.mob {
    display: block;
    order: 2;
    }
    .who-contacting__btn.mob {
    display: flex;
    font-size: 18px;
    width: 163px;
    height: 49px;
    border-radius: 30px;
    margin-bottom: 30px;
    order: 2;
    }
    .how-make__title {
    font-size: 32px;
    line-height: 32px;
    }
    .how-make .youtube {
    height: max-content;
    width: 75%;
    min-height: 0px;
    }
    .reviews {
    display: none;
    }
    .reviewsSlider {
    max-width: 400px;
    }
    .reviews .swiper-button-next {
    width: 35px;
    height: 35px;
    }
    .reviews .swiper-button-prev {
    width: 35px;
    height: 35px;
    }
    .slider__images .slider__image {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    }
    .examples__text-block {
    width: 100%;
    align-items: center;
    }
    .slider__images .slider__image img {
    width: 100%;
    }
    .examples__text-title {
    text-align: center;
    }
    .examples__text {
    text-align: center;
    font-size: 15px;
    }
    .slider__prev2, .slider__next2 {
    display: none;
    }
    .slider__images {
    margin-bottom: 40px;
    width: 80%;
    padding-right: 0px;
    overflow: hidden;
    }
    .slider__col {
    width: 100%;
    }
    .slider__title {
    font-size: 12px;
    line-height: 14px;
    }
    .slider__thumbs {
    height: max-content;
    }
    .videos__list {
    display: none;
    }
    .videos {
    position: relative;
    }
    .videosListSlider {
    width: calc(100% - 150px);
    display: block;
    }
    .slider__next3 {
    position: absolute;
    top: 57%;
    right: 5px;
    width: 40px;
    height: 40px;
    z-index: 2;
    }
    .slider__prev3 {
    position: absolute;
    top: 57%;
    left: 5px;
    width: 40px;
    height: 40px;
    z-index: 2;
    }
    .all-world__left-img {
    display: none;
    }
    .all-world__body {
    width: 98%;
    justify-content: flex-start;
    align-items: center;
    }
    .all-world__title {
    color: #000000;
    text-align: center;
    }
    .all-world__text {
    width: 90%;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    }
    .all-world__img {
    width: 85%;
    }
    .all-world__right-img {
    display: none;
    }
    .social__ru, .social__eng {
    flex-direction: column;
    }
    .social__ru a, .social__eng a {
    width: 75%;
    margin-bottom: 20px;
    }
    .social__ru::after {
    height: 100%;
    }
    .teamSwiper {
    overflow: hidden;
    }
    .teamSwiperThumb {
    display: none;
    }
    .teamSwiper .swiper-slide-active {
    flex-direction: column-reverse;
    }
    .teamSwiper .swiper-slide-active .teamSwiper__text-block {
    width: 100%;
    align-items: center;
    }
    #prevteam, #nextteam {
    top: 35%;
    }
    .teamSwiper .swiper-slide.swiper-slide-next {
    left: auto;
    }
    .teamSwiper .swiper-slide.swiper-slide-next + .swiper-slide {
    left: auto;
    }
    .teamSwiper__name {
    text-align: center;
    }
    .who-contacting__wave {
    height: auto;
    }
    #prevteam {
    left: calc(50% - 150px);
    }
    .examples__text-subtitle {
    font-size: 24px;
    line-height: 26px;
    }
    .main-banner__image {
    display: none;
    }
    .main-banner__image.mob {
    display: block;
    }
    .large-production {
    display: none;
    }
    .large-production__image {
    display: none;
    }
    .large-production__image.mob {
    display: block;
    }
    .callback-bt {
    right: 1%;
    bottom: 20%;
    display: none;
    }
    .btn__text {
    top: -1px;
    }
    .btn_yellow {
    font-size: 14px !important;
    height: 22px !important;
    width: 120px !important;
    }
    .alphabet_title {
    font-size: 22px !important;
    margin: 0 auto;
    color: #ff0068;
    }
    .video_width_full {
    width: 100%;
    height: 500px;
    }
    .toplink {
    position: fixed;
    right: 1%;
    bottom: 10%;
    display: none;
    }
    .slider {
    max-width: 100%;
    }
    .alphabet_block {
    background-color: #f4f4f4;
    }
    .videoBlockParrent, .videoBlockParrent2, .videoBlockParrent3 {
    flex-direction: column;
    height: max-content;
    }
    .videoBlockParrent:first-child {
    height: max-content;
    }
    .videoBlockParrent .videoBlockPrevParrent {
    width: 100% !important;
    margin: 0 !important;
    }
    .videoBlockParrent2 .videoBlockPrevParrent {
    width: 100% !important;
    margin: 0 !important;
    }
    .videoBlockParrent3 .videoBlockPrevParrent {
    width: 100% !important;
    margin: 0 !important;
    }
    .bg_white {
    background-color: #f4f4f4;
    }
    .toplink p {
    width: 50px;
    }
    .toplink img {
    width: 50px;
    }
    .zagolovokOplata {
    margin-top: 0%;
    margin-bottom: 0%;
    }
    .zagolovokOplata h1 {
    font-size: 22px;
    }
    .white-popup-block iframe {
    width: 100%;
    height: 75vw;
    }
    .kontakty__map {
    width: 100%;
    margin-bottom: 0px;
    }
    .bg_gray {
    background-color: #ffffff;
    }
    .socials {
    display: block;
    }
}
@media (max-width: 577px) {
    .reviewsSlider {
    max-width: 350px;
    }
    .reviews .swiper-button-next {
    right: 10px;
    }
    .reviews .swiper-button-prev {
    left: 10px;
    }
    .large-production__subtitle {
    font-size: 20px;
    }
}
@media (max-width: 449px) {
    .large-production__title, .about__title, .team__title, .reviews__title, .examples__text-title, .videos__title, .all-world__title, .social__title {
    font-size: 30px;
    line-height: 30px;
    }
    .reviewsSlider {
    max-width: 300px;
    }
    .teamSwiper__img-block {
    width: 280px;
    height: 280px;
    }
    #nextteam {
    right: 10px;
    }
    #prevteam {
    left: 10px;
    }
}
@media (max-width: 399px) {
    .reviewsSlider {
    max-width: 260px;
    }
    .slider__title {
    font-size: 9px;
    line-height: 10px;
    }
}