:root {
--main-red:#CC2222;
--padding:calc(50% - 656px);
--margin-main:48px;
--main-font:20px;
--main-line:35px;
}
:before, :after {
transition:all 0.3s ease;
}
html,body {
min-height:100%;
}
.noScrolled {
overflow:hidden;
}
.noScrolled section {
opacity:0;
}
@keyframes transY {
from {transform:translateY(0);}
to {transform:translateY(0);}
50% {transform:translateY(5px);}
}
@keyframes transX {
from {transform:translateX(0);}
to {transform:translateX(0);}
50% {transform:translateX(5px);}
}
#mainHeader {
display:flex;
padding:28px var(--padding);
align-items:center;
transition:all 0.5s ease;
transform:translateZ(0);
z-index:10;
position:relative;
}
#mainHeader.scroll {
position:fixed;
width:100%;
top:0;
left:0;
background: #FFFFFF;
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
z-index:10;
padding:15px var(--padding);
}
.bottom-menu.scroll {
top: 93px;
position: fixed;
left: 0;
z-index: 10;
width: 100%;
transition: all 0.5s ease;
transform: translateZ(0);
}
#mainHeader .logos {
display:flex;
align-items:center;
flex-grow:1;
justify-content:flex-start;
position: relative;
}
.logo1 {
display:block;
width: 173px;
height: 54px;
background:url('data:image/svg+xml;utf8,') no-repeat left center / contain;
margin-right:36px;
}
.logo2 {
width: 163px;
height: 54px;
display:block;
background:url('data:image/svg+xml;utf8,') no-repeat left center / contain;
}
.header-social {
position: absolute;
top: 0;
right: -20px;
display: none;
}
.header-tg {
background-image: url('data:image/svg+xml;utf8,');
width: 24px;
height: 24px;
display: block;
margin-right: 15px;
}
.header-phone {
background-image: url('data:image/svg+xml;utf8,');
width: 24px;
height: 24px;
display: block;
}
#mainMenu {
display:flex;
justify-content:flex-end;
align-items:center;
opacity:.99;
z-index:10;
transform:translateZ(0);
}
#mainMenu > a, #mainMenu .subHead {
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.2px;
color: #232325;
margin-left:32px;
cursor:pointer;
display: block;
}
#mainMenu .subHead {
margin-left:0;
}
.noTouch #mainMenu .withSubMenu:hover .subHead {
color:var(--main-red);
}
.noTouch #mainMenu a:hover,.noTouch #footMenu a:hover {
color:var(--main-red);
}
#mainMenu .withSubMenu {
position:relative;
}
.noTouch #mainMenu .submenu {
display:block;
opacity:0;
z-index:-1;
position:absolute;
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
border-radius: 24px;
top:calc(100% + 10px);
left:-12px;
padding:32px;
transition:all 0.5s ease;
min-width:237px;
overflow: hidden;
max-height: 0;
padding: 0;
}
.noTouch #mainMenu .submenu a {
display:block;
font-size: 16px;
line-height: 19px;
margin-bottom:24px;
color: #232325;
}
.touch #mainMenu .submenu {
display:none;
}
.touch #mainMenu .opened .submenu {
display:block;
}
.touch #mainMenu .submenu a {
color: #232325;
font-size: 12px;
line-height: 15px;
margin-top:16px;
display:block;
}
.noTouch #mainMenu .submenu a:hover {
color:var(--main-red);
}
.touch #mainMenu .subHead:after {
content:'';
display:inline-block;
vertical-align:middle;
margin-left:8px;
width:8px;
height:5px;
background:url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.touch #mainMenu .opened .subHead:after {
background-image:url('data:image/svg+xml;utf8,');
}
.touch #mainMenu .opened .subHead {
color:var(--main-red);
}
#mainMenu .submenu a:last-of-type{
margin-bottom:0;
}
.noTouch #mainMenu .withSubMenu:hover .submenu {
z-index:5;
opacity:1;
padding: 32px;
max-height: 560px;
}
#mainHeader .callback {
margin-left:62px;
display:block;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.2px;
color: #232325;
flex-shrink: 0;
}
#mainHeader .callback a {
color:#232325;
display:block;
padding-left:32px;
}
#mainHeader .callback .form {
margin-bottom:4px;
background:url('data:image/svg+xml;utf8,') no-repeat left center / contain;
}
#mainHeader .callback .form:hover {
background:url('data:image/svg+xml;utf8,') no-repeat left center / contain;
}
#mainHeader .callback .phone {
background:url('data:image/svg+xml;utf8,') no-repeat left center / contain;
}
.noTouch #mainHeader .callback a:hover {
color:var(--main-red);
}
#mainHeader .callback .phone:hover {
background:url('data:image/svg+xml;utf8,') no-repeat left center / contain;
}
.mainBody section {
padding:40px var(--padding);
position:relative;
overflow:hidden;
}
.mainBody h2 {
font-family: 'Manrope';
font-weight: 600;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
margin-bottom:var(--margin-main);
}
#why h2 {
margin-bottom:0;
}
section#mainSlider {
padding-top:332px;
height:740px;
transform:translateZ(0);
z-index:0;
}
#mainSlider .main-slider-text-small {
font-size: 15px;
line-height: 1.3;
}
@media(max-width:1023px) {
#mainSlider .main-slider-text-small {
font-size: 13px;
}
}
@media(max-width:767px) {
#mainSlider .main-slider-text-small {
font-size: 10px;
}
}
#mainSlider .image {
display:block;
position:absolute;
border-radius:50%;
background:url('../img/mainimage.webp') no-repeat center / cover;
width: 708px;
height: 708px;
/* right: calc(var(--padding) + 81px); */
right: calc(var(--padding) + 0px);
top: 32px;
z-index: 1;
box-shadow:-28px 0 0 white,-30px 0 0 #D9D9D9, -58px 0 0 white,-60px 0 0 #D9D9D9;
}
#mainSlider h1 {
font-family:'Manrope';
font-weight: 500;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
width:386px;
margin-bottom:12px;
}
#page404Body #mainSlider h1 {
font-size: 160px;
line-height: 219px;
color: #CC2222;
}
#page404Body #mainSlider {
padding-top:140px;
}
#contactsBody #mainSlider h1,#eventsBody #mainSlider h1,#newsBody #mainSlider h1 {
font-size: 54px;
line-height: 74px;
}
#mainSlider h1 .highlight {
color: var(--main-red);
}
#mainSlider p {
font-family: 'Manrope';
font-weight: 400;
font-size: 20px;
line-height: 35px;
width:493px;
position:relative;
z-index: 2;
}
#mainSlider p .buttons {
display:flex;
margin-top:32px;
}
#mainSlider p .buttons a:nth-of-type(1){
padding:16px 38px;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
background: #CC2222;
border-radius: 12px;
border:1px solid #CC2222;
margin-right:12px;
transition:all 0.3s ease;
}
.noTouch #mainSlider p .buttons a:nth-of-type(1):hover {
background:#EB4242;
}
#mainSlider p .buttons a:nth-of-type(2), #popupWindow .record{
padding:16px 38px;
font-size: 14px;
line-height: 17px;
color: #CC2222;
border-radius: 12px;
border:1px solid #CC2222;
}
#mainSlider p .buttons_large {
margin-top: 130px;
}
#mainSlider p .buttons_large a {
font-size: 20px !important;
margin-right: 30px !important;
}
#mainSlider p.w650 {
width: 650px;
}
#mainSlider p.hide-arrow::after {
display: none;
}
.noTouch #mainSlider p .buttons a:nth-of-type(2):hover, #popupWindow .record:hover {
background: #EB4242;
border:1px solid #EB4242;
color: #fff;
-webkit-transition: background .3s ease-out;
-moz-transition: background .3s ease-out;
-ms-transition: background .3s ease-out;
-o-transition: background .3s ease-out;
transition: background .3s ease-out;
cursor: pointer;
}
#mainSlider .mainSliderContent > p:last-child::after {
content:'';
position:absolute;
display:block;
left:0;
bottom:-56px;
width:44px;
height:44px;
animation:transY 2s linear infinite;
background:url('data:image/svg+xml;utf8,') no-repeat left center;
}
@media(max-width:992px) {
#mainSlider .mainSliderContent > p:last-child::after {
display: none;
}
}
#services {
background:#F4F4F4;
}
#indexBody #services {
background:#FFF;
}
#services ul li {
background: #FFFFFF;
border: 1px solid #DFDFDF;
border-radius: 24px;
padding:32px;
margin-bottom:16px;
display:flex;
flex-direction:column;
align-items:flex-start;
transition: all 1s ease;
overflow: hidden;
max-height: 90px;
}
.noTouch #services ul li:hover {
max-height: 400px;
}
.noTouch #indexBody #services ul li:hover {
background: #F4F4F4;
}
#services ul {
display:grid;
grid-template-columns:1fr 1fr;
column-gap:32px;
}
#indexBody #services ul{
display:block;
width:640px;
}
#indexBody #services .image {
display:block;
position:absolute;
top:151px;
left:calc(var(--padding) + 848px);
/* width:674px;
height:674px; */
width: 600px;
height: 600px;
border-radius:50%;
background:no-repeat center / cover;
opacity:0;
transition: all 1s ease;
z-index:-1;
}
#indexBody #services .image.viewed {
opacity:1;
z-index:1;
}
#services ul li .header {
margin-bottom:42px;
font-weight: 500;
font-size: var(--main-font);
line-height: 24px;
transition: all 1s ease;
}
.noTouch #services ul li:hover .header {
margin-bottom:12px;
color:var(--main-red);
}
.noTouch #services ul li:hover .header.no-hover {
margin-bottom: 0;
}
.noTouch #services ul li.no-hover:hover {
max-height:90px;
}
#services ul li p {
font-size: 16px;
line-height: 23px;
color: rgba(35, 35, 37, 0.5);
margin-bottom:24px;
}
#services ul li a {
margin-bottom:30px;
display:flex;
flex-direction:row;
align-items:center;
font-weight: 500;
font-size: var(--main-font);
line-height: 24px;
color: #232325;
}
#services ul li a:after {
content:'';
display:block;
width:30px;
height:30px;
background:url('data:image/svg+xml;utf8,') no-repeat center;
margin-left:20px;
flex-shrink: 0;
}
.noTouch #services ul li a:hover:after {
animation:transX .5s linear infinite;
}
#services ul li a:last-of-type{
margin-bottom:0;
}
#levels {
background: #F4F4F4;
}
#levels ol {
counter-reset:list;
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-template-rows:289px 289px;
column-gap:95px;
row-gap:36px;
margin-left:224px;
}
#levels ol li {
font-size: 24px;
line-height: 42px;
position:relative;
}
#levels ol li:nth-of-type(1){
z-index:6;
}
#levels ol li:nth-of-type(2){
z-index:5;
}
#levels ol li:nth-of-type(3){
z-index:4;
}
#levels ol li:nth-of-type(4){
z-index:3;
}
#levels ol li:nth-of-type(5){
z-index:2;
}
#levels ol li:before {
content:counter(list);
counter-increment:list;
font-family: 'Manrope';
font-weight: 700;
font-size: 52px;
line-height: 71px;
letter-spacing: -0.04em;
display:block;
position:relative;
z-index:2;
}
.noTouch #levels ol li:hover:before, .noTouch #levels ol li:hover .highlight {
color:var(--main-red);
}
#levels ol li .data {
position:relative;
z-index:2;
}
#levels ol li .image {
display:block;
opacity:0;
position:absolute;
width: 289px;
height: 289px;
top:0;
left:-100px;
border-radius:50%;
transform:translateX(-50%);
z-index:0;
transition:all 1s ease;
}
.noTouch #levels ol li:hover .image {
opacity:1;
}
#levels ol li .image span:nth-of-type(1) {
display:block;
position:absolute;
content:'';
width: 289px;
height: 289px;
border-radius:50%;
opacity: 0.3;
border: 2px solid #CC2222;
left:10px;
z-index:-2;
}
#levels ol li .image span:nth-of-type(2) {
display:block;
position:absolute;
content:'';
width: 289px;
height: 289px;
border-radius:50%;
border:2px solid #FFFFFF;
left:18px;
z-index:-2;
}
#levels ol li .image span:nth-of-type(3) {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background:no-repeat center / cover white;
z-index:0;
border-radius:50%;
}
#levels ol li .image span:nth-of-type(3):after {
content:'';
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background:linear-gradient(270deg, #FFFFFF 5.62%, rgba(255, 255, 255, 0) 100%);
z-index:1;
border-radius:50%;
}
#why ul {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:32px;
grid-row-gap:32px;
margin-top:var(--margin-main);
}
#why ul li {
display:block;
padding:112px 32px 32px;
border: 1px solid #C8C8C8;
border-radius: 24px;
font-size: var(--main-font);
line-height: var(--main-line);
font-weight: 500;
background:no-repeat 32px 32px;
}
#why ul li .text {
background: #fff;
box-shadow: 10px 0 0 #fff;
}
#why ul li:after {
content:'';
width:100%;
display:block;
height:1px;
background:var(--main-red);
margin-top:-10px;
}
.whyIntro {
font-size: var(--main-font);
line-height: var(--main-line);
margin-top: 8px;
}
#indexBody #why ul li {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: rgba(35, 35, 37, 0.5);
}
#why ul li .header {
display:block;
font-weight: 500;
font-size: var(--main-font);
line-height: 24px;
color: #232325;
margin-bottom:20px;
}
#why ul li:nth-of-type(1){
background-image:url('data:image/svg+xml;utf8,');
}
#indexBody #why ul li:nth-of-type(2){
grid-row: 1 / 3;
grid-column: 2/3;
align-self: center;
background-image:url('data:image/svg+xml;utf8,');
}
#why ul li:nth-of-type(3){
background-image:url('data:image/svg+xml;utf8,');
}
#why ul li:nth-of-type(4){
background-image:url('data:image/svg+xml;utf8,');
}
#why ul li:nth-of-type(5){
background-image:url('data:image/svg+xml;utf8,');
}
#achievments {
background: #F4F4F4;
}
#achievments div {
display:flex;
align-items:flex-start;
justify-content:center;
margin-bottom:28px;
}
#achievments > p {
margin-bottom:28px;
font-size: var(--main-font);
line-height: var(--main-line);
}
#achievments div p {
max-width:523px;
margin:0 18px;
font-size: var(--main-font);
line-height: var(--main-line);
}
.main-screen-offer {
padding: 40px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
display: flex;
justify-content: space-between;
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
background-color: #fff;
flex-wrap: wrap;
}
@media(max-width: 576px) {
.main-screen--motivation#mainSlider.main-screen .image {
top: 420px;
}
}
.main-screen-offer__item {
width: 32%;
margin-bottom: 15px;
}
.main-screen-offer__title {
font-weight: 700;
margin-bottom: 20px;
font-size: 20px;
}
.main-screen-offer__text {
font-size: 12px;
font-size: 16px;
}
.main-screen-offer__text ul {
list-style: disc;
}
.video-team__item {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.vjs-poster img {
object-fit: cover !important;
}
.video-team__item_reverse {
flex-direction: row-reverse;
}
.video-team__content {
width: 25%;
display: flex;
flex-direction: column;
justify-content: center;
}
.video-team__content-tab {
padding: 30px;
-webkit-border-radius: 0 24px 24px 0;
-moz-border-radius: 0 24px 24px 0;
border-radius: 0 24px 24px 0;
cursor: pointer;
}
.video-team__content-tab.active {
background-color: #fff;
}
.video-team__description {
width: 100%;
}
.video-team__video {
width: 75%;
}
.video-team__image {
margin-bottom: 20px;
}
.video-team__name {
font-weight: 700;
width: 100%;
margin-bottom: 5px;
}
.hover-block {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.hover-block__item {
width: 49%;
padding: 22px 32px;
font-size: 20px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
border: 1px solid rgb(234, 234, 234);
margin-bottom: 25px;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.hover-block__item-title {
margin-bottom: 5px;
font-weight: 700;
}
.hover-block__item-text {
font-size: 18px;
}
.hover-block__item:hover{
color: #fff;
background-color: #CC2222;
}
.hover-block__form {
border: 1px solid rgb(234, 234, 234);
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
padding: 20px;
}
.hover-block__form fieldset {
display: flex;
justify-content: space-between;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 20px;
}
.hover-block__form fieldset input {
margin: 0 5px;
}
.hover-block__form-title {
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
.hover-block__form-text {
margin-bottom: 30px;
}
.services-flex-wrapper {
display: flex;
justify-content: space-between;
}
.reviews {
display: flex;
}
.reviews__item {
width: 300px;
height: 270px;
border-radius: 24px;
overflow: hidden;
margin-right: 25px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
#my-gallery img {
width: 19.3%;
height: 300px;
object-fit: cover;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
.revew-modal .modal {
top: 5%;
width: auto;
}
.revew-modal .modal .modal-inset {
padding: 0;
}
.revew-modal .modal #my-video {
width: 337px;
height: 600px;
}
.buttons-date {
display: block;
margin-bottom: 20px;
position: absolute;
top: -40px;
left: 0;
white-space: nowrap;
}
@media screen and (min-width: 1440px) {
#indexBody #achievments .data {
margin-left:336px;
}
#indexBody #achievments .data li {
max-width:336px;
}
#podbor-personalaBody #achievments .data {
margin-left:224px;
}
#podbor-personalaBody #achievments .data li {
max-width:417px;
}
#audit-podboraBody #achievments .data {
margin-left:224px;
}
#audit-podboraBody #achievments .data li {
max-width:374px;
}
#model-kompetenczijBody #achievments .data {
margin-left:224px;
}
#model-kompetenczijBody #achievments .data li {
max-width:416px;
}
#oczenochnyie-meropriyatiyaBody #achievments .data {
margin-left:112px;
}
#oczenochnyie-meropriyatiyaBody #achievments .data li {
max-width:416px;
}
#obuchenie-texnologiyam-oczenki-i-razvitiyaBody #achievments .data {
margin-left:112px;
}
#obuchenie-texnologiyam-oczenki-i-razvitiyaBody #achievments .data li {
max-width:416px;
}
}
#achievments .data li:nth-of-type(1) {--counter: 0;}
#achievments .data li:nth-of-type(2) {--counter: 1;}
#achievments .data li:nth-of-type(3) {--counter: 2;}
#achievments .data li:nth-of-type(4) {--counter: 3;}
#achievments .data li:nth-of-type(5) {--counter: 4;}
#achievments .data li:nth-of-type(6) {--counter: 5;}
#achievments .data li {
color: #23232582;
margin-bottom:16px;
padding-left:28px;
margin-left:calc(var(--counter) * var(--basePadding));
background:url('data:image/svg+xml;utf8,') no-repeat left -5px;
}
#clients h2 {
margin-bottom:36px;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
}
#clients p {
margin-left:224px;
font-size: 24px;
line-height: 42px;
}
#clients p .highlight {
color:var(--main-red);
}
#clients ul {
display:flex;
justify-content: center;
align-items: center;
margin-top:54px;
}
#clients ul li {
background:no-repeat center / contain;
margin: 0 30px;
}
#clients ul li:nth-of-type(1) img {
height: 90px;
width: auto;
}
#clients ul li:nth-of-type(2) img {
height: 90px;
width: auto;
}
@media(max-width:576px) {
#clients ul li:nth-of-type(1) img, #clients ul li:nth-of-type(2) img {
height: 60px;
}
}
/*
#clients ul li:nth-of-type(2) {
width: 158px;
height: 218px;
background-image:url('data:image/svg+xml;utf8,');
}
/* #clients ul li:nth-of-type(6) {
width: 204px;
height: 278px;
background-image:url('data:image/svg+xml;utf8,');
}
#clients ul li:nth-of-type(5) {
width: 177px;
height: 218px;
background-image:url('data:image/svg+xml;utf8,');
}
#clients ul li:nth-of-type(4) {
width: 182px;
height: 238px;
background-image:url('data:image/svg+xml;utf8,');
}
#clients ul li:nth-of-type(3) {
width: 164px;
height: 238px;
background-image:url('data:image/svg+xml;utf8,');
} */
#mainNews h2 a {
display:inline-block;
vertical-align:baseline;
color: rgba(35, 35, 37, 0.5);
margin-left:32px;
font-weight: 400;
font-size: 16px;
line-height: 28px;
padding-right:24px;
letter-spacing: 0;
background:url('data:image/svg+xml;utf8,') no-repeat right center;
}
.newsList {
display:none;
grid-template-columns:1fr 1fr 1fr;
column-gap:32px;
row-gap:32px;
}
.newsList h3 {
grid-column: span 3;
font-weight: 600;
font-size: 24px;
line-height: 33px;
letter-spacing: -0.04em;
color: #23232580;
}
.newsList > p {
grid-column: span 3;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.04em;
color: #23232580;
}
.newsList.active {
display:grid;
}
.newsList a {
display:block;
color: #232325;
}
.newsList a .image {
/* padding-top:92%; */
height: 340px;
border-radius:24px;
background:no-repeat center / cover;
margin-bottom:24px;
}
@media(max-width:1400px){
.newsList a .image {
height: 260px;
}
}
.newsList a .date {
display:block;
margin-bottom:8px;
font-size: 16px;
line-height: 19px;
color: rgba(35, 35, 37, 0.5);
}
.newsList a .title {
font-weight: 500;
font-size: var(--main-font);
line-height: var(--main-line);
display:block;
margin-bottom:8px;
}
.newsList a p {
font-size: 16px;
line-height: 28px;
}
#learningPanel {
background:#F4F4F4;
}
#learningPanel .data {
display:flex;
align-items:center;
justify-content:space-between;
}
#learningPanel .data li {
font-weight: 500;
font-size: 32px;
line-height: 39px;
color: #232325B3;
}
#learningPanel .data li .header {
display:block;
font-weight: 700;
font-size: 72px;
line-height: 98px;
letter-spacing: -0.04em;
color: #CC2222;
}
.tabPanel {
display:flex;
justify-content:flex-start;
margin-bottom:var(--margin-main);
}
.tabPanel li {
font-weight: 600;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
color: #23232580;
margin-right:20px;
cursor: pointer;
white-space: nowrap;
}
.tabPanel li:before {
content:'';
display:inline-block;
width:12px;
height:12px;
margin-right:16px;
border-radius:50%;
vertical-align:middle;
cursor:pointer;
}
.tabPanel li.active {
color:#CC2222;
}
.tabPanel li.active:before {
background:#CC2222;
}
#fiveReasons {
background: #F4F4F4;
}
#fiveReasons ol {
display:grid;
grid-template-columns:1fr 1fr 1fr;
column-gap:32px;
row-gap:32px;
counter-reset:list;
}
#fiveReasons ol > li {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #232325B3;
}
#fiveReasons ol > li:before {
content:counter(list);
counter-increment:list;
font-weight: 700;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
color: #CC2222;
display:block;
margin-bottom:16px;
}
#fiveReasons ol > li ul li:before {
content:' • ';
}
#fiveReasons ol > li .header {
display:block;
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #232325;
}
#result {
min-height:893px;
}
#result .data {
max-width:640px;
}
#result .data p {
display:block;
margin-bottom:32px;
padding:22px 32px;
background: #FFFFFF;
border: 1px solid #EAEAEA;
border-radius: 24px;
font-size: var(--main-font);
line-height: var(--main-line);
transition:all 1.5s ease;
}
#result .data .attention {
color: #FFFFFF;
background: #CC2222;
}
#result .image {
position:absolute;
border-radius:50%;
width: 653px;
height: 653px;
left:calc(50% + 128px);
top:120px;
background:no-repeat center / cover;
}
#ourServices ol {
counter-reset:list;
display:block;
columns:3;
column-gap:32px;
}
#ourServices ol li {
counter-increment:list;
font-weight: 500;
font-size: 16px;
line-height: 28px;
margin-bottom:32px;
display: inline-block;
}
#ourServices ol li:before {
display:block;
content:counter(list);
margin-bottom:12px;
font-weight: 700;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
color: #CC2222;
}
#programs div article {
display:flex;
flex-direction:column;
}
#programs div article .image{
display:block;
height:246px;
margin-bottom:32px;
background:no-repeat center / cover;
border-radius: 24px;
}
#programs div article .title {
margin-bottom:12px;
font-weight: 500;
font-size: var(--main-font);
line-height: var(--main-line);
display:block;
flex-grow:1;
}
#programs div article .description {
display:block;
font-size: 14px;
line-height: 17px;
}
#programs div article .buttons {
display:flex;
align-items:stretch;
flex-grow:0;
padding-top:32px;
text-align:center;
}
#programs div article .buttons .record {
border: 1px solid #CC2222;
padding:16px 38px;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
display:block;
background: #CC2222;
border-radius: 12px;
margin-right:12px;
}
.noTouch #programs div article .buttons .record:hover {
background:#EB4242;
}
#programs div article .buttons .popup {
border: 1px solid #CC2222;
border-radius: 12px;
padding:16px 38px;
display:block;
font-size: 14px;
line-height: 17px;
color: #CC2222;
display: flex;
align-items: center;
}
#programs div article .buttons .popup:hover {
color: #EB4242;
border: 1px solid #EB4242;
}
#programs div article .buttons .no-popup {
border: 1px solid #CC2222;
border-radius: 12px;
padding:16px 38px;
display:block;
font-size: 14px;
line-height: 17px;
color: #CC2222;
display: flex;
align-items: center;
}
#programs div article .buttons .no-popup:hover {
color: #EB4242;
border: 1px solid #EB4242;
}
#contactData {
display:grid;
grid-template-columns:1fr 1fr;
row-gap:48px;
column-gap:32px;
}
#contactData .text {
font-size: var(--main-font);
line-height: var(--main-line);
}
#contactData .text p {
margin-bottom:12px;
}
#contactData a {
color:#232325;
}
.noTouch #contactData a:hover {
color:var(--main-red);
}
#contactData .text .header {
font-weight: 500;
font-size: 24px;
line-height: 29px;
}
#contactData .mapWrapper{
grid-column:1/3;
}
#contactData .map {
display:block;
width:100%;
height:536px;
}
.mapWrapper {
position:relative;
}
.mapWrapper.inactive:after {
content: '';
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.3);
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 30px;
line-height: 30px;
}
.inactive .map {
pointer-events: none;
}
#team > p {
font-size: var(--main-font);
line-height: var(--main-line);
margin-bottom:24px;
}
#team .teamList {
margin-top:24px;
display:grid;
grid-template-columns:repeat(5,1fr);
column-gap:88px;
row-gap:32px;
}
#team .teamList article {
position:relative;
}
#team .teamList article .image{
height:250px;
border-radius: 24px;
margin-bottom:24px;
background:no-repeat center / cover;
}
#team .teamList article .content {
border-radius: 24px;
font-size: 14px;
line-height: 20px;
transition:all 0.5s ease;
}
.noTouch #team .teamList article .content {
display:flex;
align-items:center;
padding:12px;
opacity:0;
position:absolute;
top:0;
left:0;
border-radius: 24px;
color: #FFFFFF;
background: #232325B3;
height:250px;
}
.noTouch #team .teamList article .content:hover {
opacity:1;
}
.touch #team .teamList article .content {
font-size: 10px;
line-height: 17px;
margin-top:24px;
}
#team .teamList article .title {
display:block;
margin-bottom:4px;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
#team .teamList article .longtitle {
display:block;
font-size: 12px;
line-height: 21px;
}
#spaces {
padding:0 var(--padding);
display:flex;
/* justify-content:space-between; */
overflow:auto;
flex-wrap:wrap;
}
.hall-slider .prev-arrow {
cursor: pointer;
position: absolute;
left: -35px;
top: 49%;
}
.hall-slider .next-arrow {
cursor: pointer;
position: absolute;
right: -35px;
top: 49%;
}
#spaces .space {
padding:24px;
display:block;
width:304px;
background: #FFFFFF;
border: 1px solid #C8C8C8;
border-radius: 24px;
margin-bottom:var(--margin-main);
transition:all 0.5s ease;
position:relative;
margin-right:20px;
flex-shrink:0;
}
#spaces .space .image {
position: relative;
cursor: pointer;
}
#spaces .space .image::after {
content: '';
position: absolute;
display: block;
width: 24px;
height: 24px;
bottom: 15px;
right: 15px;
background-image: url('data:image/svg+xml;utf8,');
}
@media(max-width: 680px) {
#spaces {
justify-content: center;
}
#spaces .space {
margin-right: 0;
}
}
#spaces #space4 {
margin-left: 0;
}
#spaces .space .image {
width: auto;
height: 271px;
border-radius:24px;
background:no-repeat center / cover;
margin-bottom:32px;
}
#spaces .space h3 {
height: 66px;
font-weight: 600;
font-size: 24px;
line-height: 33px;
letter-spacing: -0.04em;
margin-bottom:32px;
}
#spaces .space .opts {
display:flex;
align-items:center;
margin-bottom:32px;
}
#spaces .space .opts span {
display:block;
padding:5px 16px;
background:no-repeat left center / contain;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.04em;
height:32px;
}
#spaces .space .opts .humans {
padding-left:28px;
background-image:url('data:image/svg+xml;utf8,');
}
#spaces .space .opts .square {
padding-left:40px;
background-image:url('data:image/svg+xml;utf8,');
}
#spaces .space .toBron {
display:block;
border-radius: 12px;
padding:16px 25px;
background:var(--main-red);
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
cursor:pointer;
transition:all 0.3s ease;
text-align:center;
}
.noTouch #spaces .space .data .toBron:hover {
background:#EB4242;
}
#spaces .calendar {
display:none;
width: 80%;
max-width:1312px;
height:auto;
max-height:80%;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
position:fixed;
background:white;
border: 1px solid #C8C8C8;
border-radius: 24px;
padding:32px;
z-index:9;
overflow-y:auto;
}
#spaces .calendar.active {
display:block;
}
#spaces .calendar .close{
display:block;
position:absolute;
width: 24px;
height: 24px;
top: 10px;
right: 10px;
cursor:pointer;
background:url('data:image/svg+xml;utf8,') no-repeat center;
}
#spaces .calendar h3 {
margin-bottom:var(--margin-main);
font-weight: 600;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
}
#spaces .calendar h4 {
font-weight: 500;
font-size: var(--main-font);
line-height: var(--main-line);
margin-bottom:24px;
}
#spaces .calendar fieldset {
display:flex;
align-items:stretch;
justify-content:space-between;
margin-bottom:var(--margin-main);
}
#spaces .calendar fieldset input {
display:block;
width:calc(20% - 8px);
padding:16px 20px;
border: 1px solid #DFDFDF;
border-radius: 12px;
}
#spaces .calendar button {
display:inline-block;
padding:16px;
background: var(--main-red);
border-radius: 12px;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
border:none;
box-shadow:none;
margin-right:24px;
transition:all 0.3s ease;
}
#spaces .calendar .formFooter {
margin-bottom:32px;
}
.noTouch #spaces .calendar button:hover {
background:#EB4242;
}
.month {
position:relative;
}
.month .header {
font-weight: 500;
font-size: var(--main-font);
line-height: var(--main-line);
padding-right:40px;
background:url('data:image/svg+xml;utf8,') no-repeat right center;
}
.month .changeMonth {
position:absolute;
left:0;
top:calc(100% + 12px);
display:none;
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
border-radius: 24px;
padding:24px;
z-index:1;
transform:translateZ(0);
}
.month .changeMonth select {
border: 1px solid #DFDFDF;
border-radius: 12px;
padding: 6px 40px 6px 16px;
font-size: 14px;
line-height: 17px;
margin-right:12px;
background: url('data:image/svg+xml;utf8,') no-repeat calc(100% - 17px) center;
}
.month .changeMonth.active {
display:flex;
}
.month .changeMonth .change {
padding: 6px 16px;
background: var(--main-red);
border-radius: 12px;
color: #FFFFFF;
cursor:pointer;
text-align:center;
}
.days {
display:block;
overflow:hidden;
margin:24px 0 32px;
}
.days ul {
display:flex;
width:100%;
overflow:auto;
padding-bottom:30px;
margin-bottom:-30px;
}
.days ul li {
border: 1px solid rgba(35, 35, 37, 0.2);
border-radius: 18px;
padding-top:12px;
text-align:center;
font-size: 12px;
line-height: 16px;
width: 55px;
height: 71px;
flex-shrink:0;
margin-right:12px;
cursor:pointer;
}
.days ul li:last-of-type {
margin-right:0;
}
.days ul li strong {
display:block;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.04em;
margin-bottom:8px;
}
.days ul li.disabled {
background: rgba(35, 35, 37, 0.1);
color:rgba(35, 35, 37, 0.3);
}
.days ul li.active {
background: var(--main-red);
color:white;
}
.hours {
display:block;
overflow:hidden;
margin:24px 0 48px;
}
.hours ul {
display:flex;
width:100%;
overflow:auto;
padding-bottom:30px;
margin-bottom:-30px;
}
.hours ul li {
border: 1px solid rgba(35, 35, 37, 0.2);
border-radius: 18px;
padding:12px;
font-size: 16px;
line-height: 22px;
flex-shrink:0;
margin-right:12px;
cursor:pointer;
}
.hours ul li:last-of-type {
margin-right:0;
}
.hours ul li.active {
background: var(--main-red);
color:white;
}
#feedback .ajaxForm {
display:block;
padding-right:50%;
position:relative;
margin-top:48px;
}
#feedback.no-image .ajaxForm {
padding-right: 0;
}
#feedback h2 {
margin-bottom:0;
max-width: 528px;
}
#feedback .formIntro {
max-width: 528px;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.04em;
margin-top:8px;
}
#feedback .ajaxForm:after {
content:'';
position:absolute;
height:100%;
width:50%;
top:0;
right:0;
border-radius:24px;
background:url('../img/feedback.jpg') no-repeat right center / cover;
}
#feedback.no-image .ajaxForm:after {
display: none;
}
.ajaxForm input, ajaxForm select, .ajaxForm textarea {
display:block;
max-width:528px;
width:100%;
margin-bottom:24px;
background: transparent;
border: 1px solid #DFDFDF;
border-radius: 12px;
padding:16px;
font-size: 14px;
line-height: 17px;
}
.ajaxForm .horizontal-form__input{
background: #fff;
}
.ajaxForm textarea {
height:150px;
}
.ajaxForm select {
color:rgba(35, 35, 37, 0.5);
background:url('data:image/svg+xml;utf8,') no-repeat calc(100% - 17px) center;
}
.ajaxForm select.changed {
color:rgba(35, 35, 37, 1);
background:url('data:image/svg+xml;utf8,') no-repeat calc(100% - 17px) center;
}
.ajaxForm select option {
background:#fff;
font-size: 16px;
line-height: 19px;
color: #232325;
padding:12px 16px;
}
.ajaxForm select option:hover {
color:var(--main-red);
}
.ajaxForm .formFooter {
display:flex;
align-items:center;
}
.ajaxForm .formFooter {
max-width:590px;
width:100%;
}
.ajaxForm .formFooter button {
display:block;
padding:16px 41px;
background: #CC2222;
border-radius: 12px;
font-size: 14px;
line-height: 18px;
color: #FFFFFF;
border:none;
margin-right:20px;
transition:all 0.3s ease;
}
.noTouch .ajaxForm .formFooter button:hover {
background:#EB4242;
}
.ajaxForm .formFooter button:disabled, .noTouch .ajaxForm .formFooter button:disabled:hover {
color: rgba(35, 35, 37, 0.5);
background: #DFDFDF;
}
.agreeBoxes {
font-size: 12px;
line-height: 17px;
color: rgba(35, 35, 37, 0.5);
display:block;
}
.agreeBoxes input {
/* display:none !important; */
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
padding: 0;
margin: 9px;
border: 0;
}
.agreeBoxes label {
display:flex;
align-items:center;
}
.agreeBoxes label:nth-of-type(1){
margin-bottom:12px;
}
.agreeBoxes label a {
color:#232325;
}
.agreeBoxes label:before {
content:'';
flex-shrink:0;
display:block;
width: 18px;
height: 18px;
background:no-repeat center #232325;
border-radius: 4px;
opacity:0.4;
margin-right:13px;
}
.agreeBoxes_no-checkbox label::before {
display: none;
}
.agreeBoxes :checked+ label:before {
opacity:1;
background:url('data:image/svg+xml;utf8,') no-repeat center #CC2222;
}
.ajaxForm .list {
display:flex;
overflow:auto;
margin-bottom:24px;
}
.ajaxForm .list input {
display:none;
}
.ajaxForm .list label {
display:block;
font-size: 14px;
line-height: 18px;
color: rgba(35, 35, 37, 0.5);
margin-right:32px;
cursor:pointer;
}
.ajaxForm .list label:before {
display:inline-block;
width: 15px;
height: 15px;
opacity: 0.5;
border: 1px solid #232325;
margin-right:12px;
border-radius:50%;
content:'';
vertical-align:middle;
}
.ajaxForm .list :checked + label {
color:var(--main-red);
}
.ajaxForm .list :checked + label:before {
opacity:1;
background:var(--main-red);
border-color:var(--main-red);
}
.ajaxForm #chkSubscribe {
display:none;
}
.ajaxForm #chkSubscribe + label {
display:block;
font-size: 12px;
line-height: 17px;
color: rgba(35, 35, 37, 0.5);
margin-bottom:21px;
cursor:pointer;
padding-left: 32px;
text-indent: -32px;
}
.ajaxForm #chkSubscribe + label:before {
content:'';
display:inline-block;
margin-right:12px;
width: 18px;
height: 18px;
border: 1px solid #D9D9D9;
border-radius: 4px;
vertical-align:middle;
}
.ajaxForm #chkSubscribe:checked + label:before {
opacity: 1;
background: url('data:image/svg+xml;utf8,') no-repeat center #CC2222;
}
#mainFooter {
display:grid;
grid-template-columns:1fr 1fr 1fr;
column-gap:16px;
row-gap:32px;
padding:47px 0 24px;
margin:0 var(--padding);
border-top:1px solid rgba(35, 35, 37, 0.5);;
}
.noTouch #mainFooter a:hover {
color:var(--main-red);
}
#mainFooter .links {
grid-column:1/4;
display:flex;
}
#mainFooter .address {
display:block;
padding-left:40px;
font-weight: 500;
font-size: 16px;
line-height: 28px;
color:#232325;
grid-row: 2/4;
background:url('data:image/svg+xml;utf8,') no-repeat left top;
}
#mainFooter .contacts {
grid-row: 2/6;
}
#mainFooter .copyright {
grid-row: 3/4;
font-size: 12px;
line-height: 21px;
}
#mainFooter .register {
grid-column: 1/2;
font-size: 12px;
line-height: 21px;
}
#mainFooter .contacts a{
display:block;
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #232325;
margin-bottom:20px;
padding-left:40px;
background:no-repeat left top;
}
#mainFooter .contacts a .highlight {
color:var(--main-red);
}
#mainFooter .contacts .phone {
background-image:url('data:image/svg+xml;utf8,');
}
#mainFooter .contacts .email {
background-image:url('data:image/svg+xml;utf8,');
}
#mainFooter .contacts .tg {
background-image:url('data:image/svg+xml;utf8,');
}
#mainFooter .contacts .wa {
background-image:url('data:image/svg+xml;utf8,');
}
#footMenu {
display:flex;
align-items:center;
justify-content:flex-start;
align-self: flex-start;
grid-column: 3/4;
}
#footMenu a {
display:block;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.2px;
color: #232325;
margin-right:32px;
}
#footMenu a:last-of-type {
margin-right:0;
}
#mainFooter .polytic a {
display:block;
color: #232325;
font-size: 12px;
line-height: 21px;
}
.noTouch #mainFooter .polytic a:hover {
color:var(--main-red);
}
#popupWindow {
position:fixed;
display:block;
top:0;
left:0;
right:0;
bottom:0;
overflow:auto;
padding:80px var(--padding);
z-index:15;
background:white;
}
#popupWindow .close {
display:block;
position: absolute;
right:var(--padding);
top:50px;
width:24px;
height:24px;
cursor:pointer;
background:url('data:image/svg+xml;utf8,')no-repeat center / contain;
}
#popupWindow .data {
max-width:640px;
margin:0 auto;
}
#popupWindow .data h1 {
font-weight: 600;
font-size: 40px;
line-height: 55px;
letter-spacing: -0.04em;
}
#popupWindow .data .date {
display:block;
margin:8px 0 48px;
font-size: 16px;
line-height: 19px;
color: rgba(35, 35, 37, 0.5);
}
#popupWindow .data .content {
margin-top:48px;
}
#popupWindow .data .content h3 {
font-weight: 500;
font-size: 24px;
line-height: 33px;
letter-spacing: -0.04em;
margin-bottom:24px;
}
#popupWindow .data .content p, #popupWindow .data .content ul, #popupWindow .data .content ol {
margin-bottom:24px;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.04em;
}
#popupWindow .data .content img {
max-width:100%;
width:auto !important;
height:auto !important;
}
#popupWindow .data .content li > p {
display:inline;
}
#popupWindow .data .content li {
padding-left:16px;
text-indent:-16px;
}
#popupWindow .vacancy.data .content li {
padding-left:28px;
}
#popupWindow .data .content ul li:before {
content:'•';
width:16px;
display:inline-block;
text-indent:0;
}
#popupWindow .vacancy.data .content ul li:before {
content:'';
height:20px;
margin-right: 12px;
margin-left: -12px;
background:url('data:image/svg+xml;utf8,') no-repeat left center;
}
#popupWindow .data .content ol {
counter-reset:list;
}
#popupWindow .data .content ol li:before {
content:counter(list) '.';
width:16px;
display:inline-block;
counter-increment:list;
text-indent:0;
}
.resultBron {
display:flex;
align-items:center;
justify-content:center;
font-weight: 600;
font-size: 32px;
line-height: 44px;
letter-spacing: -0.04em;
min-height:300px;
}
.resultBron:before {
content:'';
width: 100px;
height: 100px;
margin-right:48px;
flex-shrink: 0;
background:url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.bronTable {
border:1px solid var(--main-red);
}
.bronTable td, .bronTable th{
padding: 5px 10px;
border:1px solid var(--main-red);
}
.bronTable th {
font-weight:500;
}
.bannerLink {
display:block;
margin-top:120px;
}
/*1024 начало*/
@media screen and (max-width: 1439px) {
:root {
--padding:calc(50% - 492px);
--margin-main:32px;
--main-font:16px;
--main-line:28px;
}
#mainMenu > a {
margin-left: 16px;
}
#mainHeader .callback {
margin-left: 24px;
}
#mainHeader .callback a {
padding-left: 24px;
}
.logo1 {
width:139px;
height:45px;
}
.logo2 {
width:135px;
height:45px;
}
.mainBody h2 {
font-size: 28px;
line-height: 38px;
}
section#mainSlider {
padding-top:237px;
height:580px;
}
#mainSlider .image {
width:548px;
height:548px;
right:var(--padding);
box-shadow:-21px 0 0 white,-23px 0 0 #D9D9D9, -44px 0 0 white,-46px 0 0 #D9D9D9;
}
#mainSlider h1 {
font-size: 28px;
line-height: 38px;
}
#mainSlider p {
width:387px;
font-size: 16px;
line-height: 28px;
}
#indexBody #services ul {
width:480px;
}
#indexBody #services .image {
left: calc(var(--padding) + 564px);
width: 512px;
height: 512px;
top:131px;
}
#levels ol {
margin-left:168px;
column-gap:24px;
}
#levels ol li {
font-size: 20px;
line-height: 35px;
}
#levels ol li::before {
font-size: 42px;
line-height: 57px;
}
#levels ol li .image {
width: 215px;
height: 215px;
top: 10px;
left: -60px;
}
#levels ol li .image span:nth-of-type(1),#levels ol li .image span:nth-of-type(2),#levels ol li .image span:nth-of-type(3){
width: 215px;
height: 215px;
}
#achievments > p {
font-size: 16px;
line-height: 28px;
}
#achievments div p {
max-width:395px;
margin:0 12px;
font-size: 16px;
line-height: 28px;
}
#achievments .data {
margin-left:252px;
}
#achievments .data li {
max-width:286px;
}
#why ul li {
padding:104px 24px 24px;
}
#clients p {
font-size: 20px;
line-height: 35px;
margin-left:170px;
}
/* #clients ul li:nth-of-type(1) {
width: 152.36px;
height: 149.69px;
}
#clients ul li:nth-of-type(2) {
width: 153px;
height: 214px;
}
#clients ul li:nth-of-type(3) {
width: 133px;
height: 169px;
}
#clients ul li:nth-of-type(4) {
width: 119px;
height: 169px;
}
#clients ul li:nth-of-type(5) {
width: 137px;
height: 184px;
}
#clients ul li:nth-of-type(6) {
width: 123px;
height: 184px;
} */
.newsList {
column-gap:24px;
}
.newsList a .date {
font-size: 12px;
line-height: 15px;
}
.newsList a .title {
font-size: 16px;
line-height: 28px;
}
.newsList a p {
font-size: 14px;
line-height: 24px;
}
#result {
min-height:672px;
}
#result .data {
max-width:480px;
}
#result .image {
width: 512px;
height: 512px;
left:calc(50% + 72px);
top:80px;
}
#team .teamList {
grid-template-columns: repeat(4,1fr);
column-gap: 78px;
}
.tabPanel li {
font-size: 28px;
line-height: 36px;
}
.ajaxForm input, .ajaxForm select, #feedback h2, #feedback .formIntro {
max-width:480px;
}
#mainFooter {
grid-template-columns:396px 312px auto;
}
#footMenu {
flex-wrap:wrap;
justify-self: flex-end;
grid-column: 3/4;
}
#mainFooter .address{
grid-row: 2/4;
}
#mainFooter .contacts {
grid-row: 2/6;
}
#mainFooter .register {
grid-column: 1/2;
grid-row: 4/6;
font-size: 12px;
line-height: 21px;
}
#mainFooter .copyright {
grid-column: 3/4;
grid-row: 3/5;
font-size: 12px;
line-height: 21px;
}
#mainFooter .polytic {
font-size: 12px;
line-height: 21px;
}
#footMenu a {
margin-bottom:24px;
}
.bannerLink {
display:block;
margin-top:80px;
}
}
@media (max-width:1440px) {
/* #clients ul li:nth-of-type(1) {
width: 124.36px;
height: 122.69px;
}
#clients ul li:nth-of-type(2) {
width: 101px;
height: 139px;
}
#clients ul li:nth-of-type(3) {
width: 109px;
height: 144px;
}
#clients ul li:nth-of-type(4) {
width: 119px;
height: 140px;
}
#clients ul li:nth-of-type(5) {
width: 105px;
height: 130px;
}
#clients ul li:nth-of-type(6) {
width: 130px;
height: 166px;
} */
.video-team__content {
width: 35%;
}
.video-team__video {
width: 65%;
}
}
/*768 начало*/
@media screen and (max-width: 1023px) {
:root {
--padding:32px;
--margin-main:24px;
}
#mainMenu {
display:none;
position:fixed;
top:92px;
left:0;
right:0;
padding:35px 216px;
background:white;
z-index: 5;
overflow: auto;
}
#mainMenu.active {
display:block;
}
#mainMenu > a, #mainMenu .withSubMenu {
margin-bottom:32px;
margin-left:0;
display:block;
}
#mainHeader .burger {
display:block;
width: 29px;
height: 14px;
margin-left:32px;
background:url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
#mainHeader #mainMenu.active ~ .burger {
background-image:url('data:image/svg+xml;utf8,');
}
.logo1 {
width: 152px;
height: 41.52px;
}
.logo2 {
width: 125px;
height: 40px;
}
#mainHeader .logo1 {
width: 92.97px;
height: 25.39px;
}
#mainHeader .logo2 {
width: 76px;
height: 24px;
}
#mainHeader .callback {
font-size: 12px;
line-height: 15px;
margin-left: 0;
}
#mainHeader .callback a {
padding-left: 15px;
}
.mainBody h2 {
font-size: 24px;
line-height: 33px;
margin-bottom:32px;
}
section#mainSlider {
padding-top:167px;
height:406px;
}
#mainSlider .image {
width:374px;
height:374px;
right:calc(var(--padding) - 26px);
box-shadow:-14px 0 0 white,-16px 0 0 #D9D9D9, -29px 0 0 white,-31px 0 0 #D9D9D9;
}
#mainSlider h1 {
font-size: 24px;
line-height: 33px;
width: 337px;
}
#page404Body #mainSlider h1 {
font-size: 120px;
line-height: 129px;
}
#contactsBody #mainSlider h1, #eventsBody #mainSlider h1, #newsBody #mainSlider h1 {
font-size: 38px;
line-height: 48px;
}
#mainSlider p {
width: 337px;
font-size: 12px;
line-height: 21px;
}
#mainSlider p:after {
width:32px;
height:32px;
background-size:contain;
bottom:-44px;
}
#indexBody #services ul {
width:428px;
}
#services ul li::after {
left: calc(var(--padding) + 460px);
width: 379px;
height: 379px;
top:93px;
}
#services ul li {
border-radius: 16px;
}
#achievments > p {
font-size: 14px;
line-height: 24px;
}
#achievments div p {
max-width:276px;
margin:0 30px;
font-size: 14px;
line-height: 24px;
}
#indexBody #achievments .data {
margin-left:184px;
}
#achievments .data li {
max-width:252px;
font-size: 12px;
line-height: 21px;
}
#levels ol {
grid-template-columns:1fr 1fr;
grid-template-rows:174px 174px 174px;
column-gap:189px;
row-gap:31px;
margin-left:129px;
}
#levels ol li {
font-size: 16px;
line-height: 28px;
}
#levels ol li::before {
font-size: 32px;
line-height: 44px;
color: var(--main-red);
}
#levels ol li:nth-of-type(5){
grid-column:1/3;
justify-self:center;
}
#levels ol li .highlight {
color: var(--main-red);
}
#levels ol li .image {
width: 174px;
height: 174px;
top: 10px;
left: -40px;
opacity:1;
}
#levels ol li .image span:nth-of-type(1),#levels ol li .image span:nth-of-type(2),#levels ol li .image span:nth-of-type(3){
width: 174px;
height: 174px;
}
#why ul {
grid-template-columns:1fr 1fr;
}
#indexBody #why ul li:nth-of-type(2) {
grid-column:1/3;
grid-row:2/3;
justify-self:center;
width:50%;
}
#clients p {
font-size: 16px;
line-height: 28px;
margin-left:93px;
}
/* #clients ul li:nth-of-type(1) {
width: 111px;
height: 108.17px;
}
#clients ul li:nth-of-type(2) {
width: 115px;
height: 156.17px;
}
#clients ul li:nth-of-type(3) {
width: 100px;
height: 123.17px;
}
#clients ul li:nth-of-type(4) {
width: 89px;
height: 123.17px;
}
#clients ul li:nth-of-type(5) {
width: 103px;
height: 134.17px;
}
#clients ul li:nth-of-type(6) {
width: 92px;
height: 134.17px;
} */
.newsList {
column-gap:32px;
row-gap:32px;
grid-template-columns:1fr 1fr;
}
.newsList a .image {
padding-top:62%;
}
.newsList a .date {
font-size: 10px;
line-height: 12px;
margin-bottom:4px;
}
.newsList a .title {
font-size: 14px;
line-height: 24px;
margin-bottom:4px;
}
.newsList a p {
font-size: 12px;
line-height: 21px;
}
#result {
min-height:499px;
}
#result .data {
max-width:428px;
}
#result .data p {
margin-bottom:24px;
padding:16px 24px;
font-size: 16px;
line-height: 28px;
}
#result .image {
width: 379px;
height: 379px;
left:calc(50% + 108px);
top:80px;
}
#ourServices ol {
columns:2;
}
#team .teamList {
grid-template-columns: repeat(3,1fr);
column-gap: 68px;
}
#team .teamList article .title {
font-size: 12px;
line-height: 21px;
}
#team .teamList article .longtitle {
font-size: 10px;
line-height: 17px;
}
.touch #team .teamList article .content {
font-size: 10px;
line-height: 17px;
}
.tabPanel li {
font-size: 24px;
line-height: 28px;
}
#learningPanel .data li {
font-size: 24px;
line-height: 29px;
}
#learningPanel .data li .header {
font-size: 60px;
line-height: 82px;
}
#fiveReasons ol {
grid-template-columns: 1fr 1fr;
}
.newsList h3 {
grid-column: span 2;
}
.newsList > p {
grid-column: span 2;
}
#mainSlider p .buttons a:nth-of-type(1) {
padding:16px;
}
#feedback .ajaxForm, #feedback h2, #feedback .formIntro {
padding-right:0;
}
#feedback .ajaxForm::after {
left:492px;
border-radius: 24px 0 0 24px;
}
.ajaxForm input, .ajaxForm select, .ajaxForm .formFooter, #feedback h2, #feedback .formIntro {
max-width:427px;
}
#mainFooter {
grid-template-columns:1fr 1fr;
row-gap:24px;
}
#mainFooter .links {
grid-column: 1/2;
}
#footMenu {
grid-column: 2/3;
grid-row:1/2;
flex-wrap:nowrap;
width:auto;
align-self: center;
justify-self: flex-start;
}
#footMenu a {
font-size: 12px;
line-height: 15px;
margin-bottom:0;
margin-left:0;
margin-right:24px;
}
#mainFooter .contacts a {
font-size: 14px;
line-height: 24px;
margin-bottom:20px;
}
#mainFooter .address {
font-size: 14px;
line-height: 24px;
padding-left:28px;
background-size:20px;
}
#mainFooter .contacts {
grid-row: 2/4;
grid-column: 2/3;
}
#mainFooter .copyright {
grid-column: 2/3;
grid-row: 4/6;
font-size: 12px;
line-height: 21px;
}
#mainFooter .register, #mainFooter .polytic {
transform: translateY(-46px);
font-size: 12px;
line-height: 21px;
}
#spaces .calendar fieldset {
flex-direction:column;
}
#spaces .calendar fieldset input {
width:100%;
margin-bottom:16px;
}
.bannerLink {
display:block;
margin-top:60px;
}
.reviews {
flex-wrap: wrap
}
.reviews__item {
width: auto;
flex-basis: 42%;
width: 44%;
margin-bottom: 15px;
height: 210px;
}
#my-gallery img {
width: 49%;
margin-bottom: 5px;
}
}
/*320 начало*/
@media screen and (max-width: 767px) {
:root {
--padding:16px;
--margin-main:16px;
--main-font:12px;
--main-line:16px;
}
#my-gallery img {
height: 200px;
}
.notice-message {
flex-direction: column;
}
.notice-message span {
display: block;
margin-top: 15px;
}
.video-team.mobile {
display: block;
}
.header-social {
display: flex;
}
#mainHeader {
align-items:flex-start;
}
#mainHeader .logos {
flex-wrap: wrap;
height:24px;
align-items:flex-start;
}
#mainHeader .logos .logo1 {
margin-right:12px;
margin-bottom:8px;
}
#mainFooter .links {
justify-content:space-between;
align-items: center;
}
.logo1 {
width: 152.33px;
height: 41.61px;
}
.logo2 {
width: 116.63px;
height: 37.44px;
}
#mainHeader .burger {
margin-top:5px;
}
#mainMenu {
padding:35px 35px;
}
#mainHeader .callback {
font-size: 10px;
line-height: 12px;
margin-top:-2px;
}
.mainBody h2 {
font-size: 20px;
line-height: 27px;
margin-bottom:24px;
}
section#mainSlider {
padding-top:216px;
/* height:374px; */
height: auto;
margin-top:-26px;
}
#mainSlider .image {
width:178px;
height:178px;
right:calc(var(--padding) + 2px);
box-shadow:-6px 0 0 white,-7px 0 0 #D9D9D9, -14px 0 0 white,-15px 0 0 #D9D9D9;
}
#mainSlider h1 {
font-size: 20px;
line-height: 27px;
width: auto;
}
#page404Body #mainSlider h1 {
font-size: 70px;
line-height: 69px;
}
#page404Body #mainSlider {
padding-top:200px;
}
#contactsBody #mainSlider h1, #eventsBody #mainSlider h1, #newsBody #mainSlider h1 {
font-size: 32px;
line-height: 38px;
}
#mainSlider p {
width: auto;
font-size: 10px;
line-height: 17px;
}
#mainSlider p:after {
width:16px;
height:16px;
bottom:-24px;
}
#services ul, #indexBody #services ul {
width:auto;
display: block;
}
#services ul li, #indexBody #services ul li{
max-height:none;
}
#indexBody #services ul li {
background: #F4F4F4;
}
#services ul li .header ~ * {
display:flex;
}
#services ul li::after {
content:none;
}
#services ul li .header {
font-size: 16px;
line-height: 19px;
color: #CC2222;
margin-bottom: 12px;
}
#services ul li p {
font-size: 12px;
line-height: 21px;
}
#services ul li a {
font-size: 16px;
line-height: 19px;
}
#levels ol {
display:block;
}
#levels ol li {
margin-bottom:33px;
min-height:175px;
}
#why ul {
display:block;
}
#why ul li {
margin-bottom:24px;
}
#indexBody #why ul li:nth-of-type(2) {
width:100%;
}
section#achievments {
padding-bottom:135px;
}
#achievments div {
display:block;
}
#achievments div p {
max-width:none;
margin:0 0 16px;
}
#achievments .data, #indexBody #achievments .data {
margin-left:0;
}
#achievments .data li {
max-width:none;
}
#clients p {
margin-left:0;
}
/* #clients ul {
display:grid;
grid-template-columns:repeat(1fr, 6);
column-gap:24px;
row-gap:20px;
} */
#clients ul {
display: flex;
flex-direction: column;
}
#clients ul li:nth-of-type(1) {
margin-bottom: 20px;
}
/*
#clients ul li:nth-of-type(2) {
grid-column:1/4;
justify-self: flex-end;
width: 102px;
height: 137px;
}
#clients ul li:nth-of-type(3) {
grid-column:4/7;
justify-self: flex-start;
width: 99px;
height: 147px;
}
#clients ul li:nth-of-type(4) {
grid-column:1/3;
justify-self: flex-end;
width: 79px;
height: 103px;
}
#clients ul li:nth-of-type(5) {
grid-column:3/5;
justify-self: center;
width: 80px;
height: 90px;
}
#clients ul li:nth-of-type(6) {
grid-column:5/7;
justify-self: flex-start;
width: 82px;
height: 111px;
} */
.newsList {
row-gap:24px;
grid-template-columns:1fr;
}
#ourServices ol {
columns:1;
}
#ourServices ol li {
margin-bottom:24px;
}
#result .image {
display:none;
}
#contactData {
display:block;
}
#contactData .text {
margin-bottom:24px;
}
#team .teamList {
grid-template-columns: repeat(2,1fr);
column-gap: 16px;
}
#team .teamList article .image {
height: 0;
padding-top: 123%;
}
.tabPanel {
overflow: auto;
}
.tabPanel li {
font-size: 20px;
line-height: 24px;
margin-bottom: 12px;
}
#learningPanel .data {
display: block;
}
#learningPanel .data li {
margin-bottom: 24px;
}
#fiveReasons ol {
grid-template-columns: 1fr;
}
#programs div article .buttons .record, #programs div article .buttons .popup {
padding: 10px 20px;
}
#spaces .space {
display: block;
padding: 20px;
}
#spaces .space .image {
margin-right: 0;
margin-bottom: 24px;
}
#spaces .space .data .opts {
flex-direction: column;
align-items: flex-start;
}
#spaces .space .data .opts span {
padding:1px 0;
}
#spaces .space .data .opts .humans {
padding-left: 24px;
margin-bottom: 12px;
}
#spaces .space .data .opts .square {
padding-left: 32px;
}
#spaces .space .calendar fieldset {
flex-direction: column;
}
#spaces .space .calendar fieldset input {
width:100%;
margin-bottom: 12px;
}
#spaces .space .calendar .close {
width: 16px;
height: 16px;
top: 13px;
right: 14px;
}
#spaces .space .calendar button {
width:100%;
}
.newsList h3 {
grid-column: span 1;
}
.newsList > p {
grid-column: span 1;
}
.month .changeMonth.active {
flex-direction:column;
}
.month .changeMonth select {
margin-right:0;
margin-bottom:12px;
}
#mainSlider p .buttons {
margin-top:16px;
}
#mainSlider p .buttons a:nth-of-type(1), #mainSlider p .buttons a:nth-of-type(2){
padding:8px 16px;
}
#learningPanel {
padding-left:calc(50% - 118px);
}
#feedback .ajaxForm {
padding-bottom:215px;
}
#feedback.no-image .ajaxForm {
padding-bottom: 0;
}
#feedback .ajaxForm::after {
left:0;
right:0;
top:calc(100% - 191px);
bottom:0;
border-radius: 24px;
width: auto;
/* height: auto; */
height: 0;
}
.ajaxForm input, .ajaxForm select, .ajaxForm .formFooter, #feedback h2, #feedback .formIntro {
max-width:none;
}
.ajaxForm .formFooter {
display:block;
}
.ajaxForm .formFooter button {
width:100%;
margin-bottom:12px;
}
#mainFooter {
display: block;
}
#footMenu {
padding:24px 0;
}
#footMenu a {
margin:0;
margin-right: 10px;
}
#mainFooter .address{
font-size: 12px;
line-height: 21px;
margin-bottom:24px;
}
#mainFooter .contacts {
margin-bottom:24px;
}
#mainFooter .contacts a {
font-size: 12px;
line-height: 21px;
background-size: auto 21px;
padding-left:28px;
}
#mainFooter .register {
font-size: 12px;
line-height: 21px;
margin-bottom:24px;
transform: none;
}
#mainFooter .polytic {
margin-bottom:24px;
font-size: 12px;
line-height: 21px;
transform: none;
}
#mainFooter .copyright {
font-size: 12px;
line-height: 21px;
}
.bannerLink {
display:block;
margin-top:40px;
}
}
@media screen and (max-width: 373px) {
#mainHeader.scroll {
padding-bottom: 40px;
}
}
#feedback .resultBron p {
font-size: 24px;
}
.salary {
margin:24px 0;
font-weight: 500;
font-size: 24px;
line-height: 33px;
letter-spacing: -0.04em;
}
.vacAdd {
margin-bottom:4px;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.04em;
opacity: 0.7;
}
.ajaxForm .tabPanel li {
font-weight: 400;
font-size: 14px;
line-height: 17px;
}
.ajaxForm .tabPanel li::before {
width:8px;
height:8px;
}
#resFile, #resUrl {
display:none;
margin-bottom:16px;
}
#resFile.active, #resUrl.active {
display:flex;
}
#resFile {
position:relative;
margin-bottom:32px;
align-items:center;
}
#resFile input {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
}
#resFile .button {
padding:16px 25px;
border: 1px solid #CC2222;
border-radius: 12px;
font-size: 14px;
line-height: 17px;
color: #CC2222;
margin-right:20px;
}
#resFile .filename {
font-size: 12px;
line-height: 17px;
color: rgba(35, 35, 37, 0.5);
}
/*Таша*/
#block {
letter-spacing: -0.04em;
color: 232325;
}
.spisok {
display: none;
grid-template-columns: 1fr 1fr;
row-gap: 0;
column-gap: 32px;
margin-top: 32px;
justify-content: stretch;
}
.opened +.spisok {
display:grid;
}
.razv {
font-size: 16px;
margin-bottom: 48px;
}
.razv_head {
font-size: 24px;
font-family: 'Manrope';
font-style: normal;
cursor: pointer;
}
.razv_head::after {
content:'';
display: inline-block;
width: 20px;
height: 20px;
margin-left: 8px;
background: url('data:image/svg+xml; utf8, ') no-repeat center;
}
.pv {
font-size: 14px;
text-align: center;
margin-top: 8px;
font-family: 'Inter';
font-style: normal;
cursor: pointer;
}
.pv:last-of-type {
margin-bottom: 27px;
}
.pv::after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-left: 8px;
vertical-align: middle;
background: url('data:image/svg+xml; utf8, ') no-repeat center;
}
.spis {
display: flex;
column-gap: 32px;
border-bottom: #23232550 1px solid;
padding-top: 24px;
padding-bottom: 24px;
width: 100%;
font-family: 'Inter';
font-style: normal;
align-items: center;
color:#232325;
}
.spis:first-of-type {
border-top: #23232550 1px solid;
}
.spis:nth-child(2) {
border-top: #23232550 1px solid;
}
.prof {
flex: 3 1 304px;
}
.st {
flex: 2 1 140px;
}
.gor {
flex: 1 1 80px;
}
.spis:after {
content:'';
display:block;
Width: 20px;
Height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
}
.razv_head.opened {
color: #CC2222;
}
.razv_head.opened::after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
}
@media screen and (max-width: 1023px) {
.spisok {
grid-template-columns: 1fr;
}
.spis:nth-child(2) {
border-top: 0;
}
.razv {
font-size: 14px;
}
}
section.main-screen#mainSlider {
height: auto;
overflow: initial;
margin-bottom: 300px;
padding-top: 50px;
}
section.main-screen.main-screen_less-margin#mainSlider {
margin-bottom: 80px;
}
.mainBody {
overflow-x: hidden;
}
html {
overflow-x: hidden;
}
#mainSlider.main-screen h1 {
width: auto;
font-size: 48px;
font-weight: 400;
margin-bottom: 40px;
line-height: 1.2;
}
#mainSlider.main-screen p.main-screen__subtitle {
width: 60%;
font-size: 20px;
margin-bottom: 50px;
}
#mainSlider.main-screen p.main-screen__subtitle:after {
display: none;
}
#mainSlider.main-screen p.main-screen__subtitle_big {
font-size: 30px;
}
#mainSlider.main-screen p.main-screen__subtitle_less-margin {
margin-bottom: 25px;
width: 70%;
}
#mainSlider.main-screen .image {
z-index: -1;
right: calc(var(--padding) - 219px);
top: 212px;
width: 610px;
height: 610px;
}
#mainSlider.main-screen ul li:nth-of-type(6), .touch #mainMenu.main-screen .balls li:nth-of-type(6) {
left: calc(var(--padding) + 820px);
top: 573px;
}
.main-screen__title_accent {
color: #CC2222;
}
#mainSlider.main-screen h1.main-screen__title_large {
font-size: 45px;
}
.main-screen__cta-btn {
margin-top: 70px;
}
.two-column-list__title {
font-size: 30px;
margin-bottom: 30px;
font-weight: 400;
}
.two-column-list__title_accent {
color: #CC2222;
}
.two-column-list__list {
display: flex;
flex-wrap: wrap;
width: 70%;
}
.two-column-list__list_maw680 {
max-width: 680px;
width: 100%;
justify-content: space-between;
}
.two-column-list__item {
width: 50%;
font-size: 20px;
margin-bottom: 5px;
position: relative;
}
.two-column-list__item_small {
font-size: 16px;
}
@media(max-width:992px) {
.two-column-list__item_small {
font-size: 12px;
}
}
.two-column-list__item_full-width {
width: 100%;
font-size: 16px;
}
.two-column-list__item::before {
content: "";
display: inline-block;
width: 23px;
height: 15px;
background-image: url("/images/staff/icon-list.svg");
margin-right: 15px;
}
.cta-btn {
border: none;
width: 290px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: #CC2222;
color: #fff;
font-size: 20px;
border-radius: 12px;
transition: background-color 0.3s ease-out;
cursor: pointer;
}
.cta-btn:hover {
background-color: #AC0303;
}
.modal-close {
z-index: 10;
top: 15px;
right: 15px;
background-image: url(/images/staff/icon-close.svg);
width: 32px;
height: 32px;
position: absolute;
display: block;
cursor: pointer;
transition: opacity 0.3s ease-out;
}
.modal-close:hover {
opacity: 0.3;
}
.modal {
width: 996px;
z-index: 50;
}
.modal._feedback-form{
height: 100%;
top: 0;
overflow-y: auto;
}
.modal .modal-inset {
padding: 70px 190px;
}
.video-modal .modal-inset {
padding: 50px;
background: transparent;
box-shadow: none;
}
.video-modal .video-modal-wrapper {
height: 350px;
}
@media (max-width: 996px) {
.modal {
width: 100%;
top: 0 !important;
}
.modal .modal-inset {
padding: 70px;
}
.video-team__item {
flex-dierection: column;
flex-direction: column-reverse;
align-items: center;
}
.video-team__content {
width: 300px;
margin-bottom: 25px;
}
.video-team__video {
width: 100%;
}
.video-team__content {
display: flex;
}
.video-team__content {
width: 100%;
flex-wrap: wrap;
margin-bottom: 0;
}
.video-team__content-tab {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-align: center;
padding: 15px;
}
}
.modal-body__title {
font-size: 30px;
}
.modal-body__subtitle {
font-size: 20px;
margin-bottom: 20px;
}
.modal-body__cta-btn {
margin: 40px 0;
max-width: 250px;
}
.modal-body__input {
margin-bottom: 10px;
}
.form-input {
width: 100%;
height: 55px;
display: flex;
align-items: center;
padding-left: 15px;
border-radius: 12px;
border: 1px solid #DFDFDF;
font-size: 16px;
}
.form-input::-moz-placeholder {
color: #919192;
}
.form-input::placeholder {
color: #919192;
}
.check-list {
text-align: left;
}
.check-list__title {
font-size: 18px;
margin-bottom: 10px;
}
.check-list__list {
display: flex;
flex-wrap: wrap;
}
.check-list__item {
width: 50%;
line-height: 1.1;
margin-bottom: 10px;
position: relative;
display: flex;
align-items: center;
}
.check-list__item_full-width {
width: 100%;
}
.check-list__label-for-checkbox {
display: block;
width: 25px;
height: 25px;
border: 1px solid #CCCCCC;
border-radius: 5px;
margin-right: 15px;
flex: 25px 0 0;
}
.check-list__label-for-checkbox_gray {
background: #CCCCCC;
}
.check-list__checkbox-input {
z-index: -1;
opacity: 0;
position: absolute;
}
.check-list__checkbox-input:checked + .check-list__label-for-checkbox {
background: #CC2222;
border: none;
background-image: url(/images/staff/icon-check-white.svg);
background-position: center;
background-repeat: no-repeat;
}
.check-list__text-item {
font-size: 16px;
}
.check-list__text-item_small {
font-size: 14px;
}
.check-list__text-item_accent {
color: #232325;
}
@media (max-width: 690px) {
.check-list__list {
flex-direction: column;
}
.check-list__item {
width: 100%;
}
}
h2.section-title {
display: flex;
align-items: center;
font-weight: 400 !important;
}
h2.section-title::before {
content: "";
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: url("/images/staff/icon-double-arrow-down.svg") no-repeat center/cover;
margin-right: 15px;
}
h2.section-title--with-subtitle {
margin-bottom: 5px;
}
.section-subtitle {
margin-bottom: 40px;
}
.section-sub {
margin-top: -45px;
font-size: 20px;
margin-bottom: 30px;
}
.horizontal-form__flex-wrap {
display: flex;
align-items: flex-start;
/* align-items: center; */
}
.horizontal-form__flex-wrap_between {
justify-content: space-between;
}
.horizontal-form__input,.ajaxForm .horizontal-form__input {
width: 40%;
}
.horizontal-form__btn {
width: 190px;
}
.horizontal-form__check-list {
margin-top: 40px;
}
.horizontal-form__check-list-item {
width: auto;
margin-right: 35px;
font-size: 12px;
color: #919192;
}
.achievment-cards {
display: flex;
align-items: stretch !important;
flex-wrap: wrap;
justify-content: space-between !important;
}
.achievment-cards__item {
border-radius: 24px;
background-color: #fff;
margin-bottom: 30px;
padding: 32px;
display: flex;
flex-direction: column;
width: 49%;
}
.achievment-cards__icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 15px;
}
.achievment-cards__text {
font-size: 20px;
line-height: 1.4;
margin-bottom: 0 !important;
}
#achievments .balls li:nth-of-type(3) {
display: none;
}
.section-text {
font-size: 20px;
margin-bottom: 45px;
}
.team-block {
display: flex;
justify-content: space-between;
}
.team-block__item {
padding: 0 35px;
user-select: text;
}
.team-block__content {
position: relative;
margin-bottom: 15px;
font-size: 14px;
}
.team-block__subname, .team-block__name {
font-weight: 500;
}
.team-block__hidden-description {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 25px 12px;
background-color: rgba(0,0,0,.7);
border-radius: 24px;
color: #fff;
overflow: scroll;
line-height: 1.3;
transition: opacity .3s ease-out;
}
.team-block__image img {
width: 192px;
height: 250px;
object-fit: cover;
border-radius: 24px;
}
.team-block__name {
margin-bottom: 5px;
}
.team-block__description {
font-size: 12px;
}
.team-block__item:hover .team-block__hidden-description {
opacity: 0;
}
.slick-slider-arrow {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 30px;
}
.slick-slider-arrow svg {
margin-left: 25px;
}
.team-grid-arrow {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 30px;
}
.team-grid-arrow svg {
margin-left: 25px;
}
.slick-dots {
display: flex;
justify-content: center;
margin-top: 30px;
}
.slick-dots button {
display: none;
}
.slick-dots li {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #DFDFDF;
margin: 0 10px;
}
.slick-dots li.slick-active {
background-color: #CC2222;
}
#questions {
background: #F4F4F4;
}
.accordion__item {
border-bottom: 1px solid #CC2222;
padding: 25px 0;
}
.accordion__heading {
display: flex;
justify-content: space-between;
cursor: pointer;
}
.accordion__title {
font-size: 20px;
padding-right: 40px;
}
.accordion__item--is-opened .accordion__title {
color: #CC2222;
}
.accordion__icon {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
transition: transform .3s ease-out;
}
.accordion__item--is-opened .accordion__icon {
transform: rotate(180deg);
}
.accordion__content {
display: none;
padding-top: 25px;
}
.accordion__content ul {
list-style: disc;
padding-left: 30px;
}
.clients-slider__item {
padding: 0 15px;
text-align: center;
}
.clients-slider__image {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.clients-slider__text {
color: #919192;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
.clients-slider__text_big {
font-size: 22px;
line-height: 1.4;
}
#our-sertificate {
background-color: #F4F4F4;
}
.sertificate-modal .modal-inset {
padding: 0;
}
.sertificate-modal .modal {
top: 5%;
height: 100vh;
width: auto;
overflow-y: auto;
}
.payment-modal .modal {
top: 5%;
}
.sertificate-block__item {
width: 65%;
display: flex;
margin-bottom: 35px;
align-items: flex-start;
}
.sertificate-block__image {
position: relative;
margin-right: 60px;
transition: opacity .3s ease-out;
z-index: 2;
}
.sertificate-block__image::after {
content: 'Увеличить';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
opacity: 0;
background: rgba(0,0,0, .7);
justify-content: center;
align-items: center;
color: #fff;
border-radius: 24px;
}
.sertificate-block__image:hover::after {
opacity: 1;
}
.sertificate-block__image img {
border-radius: 24px;
}
.sertificate-block__title {
position: relative;
font-size: 20px;
margin-bottom: 15px;
}
.sertificate-block__title::before {
content: '';
position: absolute;
width: 120%;
left: -50%;
bottom: -5px;
height: 1px;
background-color: #CC2222;
z-index: 1;
}
.sertificate-block__item-right-dierection {
margin-left: auto;
}
.sertificate-block__text {
font-size: 14px;
}
.sertificate-block__item-right-dierection .sertificate-block__image {
margin-right: 0;
margin-left: 60px;
}
.sertificate-block__item-right-dierection .sertificate-block__title::before {
left: 0;
right: -50%;
}
#services {
background-color: #fff;
}
#services.services ul li {
background-color: #F4F4F4;
position: relative;
}
#services.services ul li.serv-item::after {
content: '';
position: absolute;
top: 30px;
right: 20px;
left: initial;
width: 30px;
height: 30px;
background: url('/images/staff/icon-arrow-down.svg') no-repeat center / contain;
transition: transform .3s ease-out;
}
.noTouch #services.services ul li.serv-item:hover::after {
transform: rotate(180deg);
}
#feedback.feedback .ajaxForm::after {
background: none;
}
.feedback-flex-wrapper {
display: flex;
justify-content: space-between;
}
.feedback-flex-wrapper .ajaxForm {
width: 50%;
}
.feedback-flex-wrapper .feedback-sldier {
width: 50%;
}
.feedback-sldier {
margin-top: -10px;
margin-left: 10px;
}
#feedback.feedback .ajaxForm {
padding: 0;
}
.feedback-sldier__slider-item {
border-radius: 24px;
}
.feedback-sldier__slider-item img {
height: 349px;
width: 100%;
object-fit: cover;
border-radius: 24px;
}
.radio-button-flex-wrapper {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.radio-btn {
display: flex;
align-items: center;
margin-right: 25px;
cursor: pointer;
}
.radio-btn input {
opacity: 0;
position: absolute;
}
.radio-btn label {
font-size: 14px;
cursor: pointer;
color: #919192;
}
.radio-btn label::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #919192;
border-radius: 50%;
margin-right: 10px;
position: relative;
top: 3px;
}
.radio-btn input:checked + label {
color: #CC2222;
}
.radio-btn input:checked + label::before {
background-color: #CC2222;
border: 1px solid #CC2222;
}
.slick-arrow {
cursor: pointer;
}
#our-offers {
background-color: #f4f4f4;
}
.our-offers-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.our-offers-block__column {
width: 48%;
}
.our-offers-block__item {
padding: 20px 0;
border-bottom: 1px solid #CC2222;
display: flex;
align-items: center;
justify-content: space-between;
}
.our-offers-block__item_with-slide-down-content {
flex-wrap:wrap
}
.our-offers-block__item_with-slide-down-content .slide-down-content {
width: 100%;
margin-top: 15px;
}
.our-offers-block__text {
padding-right: 40px;
line-height: 1.4;
}
.our-offers-block__count {
font-size: 30px;
color: #B6B6B6;
}
.advantages-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.advantages-block__item {
width: 32%;
padding: 32px;
border-radius: 24px;
background-color: #F4F4F4;
margin-bottom: 15px;
}
.advantages-block__icon {
margin-bottom: 30px;
}
.advantages-block__text {
font-size: 20px;
}
.post-finding_gray {
background-color: #f4f4f4;
}
#mainSlider.main-screen ul li:nth-of-type(5), .touch #mainMenu .balls li:nth-of-type(5) {
left: -40px;
}
.sertificate-block__image .image-mobile {
display: none;
}
.size-title {
font-size: 20px !important;
}
.size-text {
font-size: 16px !important;
}
#my-video, #my-video1, #my-video2 {
width: 100%;
height: 100%;
}
.video-team.mobile {
display: none;
}
@media (max-width: 1440px) {
#mainSlider.main-screen .image {
width: 440px;
height: 440px;
right: calc(var(--padding) - 1px);
top: 332px;
}
#mainSlider.main-screen p.main-screen__subtitle {
margin-bottom: 30px;
}
#mainSlider.main-screen h1 {
font-size: 30px;
margin-bottom: 20px;
}
#mainSlider.main-screen p.main-screen__subtitle {
font-size: 16px;
}
.two-column-list__item {
width: 100%;
font-size: 16px;
}
.two-column-list__title {
margin-bottom: 15px;
font-size: 25px;
}
#mainSlider.main-screen ul li:nth-of-type(6), .touch #mainMenu.main-screen .balls li:nth-of-type(6) {
left: calc(var(--padding) + 520px);
top: 643px;
}
section.main-screen#mainSlider {
margin-bottom: 150px;
}
.horizontal-form__input,.ajaxForm .horizontal-form__input{
width: 37%;
}
.horizontal-form__check-list {
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
}
.form-input {
height: 50px;
font-size: 14px;
}
.sertificate-block__item {
width: 80%;
}
.sertificate-block__item-right-dierection {
margin-top: 30px;
}
.two-column-list_width-half {
width: 57%;
}
#mainSlider.main-screen p.main-screen__subtitle_big {
font-size: 25px;
line-height: 1.4;
}
.advantages-block__text {
font-size: 20px;
}
.advantages-block__item {
width: 49%;
padding: 25px;
}
}
@media (max-width: 1024px) {
#mainSlider.main-screen .image {
width: 330px;
height: 330px;
}
#mainSlider.main-screen h1 {
font-size: 24px;
}
#mainSlider.main-screen p.main-screen__subtitle {
font-size: 12px;
line-height: 1.4;
margin-bottom: 15px;
}
.main-screen-offer__item {
width: 48%;
}
.two-column-list__title {
font-size: 20px;
}
.two-column-list__item {
font-size: 12px;
}
.two-column-list__item::before {
position: relative;
top: 7px;
width: 15px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
}
.cta-btn {
max-width: 240px;
font-size: 16px;
}
.main-screen__cta-btn {
margin-top: 30px;
}
#mainSlider.main-screen .image {
right: initial;
top: 222px;
left: 430px;
}
#mainSlider.main-screen ul li:nth-of-type(6), .touch #mainMenu.main-screen .balls li:nth-of-type(6) {
left: calc(var(--padding) + 380px);
top: 443px;
}
.section-title::before {
width: 15px;
height: 15px;
margin-right: 10px;
}
.check-list__label-for-checkbox {
background-size: 12px !important;
width: 20px;
height: 20px;
}
.section-subtitle {
margin-bottom: 30px;
}
.horizontal-form__btn {
width: 160px;
}
.achievment-cards__text {
font-size: 16px;
}
.section-text {
font-size: 16px;
}
.team-block__description {
line-height: 1.4;
}
.team-block__hidden-description {
font-size: 9px;
}
.accordion__title {
font-size: 18px;
}
.accordion__content {
font-size: 14px;
}
.clients-slider__text {
font-size: 9px;
}
.clients-slider__text_big {
font-size: 16px;
}
.sertificate-block__item {
width: 100%;
}
.sertificate-block__item-right-dierection {
margin-top: 30px;
}
.sertificate-block__title {
font-size: 16px;
}
.sertificate-block__text {
font-size: 12px;
}
.sertificate-block__title:before {
width: 130%;
left: -30%;
}
.sertificate-block__item-right-dierection .sertificate-block__title:before {
right: -30%;
left: 0;
}
#services.services ul li.serv-item::after {
width: 20px;
}
#mainSlider.main-screen p.main-screen__subtitle_big {
font-size: 20px;
}
.our-offers-block {
flex-direction: column;
}
.our-offers-block__column {
width: 100%;
}
.two-column-list_width-half {
width: 50%;
}
}
@media (max-width: 768px) {
.size-title {
font-size: 16px;
}
.video-modal .video-modal-wrapper {
height: 185px;
}
.size-text {
font-size: 14px !important;
}
.video-team__item {
flex-direction: column;
}
#mainSlider.main-screen .image {
width: 200px;
height: 200px;
top: 280px;
right: 0;
z-index: -1;
left: initial;
}
#programs div article .title {
font-size: 16px;
line-height: 1.4;
}
#mainSlider.main-screen h1 {
font-size: 20px;
margin-bottom: 10px;
}
#mainSlider.main-screen h1.main-screen__title_large {
font-size: 20px;
}
#mainSlider.main-screen p.main-screen__subtitle {
font-size: 14px;
margin-bottom: 10px;
width: 100%;
}
.main-screen-offer__item {
width: 100%;
}
.main-screen-offer__title {
font-size: 16px;
}
.main-screen-offer__text {
font-size: 14px;
}
.main-screen-offer {
padding: 30px 15px;
}
.two-column-list__title {
font-size: 16px;
margin-bottom: 10px;
line-height: 1.4;
}
.two-column-list__item {
font-size: 9px;
margin-bottom: 0px;
}
.cta-btn {
width: 150px;
height: 40px;
font-size: 14px;
}
#mainSlider.main-screen ul li:nth-of-type(6), .touch #mainMenu.main-screen .balls li:nth-of-type(6) {
left: 130px;
top: 533px;
}
.modal .modal-inset {
padding: 25px;
}
.modal-body__title {
font-size: 25px;
}
.modal-body__subtitle {
font-size: 15px;
line-height: 1.4;
}
.modal-body__cta-btn {
margin: 15px 0 30px 0;
}
.check-list__label-for-checkbox {
flex: 20px 0 0;
}
.check-list__text-item {
font-size: 14px;
}
.check-list__text-item_small {
font-size: 9px;
}
section.main-screen#mainSlider {
margin-bottom: 120px;
}
.section-subtitle {
font-size: 12px;
margin-bottom: 15px;
}
.horizontal-form__flex-wrap {
flex-direction: column;
align-items: flex-start;
}
.horizontal-form__input,.ajaxForm .horizontal-form__input {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.achievment-cards__item {
width: 100%;
padding: 22px;
margin-bottom: 10px;
}
.achievment-cards__text {
font-size: 12px;
}
.achievment-cards__icon {
margin-bottom: 5px;
background-size: 35px;
}
.section-text {
font-size: 12px;
}
.accordion__title {
font-size: 16px;
}
.accordion__content {
font-size: 12px;
padding-top: 15px;
}
.accordion__item {
padding: 15px 0;
}
.sertificate-block__item {
width: 100%;
}
.sertificate-block__image {
width: 120px;
flex: 120px 0 0;
}
.sertificate-block__image img {
width: 120px;
height: 160px;
object-fit: cover;
object-position: left;
}
.sertificate-block__image .image-mobile {
display: block;
}
.sertificate-block__image .image-desctop {
display: none;
}
.sertificate-block__image {
margin-right: 15px;
}
.sertificate-block__item-right-dierection .sertificate-block__image {
margin-left: 15px;
}
.sertificate-modal .modal-inset {
padding: 0;
}
#services.services ul li.serv-item::after {
display: none;
}
.feedback-flex-wrapper {
flex-direction: column;
}
.feedback-flex-wrapper .feedback-sldier{
margin-top: 25px;
width: 100%;
margin-left: 0;
}
.feedback-sldier__slider-item img {
height: auto;
width: 100%;
}
#feedback.feedback .ajaxForm {
width: 100%;
}
#mainSlider.main-screen p.main-screen__subtitle_big {
font-size: 16px;
}
.our-offers-block__text {
font-size: 12px;
}
.our-offers-block__item {
padding: 5px 0;
}
.advantages-block__item {
width: 100%;
}
.advantages-block__text {
font-size: 12px;
}
.advantages-block__icon {
margin-bottom: 10px;
}
.modal-body__subtitle {
font-size: 12px;
}
.video-modal .modal-inset {
padding: 50px 0 0 0;
}
#mainSlider.main-screen ul li:nth-of-type(6), .touch #mainMenu.main-screen .balls li:nth-of-type(6) {
top: 450px;
}
.team-block__item {
padding: 0 10px;
}
.team-block__image img {
width: 100%;
height: 100%;
}
.hover-block__item {
width: 100%;
}
.hover-block__form fieldset {
flex-direction: column;
}
.hover-block__form fieldset input {
margin: 0;
margin-bottom: 15px;
}
.hover-block__item-title {
font-size: 18px;
}
.hover-block__item-text {
font-size: 15px;
}
.hover-block__form-title {
font-size: 18px;
}
.hover-block__form-text {
font-size: 15px;
}
.buttons-date {
position: initial;
}
}
.section-block-1 {
display: flex;
justify-content: space-between;
}
.no-repeat-bg {
background-position: center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.section-block-1__content {
color: #fff;
max-width: 650px;
}
.section-block-1__title {
font-size: 30px;
margin-bottom: 20px;
font-weight: 600;
line-height: 1.3;
}
.section-block-1__image {
margin-left: -70px;
}
.section-block-1__image_video {
margin-left: 0;
flex: 700px 0 0;
height: 394px;
margin-right: 60px;
}
@media (max-width: 1440px) {
.section-block-1__image_video {
flex: 510px 0 0;
height: 287px;
}
}
@media (max-width: 992px) {
.section-block-1__image_video {
height: 210px;
flex: auto;
width: 100%;
}
.section-block-1-video {
flex-direction: column-reverse;
}
}
@media (max-width: 576px) {
.section-block-1__image_video {
width: 100%;
}
}
.section-block-1__text {
font-size: 20px;
margin-bottom: 15px;
font-weight: 500;
}
.section-block-1__text_white {
color: #fff !important;
}
.button-white {
padding: 16px 38px;
font-size: 20px;
line-height: 17px;
color: #CC2222;
background: #fff;
border-radius: 12px;
transition: all 0.3s ease;
display: inline-block;
text-align: center;
min-width: 290px;
margin: 20px 0;
}
.button-white:hover {
background-color: #eee;
}
#services ul.one-coulmn-grid {
display: block;
max-width: 640px;
}
#services ul.one-coulmn-grid.one-coulmn-grid-center {
display: flex;
flex-direction: column;
justify-content: center;
}
.services-flex-wrapper {
display: flex;
justify-content: space-between;
}
.noTouch #services ul li.hover-background:hover {
background-color: #F4F4F4;
}
.noTouch #services ul li.hover-background p {
color: #000;
}
.services-image {
margin-right: -120px;
}
.section-gray {
background-color: #F4F4F4;
}
.feedback-team {
display: flex;
justify-content: space-between;
}
.feedback-team__content {
max-width: 700px;
}
.feedback-team__title {
font-weight: 500;
font-size: 30px;
margin-bottom: 15px;
}
.feedback-team__image {
position: relative;
}
.feedback-team__subtitle {
font-size: 20px;
margin-bottom: 45px;
}
.input-white {
background-color: #fff !important;
}
.min700 {
min-width: 700px;
}
.ajaxForm input.w100 {
width: 100%;
max-width: 100%;
}
.ajaxForm button.button-large {
min-width: 350px;
font-size: 20px;
}
.ajaxForm button.button-large.min300 {
min-width: 300px;
}
.mt20 {
margin-top: 20px;
}
a.accent-link {
color: #CC2222 !important;
}
section.white-section {
background-color: #fff !important;
}
.sertificate-block-slider-arrows {
display: flex;
justify-content: flex-end;
}
.sertificate-block-slider-arrows svg {
margin-left: 15px;
cursor: pointer;
}
.letter-slider-arrows{
display: flex;
justify-content: flex-end;
margin-bottom: 30px;
}
.letter-slider__item img {
margin: auto;
}
.letter-slider-arrows svg {
margin-left: 15px;
cursor: pointer;
}
.team-grid {
display: flex;
justify-content: space-between;
}
.team-grid__lead {
width: 48%;
background-color: #fff;
padding: 30px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
display: flex;
justify-content: space-between;
height: 580px;
}
@media (max-width: 1440px) {
.team-grid__lead {
height: 630px;
}
}
@media (max-width: 1200px) {
.team-grid__lead {
height: 650px;
}
}
.team-grid__lead-text {
width: 48%;
}
.team-grid-mobile__item .team-grid__lead {
height: auto;
}
.team-grid__lead-text p {
font-size: 16px;
margin-bottom: 21px;
line-height: 1.7;
}
.team-grid__lead-text p:last-child {
margin-bottom: 0;
}
.team-grid__content {
width: 48%;
}
.team-grid__image, .team-grid__alone-image {
margin-bottom: 30px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
.team-grid__image img, .team-grid__alone-image img {
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
.team-grid__alone {
cursor: pointer;
margin-bottom: 30px;
}
.team-grid__name {
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
}
.team-grid__description {
font-size: 14px;
}
.team-grid__desciption {
font-size: 14px;
}
.team-grid__wrapper {
width: 48%;
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}
.letter-slider__item img {
background-color: #F4F4F4;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding: 12px;
}
.letter-slider__item {
cursor: pointer;
}
.feedback-team {
position: relative;
}
#feedbackTeamSection .balls li:nth-of-type(1) {
animation-name: ball1_1;
animation-duration: 11s;
width: 178px;
height: 178px;
background: #CC2222;
}
#feedbackTeamSection .balls li:nth-of-type(2) {
animation-name: ball1_2;
animation-duration: 4s;
width: 141px;
height: 141px;
background: #FFFFFF;
filter: blur(7px);
}
#feedbackTeamSection .balls li:nth-of-type(3) {
animation-name: ball1_3;
width: 186px;
height: 186px;
background: #DDDDDD;
filter: blur(2px);
}
#feedbackTeamSection .balls li:nth-of-type(4) {
animation-name: ball1_4;
animation-duration: 7s;
width: 69px;
height: 69px;
background: #DDDDDD;
}
#feedbackTeamSection .balls li:nth-of-type(5) {
animation-name: ball1_5;
animation-duration: 8s;
width: 115px;
height: 115px;
background: #FFFFFF;
filter: blur(7px);
}
#feedbackTeamSection .balls li:nth-of-type(6) {
animation-name: ball1_6;
animation-duration: 9s;
width: 23px;
height: 23px;
background: #CC2222;
}
#feedbackTeamSection .balls li:nth-of-type(1) {
left: 41px;
top: -27px;
}
#feedbackTeamSection .balls li:nth-of-type(3) {
left: 388px;
top: 264px;
}
#feedbackTeamSection .balls li:nth-of-type(4) {
right: -121px;
top: 32px;
}
#feedbackTeamSection .balls li:nth-of-type(5) {
right: -221px;
top: 141px;
}
#feedbackTeamSection .balls li:nth-of-type(6) {
right: -135px;
top: 190px;
}
#feedbackTeamSection .balls li:nth-of-type(2) {
display: none;
}
.team-grid-mobile {
display: none;
}
#services ul li.services-no-hover {
max-height: 400px;
}
.noTouch #indexBody #services ul li.services-no-hover:hover {
background: #cc2222;
color: #fff;
}
.noTouch #indexBody #services ul li.services-no-hover:hover p, .noTouch #indexBody #services ul li.services-no-hover:hover span {
color: #fff;
}
.header-accent {
font-size: 20px;
color: #CC2222;
margin-bottom: 15px;
}
.custom-services-list {
margin-left: auto;
position: relative;
z-index: 2;
margin-top: 150px;
}
.card-grid {
display: flex;
flex-wrap: wrap;
}
.card-grid__item {
width: 31%;
padding: 30px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
border: 1px solid #C8C8C8;
margin-bottom: 30px;
margin-right: 30px;
background-color: #fff;
}
.card-grid__icon {
margin-bottom: 30px;
}
.card-grid__title {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
height: 70px;
}
.card-grid__title.auto {
height: auto;
display: flex;
align-items: end;
position: relative;
white-space: nowrap;
}
.card-grid__title.auto:after {
content: '';
height: 1px;
width: 100%;
background-color: #CC2222;
display: block;
margin-left: 35px;
bottom: 9px;
position: relative;
}
.card-grid__text {
font-size: 16px;
}
.card-grid__item--accent {
background-color: #CC2222;
}
.card-grid__item--accent .card-grid__text {
color: #fff;
}
.card-grid__item--accent .size-title {
color: #fff;
margin-bottom: 20px;
display: block;
}
.card-grid__item--accent a {
width: 150px;
height: 50px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background-color: #fff;
color: #000;
display: flex;
align-items: center;
justify-content: center;
}
#indexBody #services .image-right {
left: calc(var(--padding) - 80px);
z-index: 2;
}
#indexBody #services.section-gray {
background: #F4F4F4;
}
.numbers__row {
display: flex;
margin-bottom: 60px;
}
.numbers__row-end {
display: flex;
justify-content: flex-end;
}
.numbers__item {
width: 295px;
height: 276px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
margin-right: 60px;
background-color: #fff;
position: relative;
overflow: hidden;
padding: 50px 25px;
text-align: center;
}
.numbers__text {
position: relative;
z-index: 2;
font-size: 20px;
font-weight: 500;
}
.numbers__row .numbers__item:nth-child(1) {
display: flex;
align-items: flex-end;
}
.numbers__row .numbers__item:nth-child(1) .numbers__icon {
position: absolute;
top: 40px;
left: 0px;
z-index: 1;
}
.numbers__row .numbers__item:nth-child(2) {
display: flex;
align-items: center;
}
.numbers__row .numbers__item:nth-child(2) .numbers__icon {
position: absolute;
top: 1px;
left: -5px;
z-index: 1;
}
.numbers__row .numbers__item:nth-child(3) {
display: flex;
align-items: flex-start;
}
.numbers__row .numbers__item:nth-child(3) .numbers__icon {
position: absolute;
top: 10px;
right: -10px;
z-index: 1;
}
.numbers__row-end .numbers__item:nth-child(2) {
display: flex;
align-items: center;
}
.numbers__row-end .numbers__item:nth-child(2) .numbers__icon {
position: absolute;
top: 50px;
left: 0px;
z-index: 1;
}
.numbers__row-end .numbers__item:nth-child(3) {
display: flex;
align-items: center;
}
.numbers__row-end .numbers__item:nth-child(3) .numbers__icon {
position: absolute;
top: 20px;
left: -10px;
z-index: 1;
}
.numbers__row-end .numbers__item:nth-child(4) {
display: flex;
align-items: center;
color: #fff;
background-color: #CC2222;
}
.numbers__item-mobile {
display: none !important;
}
.section-subtitle-large {
font-size: 20px;
margin-bottom: 40px;
margin-top: -10px;
}
.lego-block {
position: relative;
display: flex;
justify-content: space-between;
z-index: 2;
}
.lego-block__image {
margin-left: -50px;
position: relative;
z-index: 2;
}
.lego-block__title {
font-weight: 500;
font-size: 20px;
margin-bottom: 25px;
}
.lego-block__wrapp {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.lego-block__card {
width: 48%;
padding: 30px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 1px solid #C8C8C8;
margin-bottom: 30px;
}
.lego-block__card-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.lego-block__card-text {
font-size: 16px;
}
#legoBlock .balls {
z-index: 1;
}
#legoBlock .balls li:nth-of-type(1) {
animation-name: ball1_1;
animation-duration: 11s;
width: 178px;
height: 178px;
background: #CC2222;
}
#legoBlock .balls li:nth-of-type(2) {
animation-name: ball1_2;
animation-duration: 4s;
width: 141px;
height: 141px;
background: #FFFFFF;
filter: blur(7px);
}
#legoBlock .balls li:nth-of-type(3) {
animation-name: ball1_3;
width: 186px;
height: 186px;
background: #DDDDDD;
filter: blur(2px);
}
#legoBlock .balls li:nth-of-type(4) {
animation-name: ball1_4;
animation-duration: 7s;
width: 69px;
height: 69px;
background: #DDDDDD;
}
#legoBlock .balls li:nth-of-type(5) {
animation-name: ball1_5;
animation-duration: 8s;
width: 115px;
height: 115px;
background: #FFFFFF;
filter: blur(7px);
}
#legoBlock .balls li:nth-of-type(6) {
animation-name: ball1_6;
animation-duration: 9s;
width: 23px;
height: 23px;
background: #CC2222;
}
#legoBlock .balls li:nth-of-type(1) {
left: -69px;
bottom: 90px
}
#legoBlock .balls li:nth-of-type(3) {
left: 168px;
bottom: 134px;
}
#legoBlock .balls li:nth-of-type(4) {
right: 136px;
top: -18px;
}
#legoBlock .balls li:nth-of-type(5) {
right: -221px;
top: 141px;
}
#legoBlock .balls li:nth-of-type(6) {
right: 75px;
top: 20px;
}
#legoBlock .balls li:nth-of-type(2) {
display: none;
}
.madeFor {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.madeFor__item {
width: 310px;
}
.madeFor__image img {
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
.madeFor__image {
margin-bottom: 30px;
}
.madeFor__title {
font-size: 20px;
margin-bottom: 20px;
font-weight: 500;
}
.madeFor__text {
font-size: 16px;
}
.madeFor-info {
font-size: 20px;
margin-bottom: 10px;
}
.madeFor-info span {
font-weight: 700;
}
#mainSlider p .buttons_large.mt50 {
margin-top: 50px;
}
#mainSlider p.w100 {
width: 100%;
}
section.pb100 {
padding-bottom: 100px;
}
.d-cards {
display: flex;
justify-content: space-between;
padding-left: 30px;
position: relative;
right: -60px;
}
.d-cards__image {
position: absolute;
left: -250px;
top: -30px;
}
.d-cards__item {
width: 20%;
padding: 30px 30px 60px 30px;
transform: perspective(600px) rotateY(-17deg);
max-width: 370px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
border: 1px solid #C8C8C8;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
background-color: #fff;
}
.d-cards__item:hover {
transform: perspective(600px) rotateY(0deg);
background-color: #F4F4F4;
}
.d-cards__score {
font-size: 34px;
color: #CC2222;
font-weight: 700;
margin-bottom: 20px;
}
.d-cards__title {
font-size: 20px;
font-weight: 500;
margin-bottom: 30px;
}
.d-cards__text {
font-size: 16px;
}
h2.section-title.mb90 {
margin-bottom: 90px;
}
#fiveReasons ol > li .header.mb20 {
margin-bottom: 20px;
display: block;
}
#programs div article .buttons.pt20 {
padding-top: 20px;
}
#programs.mb50 {
margin-bottom: 50px;
}
section.main-screen.mb440#mainSlider {
margin-bottom: 440px;
}
.game-result {
position: relative;
display: flex;
justify-content: space-between;
}
.game-result__content {
width: 60%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.game-result__image {
margin-left: -30px;
position: relative;
z-index: 2;
}
.game-result__image img {
width: 360px;
height: 360px;
object-fit: cover;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.game-result__item {
width: 45%;
margin-bottom: 50px;
}
.game-result__text {
font-size: 20px;
margin-top: 30px;
font-weight: 500;
}
.game-result__text_small {
font-size: 15px;
}
.game-price {
background-color: #fff;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
padding: 40px 60px;
display: flex;
justify-content: space-between;
}
.game-price__image {
margin-right: 140px;
}
.game-price__content {
width: 60%;
}
.game-price__row {
display: flex;
align-items: center;
margin-bottom: 23px;
}
.game-price__icon {
margin-right: 15px;
width: 54px;
display: flex;
justify-content: center;
}
.game-price__text_accent {
font-size: 24px;
font-weight: 700;
color: #CC2222;
}
.bottom-menu > ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #DFDFDF;
padding: 0px var(--padding);
}
.bottom-menu > ul > li {
height: 40px;
display: flex;
align-items: center;
}
.bottom-menu > ul a, .bottom-menu > ul span {
color: #313131;
font-size: 16px;
font-weight: 500;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bottom-menu ul a:hover, .bottom-menu > ul span:hover {
color: #CC2222;
}
.bottom-menu li.has-children > ul {
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bottom-menu li.has-children {
position: relative;
z-index: 3;
}
.bottom-menu li.has-children > ul {
position: absolute;
left: 0;
top: 40px;
}
.bottom-menu li.has-children:hover > ul {
opacity: 1;
visibility: visible;
z-index: 1;
}
.bottom-menu li.has-children > ul {
padding: 0;
background-color: #fff;
-webkit-box-shadow: 0px 0px 23px 3px rgba(34, 60, 80, 0.18);
-moz-box-shadow: 0px 0px 23px 3px rgba(34, 60, 80, 0.18);
box-shadow: 0px 0px 23px 3px rgba(34, 60, 80, 0.18);
padding: 20px 0;
}
.bottom-menu li.has-children > ul > li {
padding: 0 20px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bottom-menu li.has-children > ul > li:hover {
background-color: #CC2222;
}
.bottom-menu li.has-children > ul > li:hover > a {
color: #fff;
text-align: center;
}
.bottom-menu li.has-children > ul a {
font-size: 14px;
white-space: nowrap;
}
.has-children-icon {
position: absolute;
right: -20px;
top: 5px;
z-index: 5;
cursor: pointer;
}
.callbacktrigger {
margin-left: 62px;
display: flex;
height: 40px;
width: 150px;
justify-content: center;
align-items: center;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 1px solid #CC2222;
}
.bottom-menu .has-children-lvl-2 {
position: relative;
}
.bottom-menu .has-children-lvl-2 > ul {
position: absolute;
top: 0;
left: 90%;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bottom-menu .has-children-lvl-2:hover > ul {
opacity: 1;
left: 100%;
visibility: visible;
z-index: 2;
}
.bottom-menu .has-children-lvl-2 > ul {
background: #fff;
-webkit-box-shadow: 0px 0px 23px 3px rgba(34, 60, 80, 0.18);
-moz-box-shadow: 0px 0px 23px 3px rgba(34, 60, 80, 0.18);
box-shadow: 0px 0px 23px 3px rgba(34, 60, 80, 0.18);
}
.bottom-menu .has-children-lvl-2 > ul > li {
padding: 0 20px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
text-align: center;
}
.bottom-menu .has-children-lvl-2 > ul > li:hover > a {
color: #fff;
}
.bottom-menu .has-children-lvl-2 > ul > li:hover {
background-color: #CC2222;
}
.bottom-menu .has-children-lvl-2 > ul > li > a {
color: #000;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bottom-menu-hidden {
margin-bottom: 30px;
}
.bottom-menu-hidden a, .bottom-menu-hidden span {
font-size: 14px;
color: #313131;
}
.bottom-menu-hidden .menu-sub-lvl-2 a {
font-size: 12px;
}
.bottom-menu-hidden .menu-sub-lvl-2 li {
line-height: 1.2;
margin-bottom: 10px;
}
.bottom-menu-hidden ul ul {
display: none;
}
.bottom-menu-hidden li.has-children > ul {
padding-left: 20px;
}
.bottom-menu-hidden li.has-children-lvl-2 ul {
padding-left: 40px;
}
.bottom-menu-hidden li.has-children {
position: relative;
}
.bottom-menu-hidden .has-children-icon, .bottom-menu-hidden .has-children-icon-lvl-2 {
position: absolute;
right: -25px;
top: -5px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.bottom-menu-hidden .has-children-icon svg, .bottom-menu-hidden .has-children-icon-lvl-2 svg {
width: 10px;
}
.bottom-menu-hidden .has-children-lvl-2 {
position: relative;
}
/*#feedbackTeamSection .resultBron p {
font-size: 24px;
}*/
.simple-callback .modal {
top: 5%;
}
#mainSlider .balls li {
z-index: -1;
}
section.main-screen.center-content#mainSlider {
margin-bottom: 210px;
padding-top: 160px;
}
.mainBody section.more-space {
padding: 150px var(--padding);
}
section#mainSlider.centerContent {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 var(--padding);
}
.grecaptcha-badge {visibility: hidden;}
#mainSlider .image.rounded {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
@media(min-width:992px) {
#mainSlider.games .image.rounded {
width: 400px;
height: 400px;
}
}
@media(min-width:1440px) {
#mainSlider.games .image.rounded {
width: 600px;
height: 600px;
}
}
#open-programs .open-program-cards {
display: flex;
justify-content: space-between;
}
#open-programs .open-program-cards .item {
max-width: 300px;
}
#open-programs .open-program-cards .item-heading {
background-color: #CC2222;
-webkit-border-radius: 24px 24px 0 0;
-moz-border-radius: 24px 24px 0 0;
border-radius: 24px 24px 0 0;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0;
color: #fff;
flex-direction: column;
text-align: center;
}
#open-programs .open-program-cards .item-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
#open-programs .open-program-cards .item-subtitle {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
#open-programs .open-program-cards .item-content {
padding: 30px;
-webkit-border-radius: 0 0 24px 24px;
-moz-border-radius: 0 0 24px 24px;
border-radius: 0 0 24px 24px;
background-color: #fff;
}
#open-programs .open-program-cards .item-text {
font-size: 16px;
line-height: 1.7;
}
#open-programs .open-program-cards .item-list {
margin: 0;
list-style: disc;
padding-left: 15px;
font-size: 16px;
}
#mainSlider p .buttons a.w100 {
width: 100%;
text-align: center;
}
#mainSlider .small-notice {
margin-top: -190px;
margin-bottom: 50px;
font-size: 23px;
}
#mainSlider .small-notice.mt200 {
margin-top: 100px;
}
@media (max-width: 1440px) {
#mainSlider.main-screen .image.main-screen-coop-image {
right: calc(var(--padding) - 130px);
}
.section-block-1__image img {
max-width: 400px;
}
.section-block-1__image {
margin-right: 30px;
}
.coop-services-image {
margin-left: 30px;
}
.feedback-team__image {
margin-right: 60px;
}
.feedback-team__image img {
max-width: 300px;
}
.bottom-menu > ul a, .bottom-menu > ul span {
font-size: 13px;
}
#feedbackTeamSection .balls li:nth-of-type(1) {
left: -49px;
}
#feedbackTeamSection .balls li:nth-of-type(3) {
left: 148px;
top: 205px;
}
.team-grid__alone {
width: 40%;
}
.team-grid__image img {
max-width: 100%;
}
.card-grid__item {
width: 46%;
}
.card-grid-row {
justify-content: space-between;
}
.card-grid-row .card-grid__item {
width: 32%;
margin-right: 0;
}
.numbers__row-end {
margin-right: 0;
}
.lego-block__card {
padding: 20px;
}
.lego-block__card-title {
font-size: 18px;
}
.lego-block__card-text {
font-size: 14px;
}
#legoBlock .balls li:nth-of-type(4) {
top: 42px;
}
#legoBlock .balls li:nth-of-type(6) {
top: 50px;
}
.d-cards__item {
width: 33%;
margin-bottom: 30px;
}
.d-cards {
flex-wrap: wrap;
justify-content: flex-start;
}
.game-result__content {
width: 70%;
}
.game-result__image {
margin-left: -150px;
}
}
@media (max-width: 1024px) {
#mainSlider.main-screen .image.main-screen-coop-image {
right: initial;
top: 100px !important;
left: 500px;
}
#mainSlider p .buttons_large {
margin-top: 50px;
}
.card-grid-row .card-grid__item {
width: 48%;
}
.two-column-list__list {
flex-direction: column;
}
.section-block-1__title {
font-size: 22px;
}
.section-block-1__text {
font-size: 16px;
}
.coop-services-image img {
max-width: 450px;
}
.coop-services-image {
margin-right: -130px;
margin-left: 30px;
}
.min700 {
width: 100%;
min-width: 100%;
}
.ajaxForm button.button-large {
font-size: 16px;
min-width: auto;
height: 50px;
display: flex;
padding: 0;
justify-content: center;
align-items: center;
width: 310px;
}
.team-grid__alone {
width: 100%;
margin-bottom: 15px;
}
.team-grid__lead {
width: 70%;
}
.team-grid__wrapper {
width: 30%;
margin-left: 30px;
}
.numbers__row {
justify-content: space-between;
}
.numbers__row-end {
justify-content: space-between;
}
.numbers__item {
margin-right: 0;
margin: 0 10px;
}
.lego-block__image {
display: none;
}
#legoBlock .balls li:nth-of-type(1) {
bottom: -20px;
left: -170px;
}
#legoBlock .balls li:nth-of-type(3) {
display: none;
}
.section-subtitle-large {
font-size: 16px;
}
.madeFor {
display: block;
}
.madeFor__item {
margin: auto;
margin-bottom: 15px;
}
.d-cards {
right: 0;
}
.game-result__content {
width: 100%;
}
.game-result__image {
display: none;
}
.game-price__image {
margin-right: 40px;
}
section.main-screen.mb440#mainSlider {
margin-bottom: 270px;
}
.bottom-menu {
display: none;
}
.callbacktrigger {
margin: 0;
margin-top: 20px;
width: 135px;
height: 30px;
font-size: 12px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.bottom-menu-hidden {
display: block !important;
}
}
@media (max-width: 768px) {
#mainSlider.main-screen .image.main-screen-coop-image {
left: 320px;
}
#mainSlider p .buttons_large a {
font-size: 16px !important;
height: 50px;
display: flex;
align-items: center;
margin-right: 15px !important;
justify-content: center;
}
.services-flex-wrapper {
flex-direction: column;
}
.video-team__video {
margin-bottom: 15px;
}
.card-grid-row .card-grid__item {
width: 100%;
}
.section-block-1__title {
font-size: 20px;
}
.section-block-1__text {
font-size: 14px;
}
.section-block-1__image img {
max-width: 280px;
}
.coop-services-image img {
max-width: 300px;
}
.feedback-team {
flex-direction: column-reverse;
}
.feedback-team__content {
z-index: 2;
}
.feedback-team__image {
margin-right: 0;
margin-top: 15px;
}
#feedbackTeamSection .balls li:nth-of-type(1) {
top: 183px;
width: 125px;
height: 125px;
}
#feedbackTeamSection .balls li:nth-of-type(3) {
top: 315px;
width: 125px;
height: 125px;
}
.feedback-team__title {
font-size: 20px;
}
.feedback-team__subtitle {
font-size: 16px;
}
.feedback-team__subtitle {
margin-bottom: 25px;
}
.feedback-team__image img {
height: 280px;
width: 300px;
object-fit: cover;
border-radius: 24px;
margin: auto;
}
.sertificate-block-slider .sertificate-block__item {
display: flex;
flex-direction: column;
}
.sertificate-block-slider .sertificate-block .sertificate-block__item:first-child .sertificate-block__image {
margin-bottom: 15px;
}
.sertificate-block-slider .sertificate-block .sertificate-block__item:last-child {
display: flex;
flex-direction: column-reverse;
}
.sertificate-block-slider .sertificate-block .sertificate-block__item:last-child .sertificate-block__image {
margin-bottom: 15px;
margin-left: 0;
margin-left: auto;
}
.sertificate-block-slider .sertificate-block__title:before {
width: 100%;
left: 0;
}
.sertificate-block-slider .sertificate-block__image {
width: auto;
}
.sertificate-block-slider .sertificate-block__image img {
width: auto;
height: 160px;
}
.team-grid {
display: block;
}
.team-grid__lead {
margin-bottom: 30px;
}
.team-grid__lead {
width: 100%;
}
.team-grid__wrapper {
margin-left: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.team-grid__alone {
width: 245px;
}
#mainSlider p.w650 {
width: 100%;
}
.card-grid__item {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
padding: 25px;
}
.card-grid__title {
font-size: 20px;
margin-bottom: 15px;
line-height: 1.3;
}
.card-grid__text {
font-size: 12px;
}
#indexBody #services .image.image-right {
display: none;
}
.numbers__row {
display: block;
margin-bottom: 0;
}
.numbers__row-end {
flex-direction: column-reverse;
align-items: center;
}
.numbers__item {
margin: auto;
margin-bottom: 15px;
}
.numbers__item-mobile {
display: block !important;
}
.numbers__item-desctop {
display: none !important;
}
.numbers__row-end .numbers__item:nth-child(3) {
color: #000;
background-color: #fff;
}
.numbers__row-end .numbers__item:nth-child(1) {
color: #fff;
background-color: #CC2222;
}
.numbers__row-end .numbers__item:nth-child(3) .numbers__icon {
position: absolute;
top: 50px;
left: 0px;
z-index: 1;
}
.numbers__item {
height: 190px;
}
.card-grid__title {
height: auto;
}
.madeFor__title {
margin-bottom: 10px;
font-size: 18px;
}
.madeFor__text {
font-size: 12px;
}
.madeFor__image {
margin-bottom: 15px;
}
.madeFor-info {
font-size: 16px;
}
.madeFor {
margin-bottom: 30px;
}
section.pb100 {
padding-bottom: 30px;
}
.d-cards__item {
width: 48%;
margin-bottom: 15px;
transform: perspective(600px) rotateY(0deg);
}
.d-cards {
padding-left: 0;
justify-content: space-between;
}
.d-cards__image {
display: none;
}
h2.section-title.mb90 {
margin-bottom: 30px;
}
.game-result__text {
font-size: 16px;
}
.game-result__item {
margin-bottom: 30px;
}
.game-price {
padding: 30px;
display: block;
}
.game-price__image {
margin-right: 0;
}
.game-price__content {
width: 100%;
}
.game-price__image img {
margin-bottom: 20px;
width: 100%;
height: 300px;
object-fit: cover;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
section.main-screen.mb440#mainSlider {
margin-bottom: 120px;
}
.bottom-menu {
display: none;
}
.custom-services-list {
margin-top: 0;
}
#mainSlider .small-notice {
margin: 0;
font-size: 12px;
}
#mainSlider .small-notice.mt200 {
margin-top: 0;
}
}
@media (max-width: 576px) {
#mainSlider.main-screen .image.main-screen-coop-image {
left: 173px;
top: 570px !important;
}
#mainSlider.main-screen .image.main-screen-open-coop-image {
top: 120px !important;
}
#mainSlider p .buttons_large {
flex-direction: column;
width: 200px;
margin-top: 20px;
}
#mainSlider p .buttons_small_width {
width: 140px;
}
#mainSlider p .buttons_large a {
margin-right: 0 !important;
margin-bottom: 10px;
font-size: 14px !important;
height: 40px;
}
#mainSlider.main-screen .image.coop-program-image-fix {
left: 215px;
width: 160px;
height: 160px;
}
#my-gallery {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#my-gallery a {
width: 47%;
flex-basis: 47%;
}
#my-gallery img {
width: 100%;
margin-bottom: 15px;
margin-right: 0;
}
.reviews__item {
width: 47%;
margin-right: 0;
flex-basis: 47%;
}
.reviews {
justify-content: space-between;
}
section.strategy-screen#mainSlider {
margin-bottom: 60px;
}
.button-simple {
background-color: #fff;
}
.two-column-list_width-half {
width: 100%;
}
.section-block-1 {
flex-direction: column-reverse;
}
.section-block-1__image img {
max-width: 300px;
}
.section-block-1__image {
display: flex;
justify-content: center;
margin-right: 0;
}
.section-block-1__text {
font-size: 12px;
}
.button-white {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
min-width: 70px;
width: 190px;
}
.coop-services-image {
display: none;
}
.team-grid {
display: none;
}
.team-grid-mobile {
display: block;
}
.team-grid__lead {
display: block;
padding: 20px;
}
.team-grid__content {
width: 100%;
}
.team-grid__lead-text {
width: 100%;
}
.team-grid__lead-text p {
font-size: 12px;
}
.team-grid__image {
display: flex;
justify-content: center;
}
.team-grid__alone {
flex-direction: column;
align-items: center;
display: flex !important;
}
#indexBody #services ul li.services-no-hover {
background-color: #fff;
}
#indexBody #services .image.image-right {
display: none;
}
#mainSlider.main-screen .image.main-screen-strategy-image{
left: 153px;
top: 120px !important;
}
.lego-block__wrapp {
display: block;
}
.lego-block__card {
width: 100%;
margin-bottom: 10px;
}
#legoBlock .balls li:nth-of-type(4), #legoBlock .balls li:nth-of-type(6) {
display: none;
}
#mainSlider p .buttons_large.mt50 {
width: 300px;
margin-top: 30px;
}
#mainSlider.main-screen .image.strategy-image-fix {
top: 149px !important;
left: 235px;
width: 140px;
height: 140px;
}
#mainSlider.main-screen .image.game-image-fix {
left: 233px;
top: 170px !important;
width: 140px;
height: 140px;
}
#mainSlider.main-screen .image.point-image-fix {
left: 240px;
top: 280px !important;
width: 150px;
height: 150px;
}
#mainSlider.main-screen .image.coach-image-fix {
left: 243px;
top: 220px !important;
width: 140px;
height: 140px;
}
.d-cards__item {
width: 100%;
max-width: 100%;
padding: 25px 15px;
}
.d-cards__score {
margin-bottom: 10px;
}
.d-cards__text {
font-size: 14px;
}
.d-cards__title {
margin-bottom: 15px;
font-size: 18px;
}
.game-result__item {
width: 100%;
}
.card-grid__title.auto {
font-size: 16px;
}
section.main-screen.center-content#mainSlider {
margin-bottom: 50px;
padding-top: 60px;
}
#mainHeader .logos img {
width: 140px;
margin-top: -10px;
}
section#mainSlider.centerContent {
padding: 40px var(--padding);
display: block;
padding-top: 216px;
}
.mainBody section.more-space {
padding: 40px var(--padding)
}
#mainSlider.main-screen .image.main-screen-open-coop-image {
position: relative;
top: -50px !important;
}
}
@media (max-width: 380px) {
.ajaxForm button.button-large {
width: 100%;
}
}
@media (max-width: 415px) {
#mainHeader .logos img {
width: 100px;
margin-top: 0;
}
#mainHeader .logos .logo-link {
height: 35px;
display: flex;
align-items: center;
margin-top: -5px;
}
#mainFooter .links img {
width: 120px;
}
#mainHeader.scroll {
padding-bottom: 20px;
}
}
#open-programs .open-program-cards {
display: flex;
justify-content: center;
position: relative;
margin-left: -30px;
margin-right: -30px;
flex-wrap: wrap;
}
#open-programs .open-program-cards .item {
max-width: 370px;
background-color: #fff;
border-radius: 24px;
margin: 0 15px;
margin-bottom: 30px;
}
#open-programs .open-program-cards .item-heading {
background-color: #CC2222;
border-radius: 24px 24px 0 0;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0;
color: #fff;
flex-direction: column;
text-align: center;
height: 120px;
}
#open-programs .open-program-cards .item-title {
font-size: 20px;
font-weight: 700;
}
#open-programs .open-program-cards .item-subtitle {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
margin-top: 10px;
}
#open-programs .open-program-cards .item-content {
padding: 30px;
display: flex;
justify-content: space-between;
flex-direction: column;
height: 410px;
}
#open-programs .open-program-cards .item-text {
font-size: 16px;
line-height: 1.7;
}
#open-programs .open-program-cards .item-list {
margin: 0;
list-style: disc;
padding-left: 15px;
font-size: 16px;
}
#mainSlider p .buttons a.w100 {
width: 100%;
text-align: center;
}
#open-programs .balls {
z-index: 1;
}
#open-programs .balls li:nth-of-type(1) {
animation-name: ball1_1;
animation-duration: 11s;
width: 178px;
height: 178px;
background: #CC2222;
}
#open-programs .balls li:nth-of-type(2) {
animation-name: ball1_2;
animation-duration: 4s;
width: 141px;
height: 141px;
background: #FFFFFF;
filter: blur(7px);
}
#open-programs .balls li:nth-of-type(3) {
animation-name: ball1_3;
width: 186px;
height: 186px;
background: #DDDDDD;
filter: blur(2px);
}
#open-programs .balls li:nth-of-type(4) {
animation-name: ball1_4;
animation-duration: 7s;
width: 69px;
height: 69px;
background: #DDDDDD;
}
#open-programs .balls li:nth-of-type(5) {
animation-name: ball1_5;
animation-duration: 8s;
width: 115px;
height: 115px;
background: #FFFFFF;
filter: blur(7px);
}
#open-programs .balls li:nth-of-type(6) {
animation-name: ball1_6;
animation-duration: 9s;
width: 23px;
height: 23px;
background: #CC2222;
}
#open-programs .balls li:nth-of-type(1) {
left: -69px;
bottom: 90px
}
#open-programs .balls li:nth-of-type(3) {
left: 168px;
bottom: 134px;
}
#open-programs .balls li:nth-of-type(4) {
right: 136px;
top: -18px;
}
#open-programs .balls li:nth-of-type(5) {
right: -221px;
top: 141px;
}
#open-programs .balls li:nth-of-type(6) {
right: 75px;
top: 20px;
}
#open-programs .balls li:nth-of-type(2) {
display: none;
}
.game-result__subtext {
margin-top: 30px;
}
.game-result__content_large {
width: 70%;
}
.game-result__image_slideleft {
margin-left: -230px;
}
.section-block-1-center {
align-items: center;
}
.arrows-list li {
font-size: 20px;
margin-bottom: 20px;
position: relative;
display: flex;
align-items: center;
color: #232325;
}
.arrows-list li::before {
content: "";
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: url(/images/staff/icon-double-arrow-down.svg) no-repeat center/cover;
margin-right: 15px;
}
.section-block-1__content.maw700 {
max-width: 700px;
}
.section-block-1__content p {
font-size: 20px;
color: #000;
margin-bottom: 20px;
}
.arrows-list-label {
font-size: 18px;
font-weight: 700;
color: #232325;
opacity: 0.7;
}
.photo-grid {
display: flex;
justify-content: space-between;
}
.photo-grid__item {
width: 30%;
}
.photo-grid__item.w50 {
width: 48%;
}
.photo-grid__image {
margin-bottom: 32px;
}
.photo-grid__image img {
border-radius: 24px;
max-width: 100%;
height: auto;
}
.photo-grid__text {
font-size: 20px;
}
.abn {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 60px;
}
.abn__item {
width: 40%;
display: flex;
align-items: center;
margin-bottom: 25px;
}
.abn__icon {
margin-right: 20px;
}
.abn__text {
font-size: 20px;
}
.action-button {
width: 200px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 12px;
background-color: #CC2222;
font-size: 14px;
}
.abngrid {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.abngrid__item {
width: 30%;
max-width: 300px;
}
.abngrid__image img {
border-radius: 24px;
max-width: 100%;
height: auto;
}
.abngrid__image {
margin-bottom: 30px;
position: relative;
cursor: pointer;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.abngrid__image:hover {
opacity: .6;
}
.abngrid__image .play-icon {
position: absolute;
left: 50%;
margin-left: -32px;
top: 50%;
margin-top: -32px;
}
.abngrid__text {
height: 120px;
margin-bottom: 20px;
font-size: 20px;
}
.abngrid__button {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #CC2222;
border: 1px solid #CC2222;
border-radius: 12px;
}
.card-grid__title_normal {
font-weight: 400;
}
.check-list {
display: flex;
justify-content: space-between;
}
.check-list__item {
width: 48%;
padding: 35px 30px;
background: #fff;
border-radius: 24px;
}
.check-list__list {
padding: 0;
margin: 0;
list-style: none;
}
.check-list__list-item {
margin-bottom: 30px;
font-size: 20px;
position: relative;
display: flex;
line-height: 1.6;
}
.check-list__list-item::before {
content: '';
background-image: url('../images/training/check.svg');
width: 35px;
height: 35px;
flex: 35px 0 0;
margin-right: 30px;
}
.check-list__list-item:last-child {
margin-bottom: 0;
}
.get-block {
padding: 40px 60px;
border-radius: 24px;
border: 1px solid #C8C8C8;
}
.get-block__white-wrapper {
background: #fff;
padding: 30px;
border-radius: 24px;
margin-top: 20px;
}
.get-block__simple-wrapper {
padding: 30px;
border-radius: 24px;
margin-top: 20px;
background: #fff;
}
.get-block_flex {
display: flex;
justify-content: space-between;
}
.get-block .prices {
display: flex;
}
.get-block .prices .price {
color: #CC2222;
margin-left: 10px;
display: block;
}
.get-block .prices .old-price {
font-size: 14px;
text-decoration: line-through;
margin-left: 10px;
display: flex;
align-items: flex-end;
}
.get-block__table-title {
display: block;
margin-top: 30px;
font-size: 20px;
margin-bottom: 15px;
}
.get-block__wrapper {
display: flex;
justify-content: space-between;
}
.small-btn {
display: flex;
padding: 16px 41px;
background: #CC2222;
border-radius: 12px;
font-size: 14px;
line-height: 18px;
color: #FFFFFF;
border: none;
margin-right: 20px;
transition: all 0.3s ease;
width: 170px;
justify-content: center;
}
.small-btn_auto {
width: auto;
display: inline-block;
}
.small-btn:hover {
background: #EB4242;
}
.get-block__image {
width: 350px;
flex: 350px 0 0;
}
.get-block__btn-group {
display: flex;
flex-wrap: wrap;
}
.get-block__btn-group_start {
justify-content: flex-start;
}
.get-block__btn-group-item {
margin-bottom: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-right: 120px;
}
.get-block__btn-group_start .get-block__btn-group-item {
margin-right: 30px;
}
.get-block__btn-group {
margin-top: 30px;
}
.get-block__btn-text {
margin-bottom: 10px;
}
.get-block__video {
width: 720px;
margin-right: 40px;
height: 400px;
}
.video-js .vjs-big-play-button {
background: #CC2222 !important;
}
.get-block__image img {
max-width: 100%;
height: auto;
border-radius: 24px;
}
.get-block__content {
max-width: 750px;
}
.get-block__content.w60 {
width: 60%;
}
.get-block__title {
font-size: 24px;
font-weight: 500;
margin-bottom: 25px;
}
.get-block__text {
font-size: 16px;
margin-bottom: 20px;
}
.get-block__price {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.get-block__price-icon {
margin-right: 20px;
}
.get-block__count {
font-size: 24px;
font-weight: 500;
color: #CC2222;
}
.action-button.w300 {
width: 300px;
}
#mainSlider p .buttons.mt130 {
margin-top: 130px;
}
#mainSlider.main-screen p.main-screen__subtitle_less-margin.w60 {
width: 60%;
}
.card-grid__title.autoheight {
height: auto;
}
.get-block-label {
display: flex;
justify-content: space-between;
margin-top: 80px;
}
.get-block-label__item {
display: flex;
align-items: center;
}
.get-block-label__icon {
margin-right: 15px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.get-block-label__text {
font-size: 20px;
}
.get-block-label__text_bold {
font-weight: 600;
display: inline;
}
.price-cards {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.price-cards__item {
width: 32%;
border: 1px solid #C8C8C8;
background-color: #fff;
border-radius: 24px;
}
.price-cards__item_gray {
background-color: #F4F4F4;
}
.price-cards__heading {
height: 145px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
text-align: center;
font-weight: 500;
}
.price-cards__content {
padding: 30px;
border-top: 1px solid #C8C8C8;
}
.price-cards__content ul {
height: 150px;
}
.price-cards__total {
font-size: 20px;
margin-top: 20px;
}
.price-cards__link {
margin-top: 60px;
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #CC2222;
border-radius: 12px;
border: 1px solid #CC2222;
background-color: transparent;
}
.point-list__title {
font-size: 20px;
font-weight: 500;
margin-bottom: 25px;
}
.point-list__list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.point-list__list-item {
width: 50%;
margin-bottom: 80px;
position: relative;
padding-left: 50px;
}
.point-list__list-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 23px;
height: 23px;
background-color: #CC2222;
border-radius: 50%;
}
.point-list__heading {
font-size: 20px;
font-weight: 500;
}
.point-list__subheading {
font-size: 16px;
margin-top: 20px;
}
.html-content p {
font-size: var(--main-font);
line-height: var(--main-line);
margin-bottom: 24px;
}
.html-content ul {
margin-bottom: 24px;
}
.html-content li {
font-size: var(--main-font);
line-height: var(--main-line);
margin-bottom: 5px;
position: relative;
}
.html-content li::before {
content: "";
display: inline-block;
width: 23px;
height: 15px;
background-image: url("/images/staff/icon-list.svg");
margin-right: 15px;
}
.html-content.fz16 p, .html-content.fz16 li, .html-content.fz16 strong {
font-size: 16px;
}
/*/////////////////////////////////////////////////*/
/*///////////////////MEDIA/////////////////////////*/
/*/////////////////////////////////////////////////*/
@media (max-width: 1440px) {
#open-programs .open-program-cards {
flex-wrap: wrap;
}
#open-programs .open-program-cards .item {
margin-bottom: 30px;
}
.photo-grid__text {
font-size: 16px;
}
.abngrid__item {
width: 48%;
margin-bottom: 30px;
}
.check-list__list-item {
font-size: 16px;
}
.get-block__image {
margin-right: 60px;
}
.get-block-label__text {
font-size: 15px;
}
.get-block-label {
margin-top: 40px;
}
.price-cards__item {
margin-bottom: 20px;
}
.price-cards__content ul {
height: 200px;
}
.price-cards__total {
font-size: 18px;
}
}
@media (max-width: 1024px) {
#open-programs .open-program-cards .item {
width: 48%;
max-width: 100%;
}
.get-block .prices {
display: block;
}
.price-cards__item {
width: 49%;
}
.game-result__content_large {
width: 100%;
}
.arrows-list li {
font-size: 16px;
}
.abn__text {
font-size: 16px;
}
.get-block__image {
width: 250px;
flex: 250px 0 0;
}
}
@media (max-width: 768px) {
#open-programs .open-program-cards .item {
width: 320px;
}
#open-programs .open-program-cards {
flex-direction: column;
align-items: center;
}
#mainSlider p .buttons a.w100 {
padding: 15px;
}
#open-programs .open-program-cards .item-title {
font-size: 18px;
}
#open-programs .open-program-cards .item-subtitle {
font-size: 15px;
}
#open-programs .open-program-cards .item-text {
font-size: 14px;
}
#open-programs .open-program-cards .item-list {
font-size: 14px;
}
#open-programs .open-program-cards .item-content {
height: auto;
}
#open-programs .open-program-cards .item-heading {
height: 100px;
}
.game-result__subtext {
font-size: 14px;
margin-top: 10px;
}
.get-block__video {
margin-right: 0;
width: 100%;
margin-bottom: 30px;
}
.get-block .prices {
display: flex;
}
.get-block__btn-group {
flex-direction: column;
align-items: center;
}
.get-block__btn-group_left {
align-items: flex-start;
}
.get-block__btn-group-item {
margin-bottom: 15px;
width: 100%;
font-size: 12px;
margin-right: 0;
}
.get-block__btn-group-item p, .get-block__btn-group-item strong {
font-size: 12px !important;
}
.get-block__table-title {
width: 100%;
text-align: center;
display: block;
}
.get-block_flex {
flex-direction: column;
}
.arrows-list li {
font-size: 14px;
}
.arrows-list-label {
font-size: 16px;
}
.arrows-list-label br {
display: none;
}
.section-block-1__image_mobile-hidden {
display: none;
}
.photo-grid {
flex-direction: column;
align-items: center;
}
.photo-grid__item {
width: 100%;
max-width: 400px;
margin-bottom: 30px;
}
.photo-grid__item.w50 {
width: 100%;
}
.photo-grid__image {
display: flex;
justify-content: center;
}
.abngrid__item {
width: 100%;
max-width: 100%;
}
.abngrid__image {
display: flex;
justify-content: center;
}
.abngrid__text {
text-align: center;
height: auto;
font-size: 14px;
max-width: 300px;
margin: auto;
margin-bottom: 20px;
}
.abngrid__button {
max-width: 300px;
margin: auto;
}
.abn__item {
width: 100%;
}
.abn {
margin-bottom: 30px;
}
.check-list {
flex-direction: column;
}
.check-list__item {
width: 100%;
margin-bottom: 15px;
}
.check-list__list-item::before {
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
flex: 20px 0 0;
margin-right: 15px;
}
.check-list__list-item {
font-size: 14px;
margin-bottom: 15px;
}
.get-block__wrapper {
flex-direction: column;
align-items: center;
}
.get-block__image {
margin: auto;
margin-bottom: 25px;
}
.get-block__title {
font-size: 18px;
}
.get-block__text {
font-size: 14px;
}
.get-block {
padding: 30px 20px;
}
.get-block__count {
font-size: 20px;
}
#mainSlider p .buttons.mt130 {
margin-top: 25px;
flex-direction: column;
}
#mainSlider p .buttons.mt130 a {
width: 210px;
margin-bottom: 10px;
display: flex;
justify-content: center;
}
.get-block-label {
flex-direction: column;
}
.get-block-label__item {
margin-bottom: 15px;
}
.get-block__content.w60 {
width: 100%;
}
.price-cards__item {
width: 100%;
}
.price-cards__content ul {
height: auto;
}
.price-cards__heading {
padding: 30px 0;
height: auto;
font-size: 18px;
}
.price-cards__content {
font-size: 14px;
}
.price-cards__total {
font-size: 18px;
}
.price-cards__link {
margin-top: 30px;
}
.point-list__list-item {
width: 100%;
margin-bottom: 30px;
}
.point-list__title {
font-size: 18px;
}
.point-list__heading {
font-size: 17px;
}
.point-list__subheading {
font-size: 14px;
margin-top: 15px;
}
}
.team-cards-rounds {
position: absolute;
top: 0;
right: 0;
}
.container {
max-width: 1312px;
margin: auto;
}
.team-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 25px;
}
/* .team-cards__item--first {
grid-column: 1;
} */
.team-cards__content {
margin-left: 30px;
position: relative;
z-index: 2;
padding: 20px 0;
height: 100%;
}
.team-cards__item {
display: flex;
align-items: center;
position: relative;
background-color: #F4F4F4;
border-radius: 26px;
height: 190px;
padding: 0 20px;
max-width: 700px;
}
.team-slider__slide .team-cards__item {
max-width: 620px;
}
.team-cards__link {
width: 180px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #000;
border-radius: 6px;
background-color: #fff;
font-size: 15px;
text-decoration: none;
position: absolute;
left: 0;
bottom: 20px;
}
.team-cards__image {
display: flex;
align-items: flex-start;
position: relative;
width: 160px;
height: 100%;
position: relative;
z-index: 2;
}
.team-cards__image img {
position: absolute;
bottom: 0;
left: 0;
}
.team-cards__name {
color: #3E3E41;
font-size: 28px;
margin: 0;
margin-bottom: 5px;
}
.team-cards__subname {
font-size: 16px;
color: #3E3E41;
line-height: 1.4;
opacity: 0.6;
}
.team-cards__balls {
position: absolute;
width: 153px;
height: 135px;
right: 0;
bottom: 0;
}
.team-cards__redball {
width: 15px;
height: 15px;
background-color: #CC2222;
border-radius: 50%;
position: absolute;
right: 20px;
top: -30px;
z-index: 1;
transition: all 0.3s ease-out;
}
.team-cards__whiteball {
width: 45px;
height: 45px;
background-color: #fff;
bottom: 40px;
right: 120px;
position: absolute;
border-radius: 50%;
z-index: 1;
transition: all 0.3s ease-out;
}
.team-cards__ovh-bg {
position: absolute;
right: 0;
bottom: 0;
left: 0;
top: 0;
overflow: hidden;
border-radius: 26px;
z-index: 1;
}
.team-cards__semicircle {
position: absolute;
width: 130px;
height: 130px;
right: -35px;
bottom: -35px;
border: 18px solid #D9D9D9;
border-radius: 50%;
}
/*.team-cards__item:hover .team-cards__redball--animation-type-1 {
width: 45px;
height: 45px;
right: 60px;
bottom: 10px;
}*/
.person-page {
display: flex;
color: #3E3E41;
}
.person-page__photo {
margin-right: 90px;
}
.person-page__content {
}
.person-page__name {
font-size: 46px;
margin: 0;
margin-bottom: 5px;
color: #232325;
}
.person-page__subname {
font-size: 18px;
color: #3E3E41;
}
.person-page__devider {
width: 100%;
height: 1px;
background-color: #F6F7F7;
position: relative;
margin: 15px 0;
}
.person-page__devider::before {
content: '';
position: absolute;
width: 80px;
height: 1px;
background-color: #D9D9D9;
left: 0;
bottom: 0;
}
.person-page__text {
font-size: 22px;
}
.person-page__list-title {
font-size: 18px;
font-weight: 700;
color: #3E3E41;
margin: 15px 0;
}
.person-page__list {
padding-left: 30px;
line-height: 1.7;
list-style-type: disc;
margin-bottom: 50px;
}
.person-page__list-item {
}
.road-block {
padding: 50px 100px 0 50px;
border-radius: 16px;
border: 1px solid #E6E6E6;
}
.road-block__list {
padding: 0;
margin: 0;
list-style: none;
}
.road-block__list-item {
position: relative;
font-size: 18px;
padding-bottom: 30px;
padding-left: 30px;
}
.road-block__list-item:last-child {
padding-bottom: 60px;
}
.road-block__list-item::after {
content: '';
position: absolute;
height: 100%;
width: 1px;
left: 9px;
top: 0;
background: #CC2222;
z-index: 1;
}
.road-block__list-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
flex: 18px 0 0;
margin-right: 10px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 6px solid #CC2222;
box-sizing: border-box;
background: #fff;
z-index: 2;
}
.expert-block {
color: #232325;
margin-top: 60px;
}
.expert-block__icon {
margin-right: 20px;
}
.expert-block__item {
display: flex;
align-items: center;
border-radius: 15px;
background-color: #F6F7F7;
padding: 20px 20px 15px 30px;
}
.expert-block__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px 30px;
}
.expert-block__text {
font-size: 20px;
line-height: 1.2;
}
.expert-block__title {
font-size: 32px;
font-weight: 500;
margin-bottom: 35px;
}
.person-page-pattern {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.section-title-block {
display: flex;
justify-content: space-between;
}
.section-title-block-wrapper {
display: flex;
align-items: flex-start;;
}
.team-link-more {
display: flex;
align-items: center;
margin-top: 9px;
color: #3E3E41;
}
.team-link-more__icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-left: 30px;
background-color: #D9D9D9;
margin-right: 10px;
}
.team-link-more__text {
font-size: 18px;
font-weight: 700;
}
.team-slider__slide {
padding-top: 50px;
}
.team-link-more__icon svg {
position: relative;
left: 1px;
}
.team-slider-arrows {
margin-top: 12px;
}
.team-slider-arrows__prev {
margin-right: 15px;
}
.team-slider-arrows svg {
cursor: pointer;
}
.team-slider-arrows svg:hover path {
stroke: #CC2222;
}
.reason-slider__item {
padding: 30px 30px 50px 30px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 1px solid #C8C8C8;
background-color: #fff;
max-width: 400px;
height: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.reason-slider-wrapper {
position: relative;
}
.reason-slider-arrows {
position: absolute;
width: 110%;
left: -5%;
top: 80px;
display: flex;
justify-content: space-between;
}
@media(max-width:1200px) {
.reason-slider-arrows {
width: 100%;
left: 0;
}
}
.reason-slider-arrows svg {
cursor: pointer;
}
.reason-slider .slick-slide {
opacity: .3;
}
.reason-slider .slick-current {
opacity: 1;
}
.reason-slider__tag {
text-align: right;
color: #CC2222;
position: absolute;
right: 30px;
bottom: 30px;
}
@media (max-width: 1440px) {
.person-page-pattern {
display: none;
}
.team-slider .team-cards__item {
margin: auto;
}
.team-link-more {
margin-top: 4px;
}
.team-cards__name {
line-height: 1.2;
}
.section-sub {
margin-top: -35px;
}
.team-cards__subname {
font-size: 14px;
margin-bottom: 15px;
}
}
@media (max-width:1160px) {
.team-cards {
grid-template-columns: 1fr;
gap: 20px 0;
justify-items: center;
}
.team-cards__item {
width: 600px;
}
.team-cards-rounds {
display: none;
}
.road-block {
padding: 30px 60px 0 30px;
}
.road-block__list-item:last-child {
padding-bottom: 40px;
}
.expert-block__items {
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.person-page__photo {
margin-right: 40px;
}
.expert-block {
margin-top: 40px;
}
}
@media (max-width:900px) {
.person-page {
flex-direction: column;
align-items: center;
}
.person-page__list {
margin-bottom: 30px;
}
.person-page__photo {
margin-right: 0;
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.section-title-block-wrapper {
flex-direction: column;
}
.team-link-more {
margin-top: -10px;
}
.team-link-more__text {
font-size: 15px;
}
.section-sub {
font-size: 14px;
margin-top: -27px;
}
}
@media (max-width:700px) {
.team-cards {
display: block;
}
.expert-block__items {
grid-template-columns: 1fr;
}
.team-cards__item {
width: 100%;
margin-bottom: 30px;
box-sizing: border-box;
max-width: initial;
}
.team-cards__ovh-bg {
display: none;
}
.person-page__photo img {
max-width: 100%;
height: auto;
}
.road-block__list-item {
font-size: 15px;
}
.expert-block__text {
font-size: 15px;
}
.person-page__name {
font-size: 35px;
}
.expert-block__title {
font-size: 30px;
margin-bottom: 25px;
}
}
@media (max-width:500px) {
.team-cards__name {
font-size: 18px;
line-height: 1.2;
}
.team-cards__item {
height: 160px;
padding: 15px;
}
.team-cards__subname {
font-size: 11px;
margin-bottom: 15px;
}
.team-cards__image {
flex: 120px 0 0;
height: 160px;
}
.team-cards__image img {
width: 120px;
height: auto;
}
.section-title-block-wrapper {
flex-direction: column;
}
.team-cards__link {
font-size: 13px;
width: 130px;
height: 30px;
bottom: 0;
}
.team-cards__content {
padding: 0;
margin-left: 5px;
}
}
.video-carousel-wrapper {
position: relative;
}
.video-carousel-arrow {
position: absolute;
display: flex;
justify-content: space-between;
width: 100%;
left: 0;
top: 45%;
z-index: 10;
}
.video-carousel__slide-item {
width: 240px;
height: 360px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background-position: center;
background-size: cover;
}
.video-carousel__slide {
text-align: center;
}
.video-carousel-modal .modal {
top: 2%;
width: auto;
}
.video-carousel-modal .modal-inset {
padding: 0;
min-width: auto;
}
.video-carousel-modal .vjs-poster img {
display: none;
}
@media(max-width:576px) {
.video-carousel-modal .modal, .video-carousel-modal .video-js {
width: 100%;
}
}
.logo-carousel .items-wrap {
position: relative;
display: flex;
overflow: hidden;
user-select: none;
gap: 20px;
}
.logo-carousel .items-wrap:before,
.logo-carousel .items-wrap:after {
content: "";
height: 100%;
top: 0;
width: 10%;
position: absolute;
z-index: 1;
pointer-events: none;
}
.logo-carousel .items {
flex-shrink: 0;
display: flex;
gap: 20px;
counter-reset: item;
justify-content: space-around;
min-width: 100%;
}
.logo-carousel .item {
background: #F2F3F7;
flex: 0 0 auto;
border-radius: 16px;
width: 328px;
height: 158px;
counter-increment: item;
display: flex;
justify-content: center;
align-items: center;
font-size: 25px;
font-weight: bold;
color: #fff;
margin: 10px 0;
transition: all 0.1s ease-in-out;
}
.logo-carousel .logo-gray, .logo-carousel .logo-color {
transition: opacity .3s ease-out;
}
.logo-carousel .item:hover .logo-gray {
display: none;
}
.logo-carousel .item:hover .logo-color {
display: block !important;
}
.logo-carousel .marquee {
animation: scroll 20s linear infinite;
}
.logo-carousel .reverce {
animation-direction: reverse;
}
.logo-carousel .items-wrap:hover .marquee {
animation-play-state: paused;
}
.logo-carousel .perfscan {
margin: 20px 0;
text-align: center;
bottom: 0;
background: #fff;
padding: 5px;
}
.logo-carousel .perfscan hr {
border: solid #999;
border-width: 1px 0 0 0;
max-width: 50%;
margin: 0 auto 20px;
}
.logo-carousel .perfscan a {
color: #000;
font-weight: bold;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - 20px));
}
}
#cookie_note{
display: none;
position: fixed;
bottom: 15px;
left: 50%;
max-width: 90%;
transform: translateX(-50%);
padding: 20px;
background-color: white;
border-radius: 4px;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
align-items: center;
z-index:100000
}
#cookie_note p{
margin: 0;
font-size: 0.7rem;
text-align: left;
color: black;
}
.cookie_accept{
width:200px;
height: 50px;
display: block;
white-space: nowrap;
margin: 0;
margin-left: 30px;
cursor: pointer
}
@media (max-width: 1200px) {
#cookie_note {
width: 90%;
}
}
@media (max-width: 768px) {
#cookie_note {
flex-direction: column;
}
.cookie_accept {
margin-top: 15px;
margin-left: 0;
}
}
@media (min-width: 576px){
#cookie_note.show {
display: flex;
}
}
@media (max-width: 575px){
#cookie_note.show{
display: flex;
}
}
.fixed-banner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #EDEDED;
height: 50px;
}
.fixed-banner__icon {
display: flex;
align-items: center;
}
.fixed-banner__text {
font-size: 24px;
color: #000;
text-decoration: none;
margin-left: 10px;
}
.fixed-banner__content {
display: flex;
align-items: center;
margin-right: 30px;
position: relative;
z-index: 2;
}
.fixed-banner__btn {
text-decoration: none;
height: 30px;
width: 150px;
background-color: #CC2222;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .3s ease-out;
border-radius: 7px;
font-size: 14px;
cursor: pointer;
}
.fixed-banner__btn:hover {
background-color: #EB4242;
}
.fixed-banner::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-image: url('/images/uncategory/fixed-banner-pattern-1.png');
background-position: left;
background-repeat: no-repeat;
z-index: -1;
}
.fixed-banner::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-image: url('/images/uncategory/fixed-banner-pattern-2.png');
background-position: right;
background-repeat: no-repeat;
z-index: -1;
}
@media (max-width: 768px) {
.fixed-banner::after, .fixed-banner::before {
display: none;
}
}
@media (max-width: 620px) {
.fixed-banner {
flex-direction: column;
height: auto;
padding: 9px 0;
}
.fixed-banner__content {
margin-right: 0;
}
.fixed-banner__text {
font-size: 14px;
}
}
.b24-widget-button-position-bottom-right {
right: 20px !important;
bottom: 90px !important;
}
.dropdowns-desc {
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: 600px;
}
.dropdowns-desc__item {
flex: 1 1 calc(100% - 16px);
display: flex;
justify-content: center;
border-radius: 12px;
padding: 20px 20px;
border: 1px solid #DFDFDF;
box-sizing: border-box;
cursor: pointer;
transition: all .3s ease-out;
flex-direction: column;
background-color: #fff;
}
.dropdowns-desc__title {
font-size: 19px;
line-height: 1.2;
font-weight: 700;
}
.dropdowns-desc__text {
font-size: 15px;
display: none;
margin-top: 10px;
line-height: 1.2;
}
.dropdowns-desc-text {
margin-top: 20px;
}
.dropdowns-desc__item:hover {
background-color: #F4F4F4;;
}
.dropdowns-desc__item:hover .dropdowns-desc__title {
color: #CC2222;
}
@media(max-width:1200px) {
.dropdowns-desc__item {
padding: 10px 20px;
}
.dropdowns-desc__title {
font-size: 14px;
}
.dropdowns-desc {
max-width: 400px;
}
.dropdowns-desc-text {
max-width: 250px;
}
.dropdowns-desc-text {
font-size: 14px;
line-height: 1.2;
}
}
.section-content p {
margin-bottom: 15px;
}
@media(max-width:992px) {
.section-content p {
font-size: 12px;
}
}
.main-menu-item svg {
display: none;
}
@media(min-width: 1024px) {
.main-menu-link svg {
margin-left: 5px;
}
.main-menu-item {
position: relative;
display: inline-block;
}
.main-menu-item:hover a {
color: #CC2222;
}
.main-menu-link {
display: flex;
align-items: center;
gap: 5px;
color: #232325;
}
.main-menu-item .dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
min-width: 250px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
z-index: 1;
}
.main-menu-item .dropdown-menu a {
display: block;
padding: 10px 15px;
color: #333;
text-decoration: none;
font-size: 14px;
white-space: nowrap;
}
.main-menu-item .dropdown-menu a:hover {
background-color: #f5f5f5;
}
.main-menu-item:hover .dropdown-menu {
display: block;
}
.main-menu-item .main-menu-link svg {
transition: transform 0.3s ease;
}
.main-menu-item:hover .main-menu-link svg {
transform: rotate(180deg);
}
.main-menu-item svg {
display: block;
}
}
.main-menu-item .dropdown-menu {
display: none;
}
.main-menu-link {
color: #232325;
font-weight: 500;
}
.social-header {
display: none !important;
}
@media(min-width:1440px) {
.social-header {
display: block !important;
}
}