/*MOBILE*/

@media (max-width:900px) {

    html,
    body {
        position: relative;
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        font-size: 15px;
    }

    section {
        position: relative;
        padding: 25px 0;
    }

    h1 {
        font-size: 28px;
        text-align: left;
    }

    .but a,
    .but button {
        color: var(--black);
        padding: 17px 20px;
        color: white;
        font-size: 16px;
        transition: 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
    }

    .container {
        padding: 0 15px;
    }

    .fl {
        flex-wrap: wrap;
    }

    .fl-column {
        flex-direction: column;
        height: 100%;
    }

    .desc,
    .pad {
        display: none
    }

    .mob {
        display: block
    }



    header .burg {
        margin-left: 0;
        margin-right: 6px;
        position: relative;
        z-index: 9;
    }




    .burger-menu .close-menu img {
        width: 36px;
    }

    .burger-menu .cont-item {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
    }

    .burger-menu .cont-item img {
        margin-right: 10px
    }

    .burger-menu .cont-item span {
        font-weight: 500;
        display: block;
        margin-bottom: 0;
    }

    .burger-menu .close-menu {
        position: absolute;
        right: 20px;
        top: 17px;
    }




    /*MAIN*/

    header {
        background: white;
        width: 100%;
        padding: 0px 0px 22px 0;

    }

    header .shadow {
        box-shadow: 0px 4px 18px rgba(3, 34, 67, 0.2) !important;
        padding: 12px 0 12px;
    }

    .inner header .shadow {
        box-shadow: none;
        padding: 12px 0 12px;
    }

    header .header-left {
        flex-basis: 70%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    header nav ul {
        display: flex;
        position: relative;
        top: -3px;
    }

    header nav ul li {
        margin-right: 30px;
    }

    header .header-right {
        flex-basis: 45%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    header .logo {
        margin-bottom: 0px;
        flex-basis: auto;
        max-height: 41px;
    }

    header .logo img {
        max-height: 41px
    }

    header .names {
        display: flex;
        flex-basis: 60%;
        margin-top: -30px;
    }

    header .names .item {
        margin-right: 80px;
    }

    header .names .item:last-child {
        margin-right: 0px;
    }

    header .phone {
        display: flex;
        margin-bottom: 10px;
    }

    header .phone a {
        font-size: 18px;
        font-weight: 700;
    }

    header .time {
        font-size: 18px;
    }

    header .phone a + a {
        margin-left: 20px;
    }

    header .soc {
        display: flex
    }

    header .soc a + a {
        margin-left: 20px;
    }

    header .soc a img {
        min-width: 39px;
    }

    header .adr {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #CBD7E3;
    }

    header .adr p {
        margin-bottom: 10px;
        font-size: 18px;
    }

    header .adr p + p {
        margin-bottom: 0px;
    }

    header nav .arr {
        background: url(../img/down.svg) no-repeat center center;
        width: 24px;
        display: inline-block;
        height: 13px;
        position: relative;
        top: 2px;
    }


    /*PROMO*/

    .promo {
        padding-bottom: 50px;
        padding-top: 30px;
    }

    .promo .item {
        padding-bottom: 40px
    }

    .promo .title {
        font-size: 36px;
        margin-bottom: 30px;
        max-width: 700px;
        font-weight: bold;
    }

    .promo p b {
        font-size: 17px;
        display: block;
        margin-bottom: 15px;
    }

    .promo ul {
        list-style: disc;
        padding-left: 23px;
    }

    .promo ul li {
        list-style: disc;
        color: var(--gray);
        font-size: 15px;
        margin-bottom: 5px;
        padding-left: 0px;
    }


    .promo .let {
        position: relative;
        bottom: 60px;
        background: #d5dfe9;
        left: 0;
        display: inline-flex;
        padding: 11px 18px;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 10px;
    }


    .promo .swiper-button-next {
        display: none;
    }

    .promo .img {
        position: relative;

    }

    .promo .swiper-button-next {
        background: url(../img/next.svg) no-repeat center center;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 40%;
        top: 50%;
        cursor: pointer;
        z-index: 99;
    }

    .promo .let img {
        width: 40px;
        margin-right: 20px;
    }

    .promo .let p b {
        font-size: 20px;
        font-weight: bold;
        display: block;
        margin-bottom: 0px;
    }

    .promo .let p {
        font-size: 15px;
    }


    .promo .price {
        background: var(--grad);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 500;
        font-size: 22px;
        margin-left: 30px;
    }

    .promo .actions {
        margin-bottom: 32px;
    }

    .promo .player {
        position: relative;
        margin-top: -70px;
    }


    .promo video {
        border-radius: 5px;
    }

    .promo .plays {
        position: absolute;
        top: 45%;
        left: 45%;
        z-index: 999;
    }


    .promo {}



    /*ABOUT*/

    .about .col-md-6 + .col-md-6 {
        order: -1;
        margin-bottom: 30px;
    }

    .about .row {
        align-items: center;
    }

    .about .text {
        padding-left: 0px;
    }

    .about .subtitle {
        background: var(--grad);
        font-size: 16px;
        padding: 15px 60px;
        margin-bottom: 25px;
        display: inline-block;
        margin-top: 20px;
        border-radius: 5px;
        color: white;
        text-align: center;
    }

    .about p {
        color: var(--gray);
    }

    .about .metro {
        margin-top: 39px;
    }

    .about .metro .item {
        background: var(--prime);
        border-radius: 5px;
        display: inline-flex;
        align-items: center;
        min-width: 200px;
        color: white;
        font-weight: 500;
        height: 54px;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .about .metro .item img {
        margin-right: 10px;

    }

    .about .metro .item + .item {
        margin-left: 0;
        background: var(--sec);
        margin-top: 15px;
    }

    h2 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 30px;
    }


    /*SERVICES*/

    .services {}

    .services .title {
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: bold;
    }

    .services .fl {
        gap: 10px;
        flex-wrap: wrap;
    }

    .services .item {
        flex-basis: 100%;
    }

    .services .item-in {
        background: var(--grad2);
        display: inline-flex;
        border-radius: 5px;
        padding: 15px;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        width: 100%;
    }

    .services .item-in img {
        width: 40px;
        margin-bottom: 0px;
    }

    .services .item-in p b {
        font-weight: 500;
        display: block;
        margin-bottom: 10px;
        color: initial
    }

    .services p {
        color: var(--gray)
    }

    .services .item .text {
        margin-top: 20px
    }

    .services .item span {
        color: var(--gray)
    }

    .services .item:hover .item-in {
        background: linear-gradient(112deg,
                rgba(147, 161, 172, 1) 0%,
                rgba(96, 125, 147, 1) 22%,
                rgba(105, 130, 158, 1) 61%,
                rgba(76, 114, 174, 1) 100%);
        color: white;
    }

    .services .item:hover .item-in p b {
        color: white;
    }

    .services .item:hover .item-in p {
        color: white;
    }

    .services .item:hover .item-in span {
        color: white;
    }

    .services .item:hover .item-in img {
        filter: brightness(100);
    }

    .swiper-pagination {
        top: auto !important;
    }


    /*ABOUT 2*/

    .about2 {
        border-bottom: 100px solid white;
        background: var(--grad2);
        padding-bottom: 0;
    }

    .about2 .ae .text {
        flex-basis: 33%;
        flex-direction: column;
        display: flex;
        justify-content: space-between;
        height: 100%
    }

    .about2 .img {
        flex-basis: 100%;
        height: auto;
        margin-top: 20px;
    }

    .about2 .img img {
        border-radius: 5px
    }

    .about2 p {
        color: var(--gray);
        padding-right: 40px;
    }

    .about2-fl {
        display: flex;
        align-items: stretch;
        /* Это важно */
    }

    .text-container {
        flex-basis: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .services2 {
        gap: 15px;
        position: relative;
        margin-top: -20px;
        top: 100px;
        justify-content: space-between;
    }

    .services2 .item {
        flex-basis: 100%;
    }

    .services2 .item img {
        width: 60px
    }

    .services2 .item-in {
        background: var(--grad2);
        display: inline-flex;
        border-radius: 5px;
        padding: 15px;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
        width: 100%;
    }

    .services2 .item-in p {
        color: initial;
        font-size: 14px;
    }

    .services2 .item-in p b {
        font-weight: 500;
        display: block;
        margin-bottom: 10px;
        color: initial;
        font-size: 16px;
        margin-top: 11px;
    }

    .services2 .item:nth-child(1) .item-in,
    .services2 .item:nth-child(3) .item-in {
        background: linear-gradient(111.58deg,
                rgba(147, 161, 172, 1) 0%,
                rgba(96, 125, 147, 1) 22.337907552719116%,
                rgba(105, 130, 158, 1) 61.1467719078064%,
                rgba(76, 114, 174, 1) 100%);
        color: white;
    }

    .services2 .item:nth-child(1) .item-in p b,
    .services2 .item:nth-child(3) .item-in p b {
        color: white;
    }

    .services2 .item:nth-child(1) .item-in p,
    .services2 .item:nth-child(3) .item-in p {
        color: white;
    }


    /*TEAM*/

    .team {
        padding-top: 50px;
    }

    .team .item {
        background: var(--grad2);
        background-size: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        border-radius: 5px;
        padding: 0;
        height: 570px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
    }


    .team .item-in {
        background-size: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        border-radius: 0;
        padding: 10px 10px 10px 10px;
        height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
    }

    .team .item .text {
        background: var(--grad2);
        padding: 12px;
        border-radius: 5px;
    }

    .team .item .name {
        font-size: 20px;
        line-height: 1.1;
        font-weight: 500;
        margin-bottom: 15px;
        display: block;
    }

    .team .item p {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .team .item .but a {
        width: 100%;
        display: block;
        border: none;
        text-align: center;
        border-radius: 5px;
    }


    /*FOOTER*/


    footer {
        background: var(--grad2);
        padding: 60px 0;
        margin-top: 0;
    }

    footer .logo2 {
        margin-bottom: 35px;
        text-align: center;
        border-bottom: 2px solid #4e74ab59;
        padding-bottom: 50px
    }

    footer .col1 {
        flex-basis: 50%;
    }

    footer .col2 {
        flex-basis: 50%;
    }

    footer .col3 {
        flex-basis: 100%;
        margin-top: 20px;
    }

    footer .col4 {
        flex-basis: 100%;
        margin-top: 20px;
    }

    footer .col2 p {
        margin-bottom: 14px;
    }

    footer .subtitle {
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 20px;
    }

    footer ul li {
        list-style: none;
        margin-bottom: 12px;
    }

    footer ul li a {
        font-weight: 400;
    }

    footer .col3 p + .subtitle {
        margin-top: 20px;
    }

    footer .col4 p + .subtitle {
        margin-top: 20px;
    }

    footer .rek {
        border-top: 2px solid #4e74ab59;
        border-bottom: 2px solid #4e74ab59;
        margin-top: 30px;
        padding: 20px 0 0;
        text-align: center;
        color: var(--gray);
    }

    footer .rek .fl {
        margin-top: 40px;
    }

    footer .rek .item {
        flex-basis: 100%;
        text-align: left;
        margin-bottom: 19px;
    }

    footer .info {
        margin-top: 20px;
        font-size: 14px;
        font-weight: 900;
        color: #5E85A8;
        text-align: center;
        text-transform: uppercase;
    }

    .promo2 {
        padding: 10px 0 30px;
        background-position: center 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .promo2 .fl-column {
        min-height: 800px;
    }

    .promo2 p {
        max-width: 90%;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .promo2.spec p {
        max-width: 760px;
        font-size: 16px;
        margin-bottom: 40px;
    }

    .bread {
        overflow-x: hidden;
        max-width: 100%;
    }

    .bread ul {
        display: flex;
        margin-bottom: 30px;
        flex-wrap: nowrap;

    }

    .bread ul li {
        white-space: nowrap;
    }

    .bread ul li a:after {
        content: '/';
        padding: 0 6px;
    }

    .but.blue {
        width: 100%;
        margin-bottom: 20px;
    }

    .but.blue a {
        color: white;
        background: var(--grad3);
        min-width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        border-radius: 5px;
        border: none;
        display: block;
        width: 100%;
    }

    .but.transparent {
        width: 100%;
    }

    .but.transparent a {
        color: #5677aa;
        background: linear-gradient(112deg, rgb(213 223 233 / 28%) 0%, rgb(213 223 235 / 29%) 22%, rgb(216 225 236 / 33%) 61%, rgb(230 233 239 / 11%) 100%);
        min-width: 100%;
        margin-left: 0px;
        border: 2px solid #5375aa;
        border-radius: 5px;
        text-align: center;
        display: block;
        width: 100%;
        padding: 15px;
    }

    .promo2 .title {
        font-size: 31px;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    .prelinks {
        padding: 50px 0;
    }

    .links {
        margin-bottom: 50px;
    }

    .links ul {
        display: flex;
        flex-wrap: wrap;
    }

    .links ul li {
        background: #d5dfe9;
        border-radius: 5px;
        padding: 0;
        margin-right: 0px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .links ul li a {
        background: #d5dfe9;
        border-radius: 5px;
        padding: 15px 40px 15px 40px;
        margin-right: 0;
        width: 100%;
        display: block;
    }

    .pre .fl {
        flex-wrap: wrap;
        gap: 10px;
        max-width: 850px;
    }

    .pre .item {
        flex-basis: 100%;
    }

    .pre .item-in {
        background: var(--grad2);
        display: inline-flex;
        border-radius: 5px;
        padding: 15px;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        width: 100%;
        min-height: 140px;
    }

    .pre .item-in img {
        width: 40px;
        margin-bottom: 0px;
    }

    .pre .item-in span {
        color: var(--gray);
        font-size: 15px;
    }

    .pre .item-in p b {
        font-weight: 500;
        display: block;
        margin-bottom: 10px;
        color: initial;
        font-size: 16px;
    }

    .pre .item-in p {
        color: var(--gray);
        font-size: 15px;
    }

    .prelinks + .team {
        padding: 30px 0
    }

    .about-serv p {
        font-size: 16px;
        max-width: 850px;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .price {
        padding: 30px 0;
    }

    .price table tr:first-child td {
        color: white;
        background: var(--sec);
        padding: 20px;
        white-space: nowrap;
    }

    .price table tr td {
        border: none;
        border-bottom: 1px solid #4e74ab;
        font-size: 18px;
        padding: 20px 20px;
    }

    .about-serv {
        padding: 30px 0;
    }

    .about-serv ul li {
        list-style: disc;
        margin-left: 20px;
        font-size: 16px;
        margin-bottom: 6px;
    }

    .about-serv ul {
        margin-bottom: 30px
    }

    /*TEAM PAGE*/

    .promo2 .name {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .promo2 .dol {
        font-size: 15px;
        margin-bottom: 30px;
        max-width: 620px;
    }

    .promo2.spec .container {
        background: url(../img/quo.svg) no-repeat 0px 320px;
    }



    .filter {
        margin: 40px 0 0;
    }

    .team2 {
        padding-top: 50px
    }

    .filter ul {
        display: flex;
        flex-wrap: wrap;
    }

    .filter ul li {
        margin-right: 10px;
        display: block;
        margin-bottom: 0;
    }

    .filter ul li a {
        background: #D5DFE9;
        padding: 12px 22px;
        border-radius: 5px;
        font-size: 15px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .filter ul li.active a,
    .filter ul li a:hover {
        background: var(--grad3);
        color: white;
    }

    .team2 {}

    .team2 .item {
        padding: 15px 0 0 0px;
        border-radius: 5px;
        background: var(--grad2);
        position: relative;
        margin-bottom: 15px;
    }

    .team2 .item-in {
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 5px;
        background: none !important;
        position: relative;
    }

    .team2 .name {
        font-size: 20px;
        margin-bottom: 0px;
        font-weight: 500;
        line-height: 1.2;
    }

    .team2 .dol {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 30px;
        max-width: 90%;
    }

    .team2 .text {
        line-height: 1.45;
        font-size: 15px;
        /* max-height: 70px; */
        overflow: hidden;
    }

    .d-top .fl {
        flex-wrap: nowrap;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .team2 .stage {
        background: var(--grad3);
        color: white;
        padding: 6px 15px;
        position: relative;
        white-space: nowrap;
        top: 0;
        right: 0;
        z-index: 9;
        border-radius: 5px;
        margin-right: 15px;
    }

    .team2 .d-top {
        max-width: 100%;
        width: 100%;
        padding-bottom: 30px;
        padding-left: 15px;
    }

    .team2 .d-bot {
        padding-bottom: 20px;
        width: 100%;
        padding-left: 14px;
        position: absolute;
        bottom: 0px;
    }

    .team2 .but {
        width: calc(100% - 15px);
    }

    .team2 .d-bot .but.border {
        margin-left: 12px;
        margin-top: 10px;
    }

    .but.border {
        /* display:block; */
        margin-left: 0 !important;
        border: none !important;
        width: calc(100% - 15px);
    }

    .but.border a {
        margin-left: 0;
    }

    .team-about {
        padding-top: 40px;
    }

    .team-about .block {
        background: var(--grad2);
        padding: 20px;
        border-radius: 5px;
        margin-bottom: 20px;
    }

    .team-about .block span {
        display: block;
        font-size: 21px;
        font-weight: 500;
        margin-left: 20px;
        position: relative;
        top: 3px;
    }

    .team-about .title-fl {
        margin-bottom: 25px;
        display: flex;
        align-items: center;
    }

    .team-about p {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .team-about p strong {
        display: block;
        margin-bottom: 30px;
        font-weight: 500;
    }

    .team-about .text {
        margin-right: 0;
        flex-basis: 100%;
        margin-top: 20px;
    }

    .team-about .img {
        background: var(--grad2);
        border-radius: 5px;
        position: relative;
        top: 0;
        flex-basis: 100%;
        height: auto;
        order: -1;
    }

    .team-about .fl {
        align-items: flex-start;
    }

    .team-about .img-in {
        min-height: 630px;
        background-size: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        height: auto;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    .team-about .stage {
        background: var(--grad3);
        color: white;
        padding: 15px 20px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        border-radius: 5px;
    }

    .team-about .but {
        width: 100%;
        padding: 0 15px 15px 15px;
    }

    .team-about .but a {
        width: 100%;
        text-align: center;
    }

    .one-spec .container {
        background: none !important;
    }

    /*CONTACTS*/


    .contacts {}

    .contacts .cont-item {
        box-shadow: 0px 4px 30px 0px rgba(3, 34, 67, 0.1);
        padding: 30px;
        border-radius: 5px;
        flex-basis: 100%;
    }

    .contacts .subtitle {
        color: #5E85A8;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .contacts .adr,
    .contacts .gr,
    .contacts .phone a,
    .contacts .email a {
        font-size: 19px;
        font-weight: 500;
    }

    .contacts .adr + .subtitle {
        margin-top: 20px;
    }

    .contacts .metro + .subtitle {
        margin-top: 30px;
    }

    .contacts .gr + .subtitle {
        margin-top: 30px;
    }

    .contacts .phone + .subtitle {
        margin-top: 30px;
    }

    .contacts .soc {
        margin-top: 30px;
    }

    .contacts .soc a {
        margin-right: 20px;
    }

    .contacts .metro .item-green {
        background: var(--sec)
    }

    .contacts {
        padding-top: 10px;
    }

    .cont-item.form {
        margin-top: 20px
    }

    .cont-item.form .title {
        font-size: 24px;
        margin-bottom: 20px;
        font-weight: 500;
    }

    .cont-item.form .form-group {
        margin-bottom: 10px;
    }

    .cont-item.form input {
        background: #e6e9ef;
        border-radius: 5px;
        padding: 20px;
        border: none;
        display: block;
        width: 100%
    }

    .cont-item.form .but {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 15px;
    }

    .cont-item.form .but button {
        border: none;
        width: 100%;
    }

    .cont-item.form .agree {
        text-align: center;
        color: #5e85a8;
    }

    .cont-item.form .agree a {
        color: #00448b;
    }

    .mobile-menu.open {
        top: 0;
    }

    .mobile-menu nav > ul > li:first-of-type {
        border-top: 1px solid #DBDBDB;
    }

    .mobile-menu nav > ul > li {
        border-bottom: 1px solid #DBDBDB;
    }

    .mobile-menu a {
        color: #000 !important;
    }

    .mobile-menu .white {
        color: #000 !important;
    }

    .mobile-menu .dropdown-button:before {
        border-color: #000;
    }

    .mobile-menu ul ul .dropdown-button:before {
        color: #000;
    }


    .mobile-menu.open {
        left: 0;
        top: 0px
    }

    .mobile-menu.open + .overlay {
        z-index: 500;
        opacity: 1
    }

    .mobile-menu::before {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 140px;
        height: 50px;
        content: "";
        background: center/contain no-repeat url("../img/logo.svg");
    }



    .mobile-menu .search-block {
        left: 15px;
        top: 51px;
        width: auto;
        right: 15px
    }

    .mobile-menu .search-block input[type=text] {
        border: 1px solid rgba(255, 255, 255, 0.1);
        padding-left: 10px;
        padding-right: 40px
    }

    .mobile-menu .search-block button {
        right: 5px
    }

    .mobile-menu li {
        position: relative
    }

    .mobile-menu .dropdown-button:before {
        border-color: #000;
    }

    .mobile-menu .dropdown-button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 45px;
        width: 48px;
        z-index: 10
    }

    .mobile-menu .dropdown-button:before {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        top: 13px;
        left: 13px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out
    }

    .mobile-menu .dropdown-button.active:before {
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        top: 19px
    }

    .mobile-menu nav > ul > li.down > a {
        padding-right: 60px
    }

    .mobile-menu .dropdown-button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 45px;
        width: 48px;
        z-index: 10
    }

    .mobile-menu .dropdown-button:before {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        top: 13px;
        left: 13px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        border-color: black;
    }

    .mobile-menu .dropdown-button.active:before {
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        top: 19px
    }

    .mobile-menu nav > ul > li > ul {
        position: static;
        width: 100%;
        display: none
    }

    .mobile-menu nav > ul > li > a {
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 13px 20px 10px;
        text-transform: uppercase;
        font-size: 14px
    }

    .mobile-menu nav > ul > li.active > a,
    .mobile-menu nav > ul > li > ul > li.active > a,
    .mobile-menu nav ul ul ul .active a {
        color: #fff
    }

    .mobile-menu nav > ul > li > ul > li > a,
    .mobile-menu nav ul ul ul a {
        display: block;
        font-size: 15px;
        line-height: 18px;
        text-decoration: none;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        padding: 10px 10px 10px 30px;
        color: #FFF;
        position: relative
    }

    .mobile-menu nav > ul > li > ul > li > a:before,
    .mobile-menu nav ul ul ul a:before {
        content: "";
        font-family: 'FontAwesome';
        display: block;
        position: absolute;
        top: 17px;
        left: 20px;
        font-size: 14px;
        width: 4px;
        height: 4px;
        background: #fff;
        border-radius: 100%
    }

    .mobile-menu .active > a:before {
        background: #2B2B2B
    }

    .mobile-menu nav ul ul ul a {
        padding: 6px 10px 6px 45px;
        font-size: 13px
    }

    .mobile-menu nav ul ul ul a:before {
        left: 34px;
        top: 12px
    }

    .mobile-menu .dropdown-button + ul {
        position: static;
        width: 100%;
        display: none;
        margin-bottom: 10px
    }

    .mobile-menu ul ul .dropdown-button:before {
        width: 6px;
        height: 6px;
        content: "+";
        border: none;
        color: #000000;
        -moz-transform: rotate(0) !important;
        -webkit-transform: rotate(0) !important;
        -o-transform: rotate(0) !important;
        -ms-transform: rotate(0) !important;
        transform: rotate(0) !important;
        top: 8px !important;
        left: 17px;
        font-size: 16px
    }

    .mobile-menu .menu-button {
        display: none
    }

    .mobile-search-wrapper {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 20px;
        position: relative;
        max-width: 100%
    }

    .mobile-search-wrapper input[type=text] {
        background: transparent;
        border-color: #5f5f5f;
        border-radius: 30px
    }

    .mobile-search-wrapper [type=submit] {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        height: 44px;
        width: 44px;
        border: none;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        background: transparent
    }

    .mobile-search-wrapper [type=submit] i {
        margin: 0;
        color: #5f5f5f
    }

    .mobile-menu-info {
        padding: 0 20px
    }

    .mobile-menu-info .btn {
        padding: 10px
    }

    .mobile-menu-info .header-tel i {
        margin-top: -4px
    }

    .mobile-menu-info .header-mail a {
        color: #A5A5A9
    }

    .mob-contacts {
        margin: 20px 0;
    }

    .mob-menu-tel.weight800 {
        font-size: 13px;
        margin-top: 10px;
    }

    .mob-menu-email {
        font-size: 13px;
    }

    .swiper-nav.fl.ac {
        display: none;
    }

    .contacts .map {
        flex-basis: 100%;
        padding-left: 0;
        margin-top: 0;
    }
    
    .modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 105;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    height: auto !important;
    padding: 40px 23px;
}
    
    section.actions-all .text {
    margin-top: 15px;
    font-size: 17px;
    font-weight: 500;
}
}

/*END MOBILE*/