body {
    font-family: 'Montserrat', sans-serif;
}
.container1440 {
    max-width: 1366px;
}
.container1014 {
    max-width: 1014px;
}
iframe {
    max-width: 100%;
}
.img-stratch-out img {
    max-width: 100%;
    height: auto;
}
@keyframes fixedOpenMenu {
    0% {top: -20%;}
    100%{ top: -1%;}
}
@keyframes textCallBack {
    0% { color: red;}
    100% {color: green}
}
@keyframes catalBgP {
    0% {line-height: 0.1rem;}
    100% {line-height: 130%;}
}
@keyframes modalBtnCloseLeft {
    0% {transform: rotate(360deg);}
    100% {transform: rotate(45deg);}
}
@keyframes modalBtnCloseRight {
    0% {transform: rotate(360deg);}
    100% {transform: rotate(-45deg);}
}
@keyframes modalBtnCloseLogoOpen {
    0% {transform: scale3d(1.1, 1.1, 1.1); margin-left: 100%;}
    100% {transform: scale3d(1, 1, 1); margin-left: 0%;}
}
a {text-decoration: none;transition: all 280ms linear;}
a:hover {color: #9b0a0e;}
.pagination {
        display: flex;
    justify-content: center;
    align-items: center;
}
.active>.page-link, .page-link.active {
    background-color: #d21218;
    border-color: #d21218;
}
.page-link {
    color: #d21218;
}
/*header*/
.header-boxout {
    position: relative;
    min-height: 140px;
}
.box-fixed-active {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 1px 9px #00000012;
    animation-name: fixedOpenMenu;
    animation-fill-mode: both;
    animation-duration: 500ms;
}
.header-out {
    padding: 0.5rem 0 0;
}
.header-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}
.header-content-out {
    flex: 1;
}
.header-content-line-1-out {
    margin-bottom: 0.5rem;
}
.header-content-line-1-item {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-logo-out img{
    max-width: 10rem;
    display: block;
    margin: auto;
}
.header-logo-out {    padding: 0 1rem 2.1rem 0;}
.header-content-line-1-item li {
    list-style: none;
    margin: 0 0.2rem;
    min-width: 10.5rem;
}
.header-content-line-1-point-name {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #213D49;
}
.header-content-line-1-point-phone a {
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #213D49;
    text-decoration: none;
    font-weight: bold;
}
.header-content-line-1-point-phone a:hover {
    color: #9b0a0e;
}
.header-content-line-1-point-text a {
    font-weight: 500;
    font-size: 1rem;
    line-height: 120%;
    letter-spacing: 0.01em;
    text-decoration-line: underline;
    font-weight: bold;
    /* font-style: italic; */
    color: #D21218;
    transition: all280ms linear;
}
.header-content-line-1-call-back:hover {
    color: #9b0a0e;
}
.header-content-line-2-nav-li,
.header-content-line-2-mail-out li {
    list-style: none;
}
.box-call-back-btn-out {
    display: none;
}
.header-content-line-2-nav-boxout {
    display: none;
}
.header-content-line-2-mail-out {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.header-content-line-2-out {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #18181821;
}
.header-content-line-2-li-item {
    padding: 0.5rem 0rem 0.5rem 0.7rem;
}
.header-content-line-1-btn-zayvka {
    background: #D21218;
    border: 1px solid #D21218;
    border-radius: 30px;
    color: #fff;
    padding: 0.5rem 1.4rem;
    transition: all 280ms linear;
}
.header-content-line-1-btn-zayvka:hover {
    background-color:#9b0a0e;
}
.header-content-line-2-teleg-link span {
    color: #219ed9;
    margin-left: 0.5rem;
    display: none;
}
.header-content-line-2-coshi-link span {
    color: #3eb031;
    margin-left: 0.5rem;
    display: none;
}
.header-content-line-2-coshi-link,
.header-content-line-2-mail-link {
    text-decoration: none;
}
.header-content-line-2-phone-link {
        letter-spacing: 0.01em;
    color: #213D49;
        font-size: 1rem;
    font-weight: 600;
}
.box-fixed-active .header-content-line-2-phone-link {
    font-size: 0.7rem;
}
.header-content-line-2-li-item img {
    width: 18px;
}
.header-content-line-2-mail-link span{
    color: #181818 ;
    margin-left: 0.4rem;
}
.header-content-line-2-nav-ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    flex: 1;
}
.header-content-line-2-nav-li {
    padding: 0 0.5rem;
    position: relative;
}
.header-content-line-2-nav-li a {
    font-weight: 500;
    font-size: 1.1rem;
    min-width: 3.5rem;
    display: block;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #181818;
    opacity: 0.7;
    padding: 0.5rem 0;
    text-decoration: none;
    transition: all 280ms linear;
}
.box-fixed-active .header-content-line-2-nav-li a {
    font-size: 0.95rem;
}
.header-content-line-2-point-btn {
    margin-left: 1rem;
    display: none;
}
.header-content-line-2-btn-zayvka {
        background: #D21218;
    border: 1px solid #D21218;
    border-radius: 30px;
    font-size: 0.7rem;
    color: #fff;
    padding: 0.3rem 0.8rem;
    transition: all 280ms linear;
}
.header-content-line-2-hamburg-out {
    display: none;
    width: 32px;
    margin-right: 1rem;
    height: 32px;
    border: none;
    padding: 0;
    background-color: transparent;
}
.header-content-line-2-hamburg-item {
    position: relative;
    width: 100%;
    display: block;
    height: 2px;
    border-radius: 5px;
    position: relative;
    background-color: #181818ad;
}
.header-content-line-2-hamburg-item::before,
.header-content-line-2-hamburg-item::after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    height: 2px;
    border-radius: 5px;
    background-color: #181818ad;
}
.header-content-line-2-hamburg-item::before {
    top: -9px;
}
.header-content-line-2-hamburg-item::after {
    top: 9px;
}
.btn-navig-menu {
    padding-right: 1.5rem;
    position: relative;
}
.btn-navig-menu:after {
    content: "";
    position: absolute;
    top: 43%;
    right: 6px;
    width: 14px;
    opacity: 0.4;
     height: 10px;
     background-image: url('/assets/images/right-arrow.png');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
    transition: all 200ms linear; 
}
.box-active-opn:after {
    transform: rotate(180deg);
}
.header-content-line-2-nav-li a:hover {
    color: #9b0a0e;
}
.header-content-line-2-nav-boxout {
    top: 100%;
    left: -50%;
    width: 20rem;
    padding: 0.5rem 1rem;
    box-shadow: 0px 0px 16px -3px rgb(0 0 0 / 56%);
    position: absolute;
    display: none;
    background-color: #fff;
    z-index: 3000;
    
}
.header-content-line-2-nav-out {
    padding: 0;
}
.header-content-line-2-nav-subli {
    list-style: none;
}
.header-content-line-2-nav-out li:not(:last-child) {
    border-bottom: 1px solid #18181821;
}
/*mob*/
.header-mob-out {
    display: none;
    max-width: 46rem;
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
    top: -1%;
    overflow: hidden;
    z-index: 2001;
    background-color: #fff;
}

.header-mob-item {
    height:100%;
    padding: 1.5rem 1rem;
}
.header-mob-head-item {
    display: flex;
    justify-content: space-between;
}
.header-mob-active .header-mob-head-img-out img {
    animation-name: modalBtnCloseLogoOpen;
    animation-duration: 1000ms;
    animation-delay: 200ms;
    animation-fill-mode: both;
}

.header-mob-head-img-out img {
    width: 150px;
} 
.header-mob-head-btn-close {
    position: relative;
    border: none;
    display: block;
    width: 32px;
    height: 32px;
    background-color: transparent;
}
.header-mob-head-btnclose-out {
    margin: 1rem 1rem 0 0;
}
.header-mob-active .header-mob-head-btn-close::before {
    animation-name: modalBtnCloseLeft;
    animation-duration: 1000ms;
    animation-fill-mode: both;
 }
.header-mob-active .header-mob-head-btn-close::after {
    animation-name: modalBtnCloseRight;
    animation-delay: 500ms;
    animation-duration: 1000ms;
    animation-fill-mode: both;
}
.header-mob-head-btn-close::before,
.header-mob-head-btn-close::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 5px;
     background-color:#181818ad ;
     top: 14px;
    left: 0;
}
.header-mob-head-btn-close::before {
    transform: rotate(45deg);
}
.header-mob-head-btn-close::after {
    transform: rotate(-45deg);
}
.header-mob-head-name {
    margin: 1.2rem 0 1.6rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 120%;
    color: #213D49;
}
.header-mob-head-list-out {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.header-mob-head-list-ul {
    padding: 0;
}
.header-mob-head-list-li {
    list-style: none;
}
.header-mob-head-link {
    font-weight: 500;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    display: block;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #213D49;
}
.header-mob-contacts {
    padding: 0.3rem 1rem;
    max-width: 100%;
    margin: 0;
}
.header-mob-contacts img {
    width: 18px;
}
.header-mob-contact-phone {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #181818;
}
.header-mob-contact-mail {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #181818;
}
.header-mob-contact-whatsapp {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #29A71A;
}
.header-mob-contact-telegram {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #1e9ad7;
}
.header-mob-sichsety-out {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 1.5rem;
}
.header-mob-sichsety-one {
    display: block;
    padding: 0.7rem 2rem;
}
.header-mob-sichsety-one img {
    width: 32px;
}
.header-mob-btn-popup-out {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 1rem 0;
}
.header-mob-btn-popup {
    display: block;
    background: #D21218;
    font-size: 1rem;
    border: 1px solid #D21218;
    border-radius: 10px;
    color: #fff;
    padding: 0.5rem 1rem;
    transition: all 280ms linear;
}
.box-overflow {
    overflow: hidden;
}
/* header fixed */
.box-fixed-active .header-content-line-1-out,
.box-fixed-active .header-content-line-2-li-item span {
    display: none;
}
.box-fixed-active .header-content-line-2-point-btn {
    display: block;
}
.box-fixed-active .box-call-back-btn-out {
    display: block;
}
.box-fixed-active .header-logo-out {
    padding: 0 1rem 0rem 0;
}
.box-fixed-active .header-content-line-2-out {
    border-top: none;
}
.box-fixed-active .header-logo-out {
    padding: 0.6rem;
}
.box-fixed-active .header-logo-out img {
    width: 5rem;
}
.box-fixed-active .header-content-line-2-nav-ul {
    margin-bottom: 0;
}

/* end header*/
.container-item { min-height: 1rem;}
/*slider*/
.slider-out {
    padding: 1rem;
}
.slider-item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.slider-left-out,
.slider-right-out {
    width: 50%;
}
.slider-left-out {
    background-image: url(/assets/images/team.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 61% 0%;
}
.slider-left-item {
    max-width: 40rem;
    margin-left: auto;
    margin-top: 13rem;
    margin-right: 1rem;
}
.class-name-h1 {
    color: #213D49;
    font-family: sans-serif;
    font-weight: 900;
    font-size: 4rem;
    line-height: 120%;
    font-weight: bold;
    position: relative;
}
.slider-descrip-p {
    font-family: inherit;
    font-weight: 500;
    margin: 1.5rem 0;
    font-size: 1.2rem;
    line-height: 170%;
}
.slider-descrip-btn-link {
    display: inline-block;
    background: #D21218;
    font-size: 1.2rem;;
    border: 1px solid #D21218;
    border-radius: 30px;
    color: #fff;
    padding: 1rem 2.5rem;
    transition: all 280ms linear;
}
.slider-descrip-btn-link:hover {
    background-color: #9b0a0e;
    color: #fff;
}
.slider-descrip-btn-link img {
    display: inline-block;
    margin-left: 0.5rem;
    transition: all 400ms linear;
}
.slider-descrip-btn-link:hover img {
    margin-left: 1rem;
}
.slider-right-item {
    padding: 0 1rem;
}
.slider-right-img {
    max-width: 100%;
    height: auto;
}
.swiper-slide {
    paddign: 0.2rem;
}
/*end slider*/
/* video */
.content-card-right-video {
    width: 40%;
}
.content-card-right-video iframe{
    width: 100%;
}
/* end video */
.ver-top-block {
        border: 4px solid #edf4fe;
    border-radius: 15px;
    padding: 0.7rem;
}

/* exercises */
.swiper-exerciese-gallery-foto-out {
    overflow: hidden;
}
.boxexerciese-out {
    margin: 5rem 0rem;
}
.boxexerciese-item {
    margin: 4rem 0;
}
.boxexerciese-name {
    display: inline-block;
    margin: 0 0.2rem;
}
.boxexerciese-description-out {
    padding: 1.5rem;
}
.content-fotogallery-name {
        font-style: italic;
    font-weight: 500;
}
.boxexerciese-task-out {
    background-color: #EDF4FE;
    border-radius: 15px;
    padding: 1.5rem 2rem;
}
.images-exercies-gallery-out {
    margin: 2rem 0;
}
.boxexerciese-task-item {
    padding: 0.2rem 1rem;
}
/* end exercises */
/* programm */
.container-item-imgcontent-out {
        display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.imgcontent-left {
        flex: 1;
    padding: 0.5rem;
        min-width: 20rem;
}
.imgcontent-right {
    padding: 0.5rem;
}
.imgcontent-right p{
    margin-bottom: 0.3rem;
}
.imgcontent-right-btn-out {
        display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.imgcontent-right-btn {
        background: #D21218;
    border: 1px solid #D21218;
    border-radius: 5px;
    font-size: 0.9rem;
    color: #fff;
    max-width: max-content;
    text-align: center;
    margin: 0.5rem 0;
    padding: 0.5rem 1rem;
    transition: all 280ms linear;
}
.imgcontent-right-btn:hover {
        background-color: #9b0a0e;
        color: #fff;
}
/* end programm */

/*preim*/
.preim-out {
    margin: 8rem auto;
}
.preim-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.preim-item .preim-one-out:nth-child(1) .preim-one-context-out {
    left: 0%;
}
.preim-item .preim-one-out:nth-child(4) .preim-one-context-out {
    left: -58%;
}
.preim-one-out {
    position: relative;
    background-color:#edf4fe;
    border-radius: 15px;
    margin: 0.5rem;
    width: 16rem;
    height: 10rem;
    cursor: help;;
    transition: all 280ms linear;
}
.preim-one-out:hover {
    background-color: #e7eef9;
    box-shadow: 0 0 20px #edf4fe;
    transform: scale3d(1.1, 1.1, 1.1);
    z-index: 100;
}
.preim-one-context-out {
    display: none;
    position: absolute;
    box-shadow: 0px 0px 10px -5px #000;
    bottom: 110%;
    width: 25rem;
    background-color: #fff;
    z-index: 10;
    left: -22%;
    padding: 0.6rem 1rem;
}
.preim-one-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    align-content: center;
    font-family: inherit;
    width: 100%;
    height: 100%;
}
.preim-one-name {
    font-size: 3.5rem;
    font-weight: bold;
    text-shadow: 2px 0 2px #d21218, 
0 2px 2px #d21218, 
-2px 0 2px #d21218, 
0 -2px 2px #d21218;
    color: #edf4fe;
}
.preim-one-text {
    font-weight: 700;
font-size: 1.3rem;
line-height: 111%;
font-family: cursive;
padding: 0rem 0 2rem;
text-align: center;
color: #213D49;
}
.preim-one-context-item p {
    margin: 0;
    text-align: center;
}
/*end preim*/
/* gallery */
.images-foto-gallety-out {
    overflow: hidden;
}
.images-one-gallery-out {
    margin: 2rem 0;
}
.content-fotogallery-description {
    margin: 1rem 0;
}
/* end gallery */
/*program bg*/
.content-name-out-program {
    position: relative;
}
.content-name-out-program::before,
.content-name-out-program::after {
    position: absolute;
    content: "";
    top: 33%;
    width: 22rem;
    height: 4rem;
    background-image: url("/assets/images/program-bg2.svg");
    background-size: cover;
    background-repeat: no-repeat;
}
.content-name-out-program::before {
    background-position: 100%;
}
.content-name-out-program::after {
    background-position: 0%;
    right: 0;
}
.content-name {
    font-weight: bold;
    font-size: 4rem;
    line-height: 111%;
    text-align: center;
    font-family: inherit;
    color: #213D49;
    z-index: 20;;
}
.catal-bg-cards-out {
    padding: 3rem 0 ;
}
.catal-bg-cards-item {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: wrap;
}
.catal-bg-card-out {
    width: 430px;
    margin: 0.5rem auto;
}
.catal-bg-card-item {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
     overflow: hidden;
    width: calc(100% - 1rem);
    height: 240px;
    margin: auto;
    padding: 0;
    transition: all 280ms linear;
}
.catal-bg-card-name-out {
        display: flex;
    justify-content: center;
    align-items: center;
}
.catal-bg-card-name-item {
      color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 130%;
    margin: 1.5rem auto;
    border-radius: 100px;
    padding: 0.6rem 2.5rem;
    z-index: 10;
    background-color: #D2171C;
}
.catal-bg-card-backcol-red {background-color: #D2171C;}
.catal-bg-card-backcol-green {background-color: #29A71A;}
.catal-bg-card-backcol-blue {background-color: #1837E3;} 
.catal-bg-card-item-masks {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    height: 10rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0.5rem 1rem;
    color: #fff;
    z-index: 20;
    transition: all 280ms linear;
    background-image: linear-gradient(180deg, rgba(33, 61, 73, 0) 40%, #213d49e6 70%);
}
.catal-bg-card-item-name {
    font-style: normal;
    font-weight: 900;
    font-size: 1.2rem;
    line-height: 130%;
    margin-bottom: 0.5rem;
    color: #FFFFFF; 
}
.catal-bg-card-item .catal-bg-card-item-descr,
.catal-bg-card-item .catal-bg-card-item-link {
    display: none;
    font-style: normal;
font-weight: 400;
font-size: 1rem;
line-height: 140%;
   }
.catal-bg-card-item:hover {
    transform: scale(1.02);
    z-index: 100;
}
.catal-bg-card-item:hover .catal-bg-card-item-masks {
    height: 100%;
    background-image: linear-gradient(180deg, rgba(33, 61, 73, 0) 0%, #213d49e6 50%);
}
.catal-bg-card-item:hover .catal-bg-card-item-descr,
.catal-bg-card-item:hover .catal-bg-card-item-link {
    animation-name : catalBgP ;
    animation-duration: 300ms;
    animation-fill-mode: both;
    display: block;
    
}
.catal-bg-card-context-item {
    padding: 1rem 0.5rem;
}
.catal-bg-card-context-li {
    list-style: none;
    /* width: 100%; */
    margin: 0.6rem 3rem;
}
.catal-bg-card-context-link {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 140%;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #213d49b8;
    
}
.catal-bg-card-context-img {
    display: inline-block;
    width: 20px;
    height: auto;
    margin-left: 0.5rem;
    max-height: 20px;
}
.images-timbilding-out {
    overflow: hidden;
}
.space-describe {
    margin: 4rem;
}
.space-idea {
    margin: 4rem;
}
.space-legend {
        background-color: #EDF4FE;
    border-radius: 10px;
    padding: 2rem;
    margin: 2rem;
}
.space-legend h4, .space-idea h4 {
    margin: 0;
    font-weight: 900;
    font-size: 2rem;
    line-height: 120%;
    color: #D21218;
    margin-bottom: 2rem;
}

/*end program bg*/
/* steps */
.step-box-out {
    position: relative;
    border: 4px solid #EDF4FE;
    margin: 1.5rem 0;
        padding: 1.5rem 1rem 1rem 5rem;
}
.step-number-out {
    position: absolute;
    content: "";
        top: 1rem;
    left: 2rem;
    width: 42px;
    height: 40px;
    font-size: 2rem;
    color: #e05a5e;
    z-index: 5;
}
/* end steps */
/*about bg*/
.about-us-bg-out {
    margin: 4rem auto;
    overflow-x: hidden;;
}
.about-us-bgup-img-out video {
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-top: -2rem;
    margin-right: -6rem;
    display: block;
}
.about-us-bg-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
.about-us-bgup-line-out {
    grid-column: 1/-1;
    grid-row: 1/3;
    position: relative;
    overflow-x: hidden;
}
.about-us-bgup-line-out::before {
    position: absolute;
    content: "";
    top: 15%;
    left: 30%;
    right: 0;
    background-image: url('/assets/images/be_a_team.svg');
    background-repeat: no-repeat;
    width: 75rem;
    height: 3.9rem;
}
.about-us-context-out {
    background: #EDF4FE;
border-radius: 10px;
padding: 4rem 3rem;
margin-top: -2rem;
    grid-column: 1/4;
    grid-row: 3/7;
    z-index: 10;
}
.about-us-bgup-img-out {
    border-radius: 10px;
    overflow: hidden;
    grid-column: 3/7;
    grid-row: 1/7;
}
.about-us-bgup-name {
    margin-top: 3rem;
    font-weight: 900;
    font-size: 3.5rem;
    line-height: 111%;
    color: #213D49;
}
.about-us-bgup-link {
    font-size: 1rem;
line-height: 120%;
text-align: left;
letter-spacing: 0.01em;
color: #D21218;
}
/*end about bg*/
.our-mission {
    background-color: #edf4fe;
    padding: 2rem;
    margin: 3rem 0;
}
.box-navigat-name {
    color: #D21218;
}
.box-navigat-li {
    list-style: none;
    margin: 5px 0 ;
    cursor: pointer;
}
.price-slider-box ul > li:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    left: -16px;
    top: 6px;
    background-image: url("/assets/images/elipse-list-red.svg");
    background-repeat: no-repeat;
}
.box-navigat-item {
    background: #f9f9f9;
    border: 1px solid #aaa;
    max-height: 20rem;
    overflow: auto;
    padding: 1rem;
    border-radius: 5px;
    max-width: 46rem;
    width: 95%;
    margin: auto;
}
.box-navigat-outer {
    display: none;
}
/*tabs preim bg*/
.tabs-preim-out {
    margin: 4rem 0;
}
.tabs-preim-tabs-out {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.tabs-preim-tab-one-out {
    width: 16rem;
    height: 13rem;
    border: 4px solid #EDF4FE;
border-radius: 10px;
margin: 0.2rem;
}
.tabs-preim-tab-one-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}
.tabs-preim-tab-one-img {
    width: 55px;
}
.tabs-preim-tab-one-content {
    margin: 1rem 0 0;
    max-width: 13rem;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 140%;
    text-align: center;
    color: #213D49;
}
.tabs-preim-tab-one-content span {
    color: #D21218;
}
/*end tabs preim bg*/

/* plachka */
.plachka-ul {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.plachke-list {
        list-style: none;
        margin: 0.7rem 1rem;
}
.plachka-link {
    padding: 0.5rem 1.5rem;
    background-color: #fff;
    color: #000;
    border: 2px solid #EDF4FE;
    border-radius: 5px;
}


/* end plachka */

/*know price bg*/
.knows-price-tim-out {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.knows-price-tim-item {
    padding: 3rem;
    background: #edf4fe4d;
    border-radius: 5px;
}
.knows-price-tim-name {
    font-weight: 900;
font-size: 3rem;
line-height: 130%;
text-align: left;
letter-spacing: 0.02em;
color: #213D49;
}
.knows-price-tim-context {
    font-weight: 400;
    font-size: 1.3rem;
    margin-top: 2rem;
    line-height: 160%;
    text-align: left;
    color: #252728; 
}
.knows-price-tim-form {
    display: flex;
    margin: 2rem 0;
    justify-content: space-evenly;
    align-items: baseline;
    flex-wrap: wrap;
    align-content: baseline;
}
.knows-price-tim-inp {
    background: #EDF4FE;
border-radius: 5px;
padding: 1rem;
border: none;
width: 21rem;
font-weight: 400;
font-size: 1.1rem;
line-height: 160%;
max-width: 100%;;
color: #252728;
}
.knows-price-tim-inp-left,
.knows-price-tim-inp-right {
    background: #EDF4FE;
    border-radius: 5px;
    padding: 0.5rem;
    border: none;
    width: 40%;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 160%;
    max-width: 50%;
    color: #252728;
}
.knows-price-tim-form-inp {margin: 0.4rem;}
.controls {margin: 0.7rem;}
.knows-price-tim-form-inp-out {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 0.4rem 0;
}
.knows-price-tim-form-btn {
    display: inline-block;
    background: #D21218;
    font-size: 1.2rem;
    border: 1px solid #D21218;
    border-radius: 30px;
    color: #fff;
    padding: 1rem 5rem;
    transition: all 280ms linear;
}
.datepickerstartend-label {
    margin: 0.5rem;
    font-size: 0.9rem;
    color: #505761;
}
.knows-price-tim-form-btn:hover {
    background-color: #9b0a0e;
    color: #fff;
}
.knows-price-tim-mikrotext {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    color: #252728; 
}
/*end know price bg*/

/*reviews*/
.reviews-out {
    margin: 4rem 0;
}
.reviews-arrows-item{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.reviews-name-out {
    padding-bottom: 2rem;
    position: relative;
}
.reviews-name-out::before {
    content: "";
    background-image: url(/assets/images/icon-reviews.png);
    top: 0;
    position: absolute;
    background-size: contain;
    width: 31rem;
    background-position: center;
    height: 4.2rem;
    right: 3%;
}
.reviews-name-item {
    font-weight: 900;
    font-size: 3.6rem;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #213D49;
}
.reviews-name-btn-out {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.reviews-name-btn {
    margin-right: 7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    border: 1px solid #d21218;
border-radius: 70px;
/* width: 281px;
height: 70px; */
   padding: 1rem 1.4rem;
background: #fff;
font-size: 1rem;
color: #D21218;
transition: all 280ms linear;
}
.reviews-name-btn:hover {
    background-color: #D21218;
    color: #fff;
}
.reviews-name-btn svg {
    margin-left: 1rem;
}
.reviews-name-btn:hover svg path {
    fill: #fff;
}

.reviewsall-name-btn {
    border-radius: 70px;
    background: #d21218;
/* width: 281px; */
font: 500 16px / "Montserrat", sans-serif;
letter-spacing: 0.01em;
text-align: center;
color: #fff;
height: 70px;
padding: 1rem 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.reviews-arrows-right,
.reviews-arrows-left {
    margin: 0.3rem;
}
.swiper-pagination {
    position: relative;
    color: #D21218;
    width: 4rem;
    margin-top: 1rem;
}
.reviews-out .swiper-slide-active { 
    border: 2px solid #213d4929;
    
border-radius: 10px;
}
.swiper-slide-active img {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 250px;
}
.reviews-content-out .swiper-slide-active img {
    max-width: max-content;
}
.reviews-content-item {
    cursor: e-resize;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.reviews-content-left {
    width: 40%;
    padding-right: 1rem;
}
.reviews-content-left-out {
    background: #EDF4FE;
    border-radius: 10px;
    width: 23rem;
    max-height: 35rem;
}
.reviews-content-left-item {
    padding: 2.6rem 0 0 3.2rem;
}
.reviews-content-right {
    width: 60%;
    padding-left: 1rem;
}
.content-reviews-outer {
    display: none;
}
#bigimg-reviews {
    width: 24rem;
    }
.image-slider-reviews-img-item {
        /* max-width: 198px;
            max-height: 198px; */
            max-width: 160px;
    max-height: 160px;
}
/*end reviews*/
.image-slider-gallery-img-item {
    display : block;
    margin: auto;
    max-width: 250px;
    border-radius: 10px;
    height: auto;
}
/* question - answers */
.box-answers__all li {
    list-style: none;
    position: relative;
}
.box-answers__all li:after {
        content: "";
    position: absolute;
    top: 20px;
    right: 9px;
    width: 15px;
    opacity: 0.4;
    height: 10px;
    background-image: url(/assets/images/right-arrow.png);
        background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 200ms linear;
}

.content-answer {
    display: none;
    padding: 1rem;
    font-style: italic;
}
.box-answers__all {
    max-width: 56rem;
    margin: 2rem auto;
}
.box-answers__li {
        padding:  0.5rem 2rem 0.5rem 0.5rem;
        transition: all 400ms linear;
}
.box-answers__open {
    box-shadow: 0 0 4px #0000003d;
    margin-bottom: 1rem;
    border-radius: 4px;
    
}
.box-answers__open:after {
    transform: rotate(180deg);
}
/*end question - answers */
.swiper-gallery-o-nas {
        margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
/*create teamb*/
.create-teamb-out {
    margin: 0;
}
.crate-teamb-item {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    
    margin-left: 12%;
}
.crate-teamb-right-out {
    flex: 1;
}
.crate-teamb-right-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}
.crate-teamb-left-out {
    padding-top: 5rem;
}
.crate-teamb-name {
    font-style: normal;
font-weight: 900;
font-size: 3rem;
line-height: 140%;
letter-spacing: 0.02em;
color: #213D49;
}
.crate-teamb-context-out {
    margin: 3rem 0;
    padding: 0;;
}
.crate-teamb-context-out li{
    list-style: none;
    max-width: 28rem;
    padding: 1rem 0rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.crate-teamb-context-btn-out {
    margin-bottom: 3rem;
}
.crate-teamb-context-item {
    padding-left: 1rem;
    display: inline-block;
}
.crate-teamb-context-btn {
    display: inline-block;
    background: #D21218;
    font-size: 1.2rem;
    border: 1px solid #D21218;
    border-radius: 30px;
    color: #fff;
    padding: 1rem 5rem;
    transition: all 280ms linear;
}
.crate-teamb-context-btn:hover {
    background-color: #9b0a0e;
    color: #fff;
}
.crate-teamb-context-btn-text {
    font-style: normal;
font-weight: 400;
font-size: 13px;
margin-left: 3rem;
max-width: 20rem;
display: inline-block;
line-height: 160%;
color: #252728;
}
/*end create teamb*/
.after-form-info a {
    color: #D21218;
}
.after-form-info ul li {
        text-decoration: none;
    list-style: none;
    display: block;
  margin-left: 30px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #252728;
  opacity: 0.9;
  position: relative;
}

.after-form-info li:before {
  content: '';
  position: absolute;
  background-image: url("/assets/images/elipse-list-red.svg");
  background-repeat: no-repeat;
  width: 9px;
  height: 9px;
  top: 7px;
  left: -30px;
}

.after-form-info span {
  font-size: 20px;
  font-weight: normal;
}

.after-form-info {
  margin-top: 90px;
  margin-bottom: 100px;
}
.after-form-info ol li::marker {
    color: #D21218;
}

.after-form-info p,
.after-form-info span {
  margin: 0;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #252728;
}

.after-form-info h5 {
  margin: 0;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 29px;
  color: #252728;
  opacity: 0.9;
}


/* content catal cards */
.content-catal-cards > div.content-card-out:nth-child(2n) .content-card-item {
    flex-direction: row-reverse;
}

.content-card-out {
   margin: 1rem 0;
}
.content-card-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content-card-left,
.content-card-right {
    padding: 1rem;
}
.content-card-left {
    max-width: 60%;
    min-width: 300px;
    flex: 1;
}
.content-card-btn-link {
   display: inline-block;
    background: #D21218;
    font-size: 1rem;
    border: 1px solid #D21218;
    border-radius: 30px;
    margin-top: 1rem;
    color: #fff;
    padding: 0.7rem 2.5rem;
    transition: all 280ms linear;
}
.content-card-btn-link img {
    margin-left: 1rem;
}
/* end content catal cards */

/*footer*/
.footer-outer {
    background-color: #EDF4FE;
    width: 100%;
    padding: 1rem;
    max-width: 100%;
}
.footer-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.5rem 0 ;
    flex-wrap: wrap;
}
.footer-left-item {
    padding: 0 0.5rem 0 0;
}
.footer-right-out {
    flex: 1;
    margin-top: 8rem;
}
.footer-left-img {
    max-width: 100%;
    height: auto;
    display: block;
}
.footer-left-phone {
    display: block;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #181818;
    margin: 1rem 0;
    font-weight: bold;
}
.footer-left-mail {
    display: block;
    font-weight: 500;
font-size: 0.9rem;
line-height: 120%;
margin: 0.6rem 0;
letter-spacing: 0.01em;
color: #181818;
}
.footer-left-whatsapp img,
.footer-left-mail img{
    display: inline-block;
    margin-right: 0.5rem;
}
.footer-left-whatsapp {
    display: inline-block;
    margin-right: 0.5rem;
    font-weight: 400;
font-size: 0.9rem;
line-height: 120%;
margin: 0.6rem 0;
letter-spacing: 0.01em;
color: #29A71A;
opacity: 0.9;
}
.footer-left-soch-seti-out {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer-left-soch-seti-out img {
    width: 22px;
}
.footer-left-soch-seti-li {
    margiN: 0.5rem;
}
.footer-left-context {
    margin: 0;
    font-weight: 400;
font-size: 0.9rem;
line-height: 160%;
color: #252728;
}
.footer-right-line-1-out {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}
.footer-right-line-1-right,
.footer-right-line-1-left {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}
.footer-right-line-1-left-list-out {
    padding: 0;
    list-style: none;
    margin: 0 0.5rem;
}
.footer-right-line-1-left-list-li {
    margin: 0.5rem 1rem;
}
.footer-right-line-1-left-list-li a {
    font-weight: 500;
    font-size: 0.9rem;
line-height: 200%;
letter-spacing: 0.01em;
color: #213D49;
font-weight: 600;
transition: all 280ms linear;
}
.footer-right-line-1-left-list-li:hover a {
    color: #d21218;
}
.footer-right-down-out {
    margin-top: 2rem;
}
.footer-right-down-p {
    margin: 0 0 0 5rem;
}
.footer-right-line-1-right-p {
    font-weight: 600;
    
font-size: 1rem;
line-height: 140%;
color: #213D49;
}
.news-company  {
    background: #FFFFFF;
    border-radius: 5px;
    border: none;
    padding: 0.5rem 0.7rem;
    margin: 0rem 0.5rem 0.5rem 0;
    min-width: 15rem;
}
.news-company-submit {
    display: inline-block;
    background: #D21218;
    font-size: 1rem;
    border: 1px solid #D21218;
    border-radius: 30px;
    color: #fff;
    padding: 0.4rem 1.9rem;
    transition: all 280ms linear;
}
.news-company-context-ext {
    margin: 0.5rem 0;
    font-weight: 400;
font-size: 0.8rem;
line-height: 140%;
color: #2527287a;
}
/*end footer*/


@media screen and (max-width: 1440px) {
    .slider-left-item {
        margin-top: 10rem;
    }
    .crate-teamb-item {
        margin-left: 6%;
        
    }
    .content-name-out-program::before,
         .content-name-out-program::after {
            width: 18rem;
         }
         .crate-teamb-right-item {
            background-position: 20% 0%;
         }
}
@media screen and (max-width: 1240px) {
    .header-content-line-1-point-name {
        font-size: 1.2rem;
    }
    .header-content-line-1-point-phone a {
        font-size: 1.1rem;
    }
    .header-content-line-1-point-phone {
        min-width: 10.5rem;
    }
    .slider-left-out {
        width: 70%;
    }
    .slider-right-out {
        width: 30%;
    }
    .header-content-line-1-point-text a {
        font-size: 0.9rem;
    }
    .class-name-h1 {
        font-size: 3rem;
        margin-left: 1rem;
    }
    .header-logo-out img {
        max-width: 6rem;
    }
    .header-content-line-2-nav-li a {
        font-size: 1rem;
     }
    .slider-left-item {
        margin-top: 11rem;
        max-width: 100%;
        margin-left: 2rem;
    }
    .preim-one-context-out {
        left: 0;
        right: 0;
        max-width: 100%;
        height: auto;
    }
    .content-name-out-program::before,
         .content-name-out-program::after {
            width: 10rem;
         }
         .about-us-context-out {
            margin-top: -2rem;
    grid-column: 1/5;
         }
         .about-us-bgup-line-out::before {
            top: 32%;
            left: 30%;
         }
         .knows-price-tim-name {
            font-size: 3rem;
         }
         .knows-price-tim-form {
            margin: 1rem 0;
         }
         .knows-price-tim-mikrotext {
            text-align: center;
         }
         .reviews-content-left-item {
            padding: 1.5rem 0 0 1rem;
         }
         .reviews-content-left-item  img{
            max-width: 100%;
         }
         .reviews-content-left-out {
            width: 100%;;
         }
         .crate-teamb-item {
            margin: 0 1rem ;
         }
         .crate-teamb-context-btn {
            padding: 0.8rem 3rem;
         }
         .crate-teamb-name {
            line-height: 120%;
            font-size: 2rem;
            
         }
         .crate-teamb-right-item {
            background-position: 14% 0%;
         }
         .crate-teamb-left-out {
            padding-top: 1rem;
            max-width: 45%;
         }
         .crate-teamb-context-btn-text {
            margin: 1rem;
         }
         .crate-teamb-context-out {
            margin: 2rem ;
         }
         .footer-right-out {
            margin: 0rem 0 2rem 0;
         }
}
@media screen and (max-width: 992px) {
    .header-logo-out {
       /*  padding: 0.5rem 0.7rem 1.4rem 0; */
    }
        .header-content-line-2-li-item {
        padding: 0.5rem;
    }
        .header-content-line-2-nav-li {
        padding: 0 0.3rem;
    }
    .header-content-line-2-hamburg-out {
        display: block;
    }
    .btn-navig-menu {
        padding-right: 1.4rem;
    }
    .header-content-line-2-nav-ul {
        display: none;
    }
    .header-content-line-1-point-text {
        display: none;
    }
    .header-content-line-2-li-item img {
        width: 1.5rem;
    } 
    .class-name-h1 {
        font-size: 2.5rem;
    }
    .slider-left-item {
        margin-top: 10rem;
    }
    .slider-descrip-p {
        margin: 2rem 0;
    }
    .slider-right-item {
        padding: 0 0.5rem;
    }
    .content-name-out-program::before,
    .content-name-out-program::after {
     display: none;
    }
    .content-name {
        font-size: 2.3rem;
    }
    .preim-out {
        margin: 5rem auto;
    }
    .about-us-bgup-line-out::before {
        display: none;;
    }
    .about-us-bg-out {
        margin: 1rem auto;
    }
    .knows-price-tim-name {
        font-size: 2.3rem;
    }
    .reviews-arrows-right img,
     .reviews-arrows-left img {
        width: 3rem;
     }
     .reviews-name-out::before {
        display: none;
     }
     .reviews-name-item,
     .about-us-bgup-name {
        font-size: 3rem;
     }
     .crate-teamb-context-btn{
        display: block;
        margin: auto;
     }
     .content-card-right-video {
        width: 55%;
    }
}
@media screen and (max-width: 768px) {
    .header-content-line-1-point-name {
        display: none;;
    }
    .header-content-line-2-li-item {
    padding: 0.3rem;
}
    .class-name-h1 {
        font-size: 2rem;
        line-height: 110%;
    }
    .slider-descrip-p {
        margin: 0.8rem 0 1rem;
        line-height: 120%;
        font-size: 1.1rem;
    }
    .slider-left-out {
        width: 60%;
    }
    .slider-right-out {
        width: 40%;
    }
    .slider-left-item {
        margin-top: 7rem;
    }
    .slider-descrip-btn-link {
        padding: 0.8rem 1.9rem;
    }
    .content-name-out-program::before,
     .content-name-out-program::after {
        display: none;
     }
     .catal-bg-card-out {
        width: 48%;
        margin: 0.5rem auto;
     }
     .catal-bg-card-name-item {
             font-size: 0.9rem;
    padding: 0.7rem 2.3rem;
     }
     .about-us-bg-item {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr ;
        grid-gap: 0.5rem;
     }
     .about-us-bgup-line-out {
        grid-column: 1/2;
        grid-row: 1/2;
     }
     .about-us-context-out {
        grid-column: 1/2;
        grid-row: 4/6;
        margin-top: 0;
        padding: 2rem 1.5rem;
     }
     .about-us-bgup-img-out {
        grid-column: 1/2;
        grid-row: 2/4;
     }
     .about-us-bgup-img-out video {
        margin-left: auto;
        margin-top: 0;
        margin-right: auto;
     }
     .crate-teamb-item {
        flex-wrap: wrap;
     }
     .crate-teamb-left-out,
     .crate-teamb-right-out {
        width: 100%;
        max-width: 100%;
     }
     .crate-teamb-right-out {
        flex: auto;
        height: 20rem;
     }
     .crate-teamb-right-item {
        background-position: center;
        
     }
     .box-fixed-active .header-content-line-2-phone-link {
        font-size: 0.8rem;
            width: 7.3rem;
    }
    .content-card-left,
    .content-card-right {
        padding: 0.5rem;
    }
}

@media screen and (max-width: 575px) {
    .header-content-line-1-out {
        display: none;
    }
    .header-content-line-2-out {
        border-top: none;
    }
    .box-fixed-active .header-content-line-2-point-btn,
    .box-fixed-active .box-call-back-btn-out {
       display: none; 
    }
    
    .slider-item {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .slider-left-out,
    .slider-right-out {
        width: 100%;
        margin: 0.5rem 0;
    }
    .preim-out {
        margin: 3rem auto;
    }
    .header-logo-out img {
        max-width: 5rem;
    }
    .preim-one-out {
        width: 45%;
        height: 8rem;
    }
    .preim-one-name {
        font-size: 2.5rem;
    }
    .catal-bg-card-out {
        width: 100%;
        overflow: hidden;
    }
    .header-content-line-2-li-item span {
        display: none;
    }
    .after-form-info {
        margin-top: 40px;
    }
    .tabs-preim-tab-one-out {
        width: 46%;
        height: 11rem;
    }
    .reviews-name-btn {
        font-size: 0.8rem;
        padding: 0.5rem 0.8rem;
    }
    .knows-price-tim-form-inp,
     .controls {
        width: 100%;
     }
     .knows-price-tim-name {
        font-size: 1.9rem;
    }
    .slider-left-item {
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .catal-bg-card-item-name {
        font-size: 1rem;
        line-height: 110%;
        margin-bottom: 0.3rem;
    }
    .knows-price-tim-context {
        font-size: 1rem;
    margin-top: 1rem;
    line-height: 110%;
    }
    .knows-price-tim-form {
        margin: 0.5rem 0;
    }
    .reviews-content-left,
    .reviews-content-right {
        width: 100%;
        margin: 1.5rem 0;
        padding: 0;
    }
    .about-us-bg-item {
        padding: 0;
            grid-template-rows: repeat(3,7rem);
    grid-gap: 1rem;
    }   
    .catal-bg-card-item:hover {
    transform: scale(1.01);
    }
    .about-us-bg-out {
        margin: 0 auto;
    }
    .knows-price-tim-inp {
        width: 100%;
    }
    .knows-price-tim-form-btn {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0.7rem 1rem;
        margin-top: 1rem;;
    }
    .reviews-out {
        margin: 1rem 0;
    }
    .class-name-h1 {
        font-size: 2.6rem;
    }
    .footer-right-down-p {
        margin: 0 1rem;
        font-size: 0.8rem;
    line-height: 110%;
    }
    .content-catal-cards > div.content-card-out:nth-child(2n) .content-card-item,
    .content-catal-cards > div.content-card-out .content-card-item {
       flex-direction: column-reverse;
    }
    .content-card-item {
        flex-wrap: wrap;
    }
    .content-card-left,
    .content-card-right {
        width: 100%;
        max-width: 100%;
        min-width: inherit;
    }
    .boxexerciese-out {
        margin: 2rem 1rem;
    }
    .content-fotogallery-name {
        font-size: 1rem;
    }
    .boxexerciese-task-out,
    .boxexerciese-description-out {
            padding: 1rem;
    }
    .step-box-out {
        padding: 1rem 0.5rem 0.5rem 3rem;
    }
    .step-number-out {
            left: 1rem;
    }
    .space-legend,
    .space-idea,
    .space-describe {
    margin: 0rem;
    }
    .space-legend {
        margin: 1rem 0rem;
        padding: 1rem;
    }
    .space-idea {
        margin: 1rem;
        
    }
}
@media screen and (max-width: 390px) {
    
    .knows-price-tim-item {
        padding: 1rem;
    }
    .reviews-content-right {
        padding: 0;;
    }
    .about-us-bg-item {
        padding: 0;
        grid-template-rows: repeat(3,5rem);
    grid-gap: 0.5rem;
    } 
    .header-mob-btn-popup {
        padding: 0.5rem;
    }
    .preim-one-out {
        margin: 0.3rem 0.1rem;
    }
    .preim-one-name {
        font-size: 1.6rem;
    }
    .preim-one-text {
        font-size: 0.9rem;
        padding: 0;
    }
    .slider-left-item {
        margin-top: 5rem;
    }
    .content-name {
        font-size: 1.8rem;
    }
    .reviews-name-item,
     .about-us-bgup-name {
        font-size: 1.9rem;
     }
     .tabs-preim-tab-one-content {
        font-size: 0.9rem;
     }
     .knows-price-tim-name {
        font-size: 1.5rem;
     }
     .crate-teamb-name {
        line-height: 110%;
        font-size: 1.3rem;
    }
    .crate-teamb-context-out {
        margin: 1rem;
    }
    .knows-price-tim-form-btn {
        font-size: 1rem;
        padding: 0.4rem 1rem;
    }
    .crate-teamb-context-btn {
        font-size: 1rem;
        padding: 0.5rem 3rem;
    }
    .knows-price-tim-inp {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
    .slider-descrip-btn-link {
        font-size: 1rem;
        display: block;
        margin: 1rem auto;
    }
    .boxexerciese-out {
        margin: 2rem 0rem;
    }
}

@media screen and (max-width: 992px) and (max-height: 600px){
    .header-mob-item {
        overflow-y: scroll;
    /*min-height: 80rem;*/
    }
    .header-mob-head-out {
        /*overflow-y: scroll;*/
    min-height: 40rem;
    }
    
}