/* Extended css styles */

/* Портфолио СлавИсток */
.moving-pic-steth {
    position: absolute;
    right: -5%;
    top: 15%;
  	transition: 0.9s;
}

.moving-pic-cup {
    position: absolute;
    top: 30%;
    left: -1%;
  	transition: 0.9s;
}

@media (max-width: 767px) {
	.moving-pic {
		display:none;
    }
}

/* Портфолио СлавИсток */

.mb0 {
    margin-bottom: 0px !important;
}
.typography h4 {
    font-weight: 900;
    font-size: 22px;
    line-height: 28px;
  margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
}

a.common-card.common-card_type_team .first-span {display: block;}
a.common-card.common-card_type_team .second-span {
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
/* a.common-card.common-card_type_team.smile .first-span {display: none;} */
a.common-card.common-card_type_team.smile .second-span {
    opacity: 1;
    background-size: contain;
    background-position: center;
    background-color: #2f2f64;
}



.blog-page-content-new .photo-slider__text p {
    color: #000;
}

.blog-page-content-new h2 {
    margin-top: 40px;
}
.blog-page-content-new h2 + h3 {
    margin-top: -10px;
}


/*
.common-card_type_team #p-17:after {
    content: '';
    display: block;
  	opacity:0;
    width: 100px;
    height: 77px;
    background: url(/content/images/smile/crown.png);
    background-size: contain;
    position: absolute;
    top: 11.5%;
    z-index: 999;
    left: 0%;
  transition: all 0.8s ease;
}



.common-card_type_team.smile #p-17:after {
  opacity:1;
   left: 39%;
    top: 11.5%;
  transition: all 0.8s ease;
}
@media (max-width:1440px ){
.common-card_type_team.smile #p-17:after {
  opacity:1;
   left: 37%;
    top: 9%;
  transition: all 0.8s ease;
}
}

*/



.section.group.our-numbers .col.span_1_of_3 p {
    display: flex;
    flex-direction: row-reverse;
    margin: 0px 5px 10px;
    /* align-items: center; */
}


.section.group.our-numbers .col.span_1_of_3{
  margin-left: 10px;
  margin-right: 10px;
}

.w35{width: calc(35% - 20px) !important;}
.w30{width: calc(30% - 20px) !important;}
.w25{width: calc(25% - 20px) !important;}
.w20{width: calc(20% - 20px) !important;}

@media (min-width: 1650px){
.section.group.our-numbers .col.span_1_of_3:nth-child(3n+1){
  clear: both;
}
}


@media (max-width: 1650px){
  .w35, .w25, .w30, .w20{width: calc(45% - 20px) !important;}
  .section.group.our-numbers .col.span_1_of_3:nth-child(2n+1){
  clear: both;
}
}


@media (max-width: 768px){
  .w35, .w25, .w30, .w20{    width: 70% !important;
    text-align: center;
    min-width: 400px;}
}


.btn-hr{
	position: relative;
    display: inline-block;
    float: right;
    /*padding: 10px 20px !important;*/
    border: 1px solid #ffffff;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    background: #1c202b;
 	margin-top: 40px;
  margin-left: 10px;
}

.btn-hr:hover{
  border: 1px solid #1c202b;
    color: #1c202b;
    background: #fff;
}


@media (min-width: 768px){
.btn-hr{
    margin-top: 60px;
}
}





.absolute-text-1 {
position: initial;
    width: initial;
    max-width: initial;
    right: initial;
    top: initial;
	padding: 0px 20px 20px;
    margin-top: -30px;
}

@media (min-width: 991px) and (max-width: 1260px){
.absolute-text-1 {
    position: absolute;
    width: 30%;
    max-width: 500px;
    right: 5%;
    top: 2%;
    padding: 0px 20px;
    margin-top: 0px;
}
}

@media (min-width: 1260px){
.absolute-text-1 {
    position: absolute;
    width: 32%;
    max-width: 500px;
    right: 4%;
    top: 3%;
    padding: 0px 20px;
    margin-top: 0px;
}
}




section.common-section.text-card_theme_lblue + section.common-section.text-card_theme_lblue .common-section__container.container {
    padding-top: 50px;
}


.text-card_theme_lblue .section-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

cite.quote-card__cite p {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.soc-link-client ul {
    display: flex;
}

.soc-link-client ul li a {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 10px;
    margin-right: 5px;
  	text-decoration: none;
}

.soc-link-client ul li a:hover {
	background: #fff;
  	color: transparent;
}

.soc-link-client ul li a {
    font-size: 26px;
    color: #fff;
}

.color-link-1 ul li a:hover {
    color: #ed623c;
}

.color-link-2 ul li a:hover {
    color: #269e90;
}

.color-link-3 ul li a:hover {
    color: #ef7d25;
}

.color-link-4 ul li a:hover {
    color: #1aafd7;
}

.color-link-5 ul li a:hover {
    color: #2c2c68;
}

.color-link-6 ul li a:hover {
    color: #e23b4e;
}



.client-block-new cite.quote-card__cite{
      margin-top: 30px;
}













.hero_theme_purpl {
    background: #35283c;
}
span.branding-new-logo {
    width: 100%;
    height: 100%;
    display: block;
	background-image: url(/content/files/logo.svg);
}


.branding:hover span.branding-new-logo {
	background-image: url(/content/files/logo_red.svg);
}


.hero__subtitle:after {
    content: "";
    display: block;
    /* height: 2px; */
    width: 260px;
    margin: 0 auto;
    border-bottom: 2px solid #FFF;
  position: relative;
    top: 12px;
}

.hero__subtitle {
    width: auto;
    border-bottom: none;
}



.soc_link_icon .feats {
    padding-top: 30px;
}

.big_icons .banner__image img {
    width: 167px;
}

.big_icons-video .banner__image {
    background-position: center;
      background-size: cover;
}

.big_icons-video .banner__image a {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    background: rgba(0, 0, 0, 0.2);
}

.big_icons-video .banner__image a + span{
 display: none;
}

.big_icons-video .banner__image a:before {
    content: '';
    display: block;
    position: absolute;
    width: 87px;
    height: 87px;
    background: url(/content/images/play.png);
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  opacity: 0.7;
}
.big_icons-video .banner__image:hover a:before {
	opacity: 1;
}

.big_icons-video .banner__image a:before {
	content: '';
 	display: block;
}


a.common-card[data-fancybox] + span {
    position: absolute;
    z-index: 999;
}



.text-card_theme_pink-new {
    background: #E24163 -webkit-linear-gradient(90deg, #F47920, #E24163);
    background: #E24163 linear-gradient(0deg, #F47920, #E24163);
    color: #fff;
}

.text-card_theme_yellow-new {
    background: #E24163 -webkit-linear-gradient(90deg, #F47920, #E24163);
    background: #E24163 linear-gradient(0deg, #F47920, #E24163);
    color: #fff;
}


.text-card_theme_orange-new {
    background: #ed7e25 -webkit-linear-gradient(90deg, #F47920, #ed7e25);
    background: #ed7e25 linear-gradient(0deg, #F47920, #ed7e25);
    color: #fff;
}

.text-card_theme_blue-new {
    background: #1f92c8 -webkit-linear-gradient(90deg, #0e79ab, #1f92c8);
    background: #1f92c8 linear-gradient(0deg, #0e79ab, #1f92c8);
    color: #fff;
}


.text-card_theme_malin-new {
    background: #ff3f63 -webkit-linear-gradient(90deg, #ff524b, #ff3f63);
    background: #ff3f63 linear-gradient(0deg, #ff524b, #ff3f63);
    color: #fff;
}



.blog-page-content-new p s {
    display: block;
    text-decoration: none;
    margin-top: -10px;
      margin-bottom: 15px;
}
.blog-page-content-new p img + s {
    margin-top: 5px;
}

.blog-page-content-new p s em {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.blog-page-content-new p img + img {
    margin-top: 10px;
}

@keyframes jump{
  0%  { transform: scale(1); }
  100% { transform: scale(1.2); }
}

@keyframes rotate{
  0%  { transform: rotate(10deg);}

  100% { transform: rotate(-10deg); }
}

.jump {
 animation: jump 0.5s cubic-bezier(0.1,0.25,0.1,1) 0s infinite alternate both;
}

.rotate{
   animation: rotate 0.7s ease-in-out 0.7s infinite alternate both;
  transform-origin: 50% 100%;
}


.feats.fa-icons .fa {
    width: auto;
    font-size: 70px;
}

.common-section__container.soc_link_icon {
    max-width: 1200px;
    margin: 0 auto;
}

.common-section__container.soc_link_icon .feats__item .fa {
    width: auto;
    font-size: 80px;
  color: #fff;
}

.common-section__container.soc_link_icon .feats__item .feats__title {
    color: #fff;
      font-size: 16px;
}
.common-section__container.soc_link_icon .feats__item {
    width: 20%;
}

.blog-page-content-new .typography ol ul li:before {
    counter-increment: none;
    content: '' !important;
    top: 11.5px;
    left: 14px;
}

.blog-page-content-new .typography ol ul li {
    padding-left: 40px;
}


.blog-page-content-new .typography b, .blog-page-content-new h4 {
    font-weight: bold;
}

.blog-page-content-new table {
    width: 100%;
    /* table-layout: fixed; */
    margin-bottom: 15px;
}

.blog-page-content-new table td {
    border: 1px solid #393874;
    padding: 5px 10px;
}

.partner-item {
    max-width: 210px;
    display: inline-block;
}
.blog-page-content-new blockquote {
    border-left: 10px solid #393874;
    padding: 15px 15px 15px 20px;
    background: rgba(128, 128, 128, 0.1);
    margin-bottom: 30px;
}
.blog-page-content-new p img,
.blog-page-content-new img + img,
.blog-page-content-new p + img,
.blog-page-content-new h2 + img,
.blog-page-content-new h3 + img,
.blog-page-content-new h4 + img{
    margin: 0 auto;
    display: block;
  border: 2px solid #393874;
  max-width: 100%
}

.blog-page-content-new p + img,
.blog-page-content-new img + img,
.blog-page-content-new h2 + img,
.blog-page-content-new h3 + img,
.blog-page-content-new h4 + img{
 margin-bottom: 20px;
}

.blog-page-content-new .typography {
    max-width: 570px;
    margin: 0 auto;
}

.blog-page-content-new h3 {
    padding-bottom: 0px !important;
}
.blog-page-content-new h4 {
  margin-top: 30px;
    margin-bottom: 20px;
  padding-bottom: 0px !important;
}

.blog-page-content-new em {
    font-style: italic;
    font-size: 80%;
    line-height: 1.1;
  text-align: center;
}












.partner-all {
 text-align: center;
}

@media (min-width: 900px){
.partner-all {
    position: fixed;
    z-index: 2;
    left: 0px;
    top: 78px;
}

.partner-item {
    max-width: 210px;
  display: block;
}
}

@media (max-width: 1280px){
.partner-all {
    top: 128px;
}
}

/*@media (max-width: 899px){
    .partner-all {
        position: sticky;
        z-index: 2;
        top: 60px;
    }
}*/


@media (min-width: 900px){
.common-section__container.container.logo-clients {
    max-width: 1000px;
}
}

.common-section__container.container.logo-clients .item {
    background: #fff;
}

a.play_overlay{
  position: relative;
    display: inline-block;
    max-width: 100%;
}

.play_overlay::after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 98%;
    background: rgba(0,0,0, .2) url(/content/images/i_play.png) no-repeat center center;
    background-size: 34px auto;
    transition: all 0.2s ease;
}
.play_overlay:hover::after {
    background-size: 44px auto;
    transition: all 0.2s ease;
}



.cookie-block a.js_cookie-block-ok:hover {
    color: #FFF;
    border-color: #CB0928;
    background-color: #CB0928;
  -webkit-transition: all .15s;
    transition: all .15s;
}

ul.small-nav-list li a {
    text-decoration: none;
    color: #666;
    font-size: 12px;
}


.social {
    text-align: left;
    padding-left: 15px;
    padding-bottom: 15px;
}

.cookie-block-text a {
    color: #fff;
}

.cookie-block-all {
    display: none;
  	position: fixed;
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    max-width: 330px;
    padding: 15px 0px;
    background: rgba(57, 56, 116, 0.6);
    color: #fff;
    z-index: 9999;
}

ul.small-nav-list {
    margin-bottom: -35px;
}

ul.small-nav-list li {
    display: inline-block;
    margin: 0px 10px;
}

.cookie-block {
    display: flex;
    align-items: center;
    justify-content: center;
  padding: 0px 20px;
}

.cookie-block-all.active {
display: block !important;
}

.cookie-block a.js_cookie-block-ok {
    display: inline-block;
    /* background: #ccc; */
    padding: 5px 13px;
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 5px;
    margin-left: 15px;
    font-size: 14px;
  -webkit-transition: all .15s;
    transition: all .15s;
}

.js_cookie-block-close.cookie-block-close {
    display: none;
}

.cookie-block h3 {
    font-size: 20px;
    margin-bottom: 15px;
}


.cookie-block-close i:before {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
}





span.personal-date {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    padding: 9px 20px 9px 10px;
    color: #666;
}
span.personal-date-sitebar {
position: relative;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px !important;
    padding: 9px 5px 9px 5px;
    color: #666;
}










@media (min-width: 1280px) {
  ul.common-list.team-block.team-block-new .noquote_person span.common-card__image {
    height: 100%;
}

  ul.common-list.team-block.team-block-new span.common-card__image {
    height: 100%;
}

}


@media (max-width: 1280px) and (min-width:768px){
ul.common-list.team-block.team-block-new li.common-list__item.noquote_person {
    height: 70vh;
}

ul.common-list.team-block.team-block-new li.common-list__item.noquote_person .common-card__image {
    height: calc(70vh - 140px);
}

  ul.common-list.team-block.team-block-new span.common-card__image {
    height: 100%;
}

}











section.common-section.mod-new-block-content dt.accordion__title.link h5 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

section.common-section.mod-new-block-content dd.accordion__desc p {
    color: #222 !important;
    font-size: 16px;
    font-weight: 400;
}

section.common-section.mod-new-block-content .accordion__desc {
    color: #222;
}

section.common-section.mod-new-block-content .accordion {
    text-align: left;
    font-size: 16px;
}

@media (min-width: 768px){
section.common-section.mod-new-block-content .accordion {
    width: 640px;
}
}


dd.accordion__desc li {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 15px;
}

dd.accordion__desc li:before {
    top: 4.5px;
}






.big_icons-block ul li, .big_icons-block ol li {
    position: relative;
    padding-left: 40px;
}

.big_icons-block ol {
    counter-reset: section;
}

.big_icons-block ul li:before{

    position: absolute;
    top: 11.5px;
    left: 14px;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #393874;

}


.big_icons-block ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #393874;
    counter-increment: section;
    content: counter(section, decimal-leading-zero);
}



.big_icons-block .text-card__title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
    margin: 0 0 15px;
  text-align: center;
}

.big_icons-block h4 {
    margin-bottom: 15px;
    font-style: italic;
    text-align: center;
}




a.feats__more-link.link.link_theme_gray {
display:none;
}


    span.common-card__image.gate {
        background-size: inherit;
        background-repeat: no-repeat;
    }

    .photo-slider__text p {
        color: #fff;
    }

    .feats__item .fa {
        font-size: 40px;
        margin-bottom: 25px;
        color: #393874;
        text-align: center;
        width: 40px;
    }

    .slick-slide img {
        max-width: 100%;
    }

    .text-card_theme_pink {
        background: #E24163 -webkit-linear-gradient(45deg, #F47920, #E24163);
        background: #E24163 linear-gradient(45deg, #F47920, #E24163);
        color: #fff;
    }

.text-card_theme_lblue {
    background: #393874 -webkit-linear-gradient(45deg, #393874, #160C25) !important;
    background: #393874 linear-gradient(45deg, #393874, #160C25) !important;
	color: #fff;
}

.text-card_theme_lblue-rev {
    background: #393874 -webkit-linear-gradient(45deg, #160C25, #393874) !important;
    background: #393874 linear-gradient(45deg, #160C25, #393874) !important;
	color: #fff;
}

.style-1.text-card_theme_lblue-rev .block-mailing-bg {
    background-color: transparent !important;
}
*[class^="style-"].text-card_theme_lblue-rev .block-mailing-bg, *[class^="style-"].text-card_theme_lblue .block-mailing-bg {
    background-color: transparent !important;
}

    .sidebar__section.sidebar__section_contacts {
        min-height: 60px;
    }

    .leed {
        color: #393874;
        font-size: 20px;
        text-align: center;
    }

    .feats {
      padding-top: 50px;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

    ul.columns2 li {
        margin: 10px 0px 10px;
    }

    .mod-new-block-content .common-section__container h3 {
        margin-bottom: 0px;
    }

    .typography h3 {
        font-weight: 900;
        font-size: 28px;
        line-height: 36px;
    }

    .common-section__container h3 {
        padding-bottom: 30px;
    }

    .no-marg {
        margin: 0px;
    }

    .tleft {
        text-align: left;
    }

    .typography ol li:before {
        font-weight: 400;
    }

    .hero_theme_yellow {
        background: #328f85 !important;
        /*фон первого слайда*/
    }

    .badge_theme_red a {
        text-decoration: none;
        color: #ffffff;
    }

    .common-section_case-about {
        position: relative !important;
    }

    .common-section_case-about:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        opacity: 0.2;
    }

    .about-wrapper {
        position: relative;
    }

    @media (min-width: 768px) {
        .mod-new-block-content .common-section_case {
            height: auto;
            padding: 60px 0px;
        }
        .columns2 {
            -webkit-columns: 2;
            -moz-columns: 2;
            columns: 2;
            -webkit-column-gap: 60px;
            -moz-column-gap: 60px;
            column-gap: 60px;
        }
        .mod-new-block-content .common-section {
            padding: 60px 0px;
        }
        .banner_reversed .left_class .banner__image {
            left: 50%;
            right: 0px;
        }
        .banner_reversed .left_class .banner__content {
            float: left;
        }
    }

    @media (max-width: 768px) {
        .banner_reversed .banner__content {
            float: inherit;
        }
        .mod-new-block-content .common-section {
            padding: 50px 0px;
        }
    }

    .feats.white-text .feats__title {
        color: #fff;
    }

    .mod-new-block-content section.common-section .common-section__container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .fonfix {
        background-attachment: fixed;
    }

    .nobeforecont li:before {
        content: none !important;
    }

    ul.nobeforecont li {
        padding-left: 0px;
    }

    .cont {
        position: relative;
        margin: auto;
        max-width: 1170px;
    }

    .col-6 {
        width: calc(50% - 60px);
        float: left;
        margin: 10px 30px;
    }

    .col-6 h4 {
        font-size: 23px;
        padding-bottom: 5px;
        line-height: 38px;
        color: #333;
        font-weight: 400;
    }

    .cont h3 {
        padding: 15px 0 15px;
        border-top: 1px solid #393874;
        clear: both;
        /* color: #393874; */
    }

    span.strong {
        color: #393874;
        font-weight: bold;
        font-size: 30px;
    }

    .text-card_theme_green {
        color: #FFF;
        background: #17AC84 -webkit-linear-gradient(45deg, #3D779D, #17AC84);
        background: #17AC84 linear-gradient(45deg, #3D779D, #17AC84);
    }

    .text-card_theme_blue {
        color: #FFF;
        background: #160C25;
    }

    .text-card_theme_red {
        color: #FFF;
        background: #CB0928;
    }

    .noback {
        color: initial;
        background: initial;
        background: initial;
    }

    h4.section__title {
        font-weight: 900;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    i.fa.fa-refresh {
        font-size: 167px;
        color: white;
    }

    .banner_theme_green.banner__image {
        background: #17AC84 -webkit-linear-gradient(45deg, #3D779D, #17AC84);
        background: #17AC84 linear-gradient(45deg, #3D779D, #17AC84);
    }

    .banner_theme_pink.banner__image {
        background: #E24163 -webkit-linear-gradient(45deg, #F47920, #E24163);
        background: #E24163 linear-gradient(45deg, #F47920, #E24163);
    }

    .big_icons .banner__image i {
        font-size: 167px;
        color: white;
    }

    .perf_mark ul.tleft li {
        width: 280px;
        display: inline-block;
    }

    .perf_mark ul.tleft li:nth-child(even) {
        float: right;
    }

    .perf_mark ul.tleft li:nth-child(odd) {
        float: left;
    }

    .perf_mark ul.tleft li:last-child {
        float: none;
    }

    .we_numbers ul {
        list-style-type: none!important;
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
        padding-left: 48px;
    }

    .we_numbers ul li {
        margin-bottom: 21.5px;
    }

    .we_numbers strong {
        font-weight: bold;
    }

    .we_numbers .typography ul li:before {
        display: none!important;
    }

    .we_numbers ul li:before {
        margin-right: 8px;
        margin-left: -28px;
    }

    .we_numbers ul li:nth-child(1):before {
        font-family: 'FontAwesome';
        content: '\f0cb';
        margin-right: 11px;
        margin-left: -32px;
        color: #393874;
    }

    .we_numbers ul li:nth-child(2):before {
        content: '\f2c2';
        font-family: 'FontAwesome';
        margin-right: 11px;
        margin-left: -32px;
        color: #393874;
    }

    .we_numbers ul li:nth-child(3):before {
        content: '\f0fa';
        font-family: 'FontAwesome';
        margin-right: 11px;
        margin-left: -32px;
        color: #393874;
    }

    .we_numbers ul li:nth-child(4):before {
        content: '\f080';
        font-family: 'FontAwesome';
        margin-right: 11px;
        margin-left: -32px;
        color: #393874;
    }

    .we_numbers #wrap li:before {
        content: '\f00c';
        font-family: 'FontAwesome';
        margin-right: 11px;
        margin-left: -32px;
        color: #393874;
    }

    .we_numbers #wrap li {
        margin-bottom: 14px;
    }

    .we_numbers #wrap ul li {
        margin-bottom: 25px;
    }
    /*  SECTIONS  */

    .section {
        clear: both;
        padding: 0px;
        margin: 0px;
    }
    /*  COLUMN SETUP  */

    .col {
        display: block;
        float: left;
        margin: 1% 0 1% 1%;
    }

    .col:first-child {
        margin-left: 0;
    }
    /*  GROUPING  */

    .group:before,
    .group:after {
        content: "";
        display: table;
    }

    .group:after {
        clear: both;
    }

    .group {
        zoom: 1;
        /* For IE 6/7 */
    }
    /*  GRID OF TWO  */

    .span_2_of_2 {
        width: 100%;
    }

    .span_1_of_2 {
        width: 49.5%;
    }
    /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

    @media only screen and (max-width: 768px) {
        .col {
            margin: 1% 0 1% 0%;
        }
    }

    @media only screen and (max-width: 768px) {
        .span_2_of_2,
        .span_1_of_2 {
            width: 100%;
        }
    }

    .container.numbers {
        max-width: 700px;
    }

    @media only screen and (max-width: 540px) {
        .we_numbers ul {
            width: 250px!important;
        }
    }

    @media only screen and (min-width: 541px) and (max-width: 768px) {
        .we_numbers ul {
            width: 339px!important;
        }
    }
    @media only screen and (max-width: 768px) {
        .we_numbers #ul_title {
            text-align: center!important;
            padding-left: 0px!important;
        }}
        @media only screen and (max-width: 319px) {
            #who_are_we {
                margin-bottom: 20%;
            }
        }
        @media only screen and (min-width: 320px) and (max-width: 576px) {
            #who_are_we {
                margin-bottom: 15%;
            }
        }
        @media only screen and (min-width: 576px) {
            #who_are_we {
                margin-bottom: 6%;
            }
        }
        @media only screen and (max-width: 540px) {
            .common-section__container.container.numbers {
                padding-bottom: 25px;
            }
        }
        .we_numbers #ul_title {
            text-align: left;
            margin-left: -4px;
            font-size: 18px;
            font-weight: 300;
            line-height: 30px;
            margin-bottom: 20px;
            padding-left: 48px;
        }
        .we_numbers ul {
            float: none;
            margin: 0 auto;
            width: 339px;
            text-align: left;
        }
        .we_numbers #wrap {
            float: none;
            margin: 0 auto;
            width: 300px;
            text-align: left;
        }
        .common-section__container .container .numbers {
            padding-top: 0px;
            text-align: center;
        }
.p_m #ul_title{
    text-align: left;
    margin-left: -4px;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px;
    padding-left: 48px;
}

.p_m ul {
    float: none;
    margin: 0 auto;
    width: 339px;
    text-align: left;
}

.p_m #wrap {
    float: none;
    margin: 0 auto;
    width: 300px;
    text-align: left;
}
.p_m ul{
  padding-left:5%;
}
.center{
  text-align:center;
}
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
.maincontent {
    clear: both;
    width: 80%;
    font-size: 0.8125em;
    max-width: 95em;
    margin: 0 auto;
    padding: 1em 0px;
    color: #333;
    line-height: 1.5em;
    position: relative;
}
.center_float_210 {
    margin: 0 auto;
    /* width: 257px; */
}

@media (max-width: 1024px) {
    .our-numbers {
        text-align: center;
    }
    .span_1_of_3 {
        float: none;
        width: 290px;
        margin-bottom: 20px;
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width: 480px) {
    .span_1_of_3 {
        width: 230px;
    }
}







/*.quote-card-1 {
    color: #FFF;
    background: #CB0928 -webkit-linear-gradient(45deg, #F47920, #E24163);
    background: #CB0928 linear-gradient(45deg, #F47920, #E24163);
}

.quote-card-2 {
    color: #FFF;
    background: #156c61 -webkit-linear-gradient(45deg, #32c0af, #156c61);
    background: #156c61 linear-gradient(45deg, #32c0af, #156c61);
}

.quote-card-3 {
    color: #FFF;
    background: #ef7d25 -webkit-linear-gradient(45deg, #f8c744, #ef7d25);
    background: #ef7d25 linear-gradient(45deg, #f8c744, #ef7d25);
}

.quote-card-4 {
    color: #FFF;
    background: #1aafd7 -webkit-linear-gradient(45deg, #218bc5, #1aafd7);
    background: #1aafd7 linear-gradient(45deg, #218bc5, #1aafd7);
}

.quote-card-5 {
    color: #FFF;
    background: #263f90 -webkit-linear-gradient(45deg, #2e2252, #263f90);
    background: #263f90 linear-gradient(45deg, #2e2252, #263f90);
}

.quote-card-6 {
    color: #FFF;
    background: #263f90 -webkit-linear-gradient(45deg, #2e2252, #263f90);
    background: #263f90 linear-gradient(45deg, #2e2252, #263f90);
}*/

.slick-pager li {
    padding-left: 0px !important;
}


.hero_theme_red {
    background: #7f0919;
}


@media (min-width: 768px) {
  .button {
    padding: 0 15px;
  }
}


@media (min-width: 768px){
.feats__item.wblock50{
 width: 50%
}

    .text-card_theme_blue-border {
    border-left: 3px solid #2b2f6d;
}

}
/* Manual CSS*/

.col-md-6{
	display:block;
  max-width:700px;
  margin:0 auto;
}
.manual_border td{
vertical-align:top;
  padding: 10px;
    padding-left: 0;
}
.manual>img{
	padding:5px 0;
}
.manual p{
	margin-bottom: 10px;
}
.manual h2{
    font-size: 25px;
  padding: 20px 0;
}
.manual .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.manual .block{
	margin-bottom:10px;
}
.manual .sect_img{
	margin-top:35px;
}
.manual ul {
	list-style-type: disc;
	margin-left: 15px;
}
.manual ul li{
	margin-bottom: 7px;
}
.manual img.table_icon{
	vertical-align:middle;
}
/* END Manual CSS*/







.politics ol {
      counter-reset: first_lvl;
    list-style-type: none !important; /*Убираем исходные маркеры*/
  }

  .politics li {
      display: block;
  }
  .politics ol li::before {
    content: counter(first_lvl) '. '; /*Выводим число*/
    counter-increment: first_lvl; /*Увеличиваем значение счётчика*/
}

.politics ol ol {
      counter-reset: second_lvl;
  }

.politics ol ol li::before {
    content: counter(first_lvl) '. ' counter(second_lvl) ". "; /*Выводим число*/
    counter-increment: second_lvl; /*Увеличиваем значение счётчика*/
}

.politics ol ol ol {
      counter-reset: three_lvl;
  }

  .politics ol ol ol li::before {
    content: counter(three_lvl) ") "; /*Выводим число*/
    counter-increment: three_lvl; /*Увеличиваем значение счётчика*/
  }
 .politics ol ol ol ol {
      counter-reset: four_lvl;
  }

  .politics ol ol ol ol li::before {
    content: counter(three_lvl) ". " counter(four_lvl) ". "; /*Выводим число*/
    counter-increment: four_lvl; /*Увеличиваем значение счётчика*/
  }
.politics ol ul li {
    display: list-item;
}
.politics ol ul {
list-style: initial;
}

.politics .typography ul li {
    padding-left: 40px;
    margin-left: 0px;
}

.politics .typography ol li:before {
      position: initial;
}

.politics ol ul li:before {
  content: none !important;
}

.politics {
    padding: 0px 65px 80px 50px;
}

@media (max-width: 767px) {
  .common-list__item .quote-card__quote {
    display: none;
  }
  
  .politics {
  	padding: 0px 15px 80px;
    box-sizing: border-box;
    overflow: hidden;
  }
}

/*
span.personal-date a, span.personal-date-sitebar {
    color: #393874;
}*/

span.personal-date-sitebar a, .personal-date a {
    color: #393874;
  text-decoration:none;
  /*border-bottom: 1px dotted;*/
}

span.personal-date-sitebar a:hover, .personal-date a:hover {
    color: #CB0928;
}


.social__item {
    margin: 0 5px;
}
li.social__item:last-child {
    margin-left: 10px;
}


.onpbxcb__button {
    right: 6vmin !important;
}

.social {
    padding-left: 25px;
}


/* Для портфолио */
.typography .section-title {
  line-height: 18px;
  margin-top: 0px;
  margin-bottom: 20px;
}


@media (min-width: 1700px){
    .portfolio .common-card,
    .blog-page-content-new + .common-list .common-card,
    .feedback-complete + .common-list .common-card,
    .feedback-common-list .common-card,
    .best-portfolio .common-card,
  .block-mailing + .common-list .common-card {
        height: 480px;
    }
}


.feedback-soc-links {
    margin-bottom: 30px;
    margin-top: -10px;
}

 .feedback-soc-links ul.social {
    text-align: center;
}

.feedback-soc-links ul.social li.social__item a i {
    font-size: 40px !important;
}

.feedback-soc-links ul.social li.social__item a .icon{
 width: 40px;
   height: 40px;
}
.feedback-soc-links ul.social li.social__item{
	vertical-align: middle;
}



section.common-section.text-card_theme_lblue {
    position: relative;
}

.feadback-btn{
display:  flex;
    align-items:  stretch;
    justify-content:  space-between;
}

.red-style .icon_direction_up {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(180deg);
}

.red-style {
    background: #06926d;
    /* border-right: 1px solid #fff; */
}

.feadback-btn a {
    width: 100%;
}
@media (max-width: 768px){
 .section + .feedback-complete {
    margin-top: -70px;
    margin-bottom: -20px;
}
}
@media (min-width: 768px){
    .common-section__container.container.common-section.feedback-complete {
    margin-bottom: 0px;
    margin-top: -70px;
}
}

.feedback-soc-links h3 {
    color: #393874;
    font-size: 18px;
    text-align: center;
    margin-left: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -20px;
}


@media (min-width: 1280px){
.common-card_style_expanded .common-card__text {
    max-height: 210px !important;
}}


.blog-page-content-new .typography ul li, .blog-page-content-new .typography ol li {
    margin-bottom: 10px;
}

.blog-page-content-new .common-section__container.container {
    /*background: #fff;*/
}

/* Отзывы в портфолио */
/*
.portfolio-quote__text p {
    color: #e4e4e4;
  font-size: 17px;
}*/








.all-block-border {
    width: 50%;
  margin-left: 3%;
}

.smm-max {
    position: relative;
   /* background: url(/content/images/smm%20%281%29.jpg) no-repeat;
    background-size: cover;*/
}

.smm-max section.common-section__container {
    position: relative;
}


.smm-max:before {
    content: '';
    display: block;
    position: absolute;
    width: 45%;
    height: calc(100% - 100px);
    right: 5%;
    bottom: 0px;
    background: url(/content/images/smm/smm2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    max-width: 653px;
    max-height: 807px;
}

.common-section__container .block-border {
    width: 60%;
    margin: 0 auto 30px;
    border: 2px solid #fff;
    padding: 20px 25px;
    text-align: left;
}

.common-section__container .block-border p {
    font-size: 18px;
    font-family: 'Room-Thin';
  line-height: 1.2;
}

.common-section__container .block-border h3 {
    font-size: 26px;
    font-family: 'Room-Bold';
    text-transform: uppercase;
    line-height: 1.2;
	padding-bottom: 10px;
}

.common-section__container .block-border {
    max-width: 425px;
    width: 100%;
    margin: 0 0 0 auto;
    border: 3px solid #fff;
    margin-bottom: 20px;
    padding: 30px 40px;
    text-align: left;
}

.smm-max h2 {
    font-size: 54px;
    font-family: 'Room-Bold';
    text-transform: uppercase;
    line-height: 1.2;
    padding-bottom: 50px;
  padding-top: 40px;
}

  .banner_reversed .banner__content {
    float: inherit;
    left: 50%;
    position: relative;
}

@media (max-width: 768px){

  .all-block-border {
    width: 100%;
}

  .common-section__container .block-border {
    width: 86%;
    margin: 0 auto 30px;
    max-width: 300px;
    box-sizing: border-box;

}

  .smm-max:before {
	content: none;
  }

}


  @media (max-width: 768px){

.common-section__container .block-border h3 {
    font-size: 20px;
  }

    .soc_link_icon .feats{
        font-size: 0.1px;
    letter-spacing: -1px;
    }
}
    @media (max-width: 767px){
.banner_reversed .banner__content {
	left: 0px;
}
    }

  @media (max-width: 1600px){
  .common-section__container.soc_link_icon .feats__item {
	box-sizing: border-box;
    padding: 0 20px;
}
}

@media (min-width: 1280px){
.soc_link_icon .feats{
 padding-right: 20px;
}
}

@media (max-width: 1024px){
  .common-section__container.soc_link_icon .feats__item {
    width: 33%;
  }
}

@media (max-width: 600px){
  .common-section__container.soc_link_icon .feats__item {
    width: 50%;
  }
}

@media (max-width: 425px){
  .common-section__container.soc_link_icon .feats__item {
    width: 100%;
  }
}




.logo {
    display: block;
    width: 167px;
    height: 50px;
    /* background: url(https://webelement.ru/content/images/logo/logo_we_2.png); */
    /* background: url(https://webelement.ru/content/images/logo/logo_we_2.svg); */
  	/* background: url(https://webelement.ru/content/images/logo/logo_we_3.svg); */
  	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144.4 25.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation:isolate;%7D.cls-2%7Bfill:%231d1d1b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Elogo-we%3C/title%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Слой_1-2' data-name='Слой 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M4,13.6,0,0H2.9L5.8,10.9h.1L8.3,0H12l2.6,10.9h.1L17.5,0h2.9l-4,13.6H12.7L10.1,3.3H10L7.6,13.6Z'/%3E%3Cpath class='cls-2' d='M22.2,0H32.9V2.5H25V5.3h7.1V7.8H25v3.4h8.2v2.5h-11Z'/%3E%3Cpath class='cls-2' d='M35.2,13.6V0h6.6a4.91,4.91,0,0,1,3.5,1.1,3.22,3.22,0,0,1,1,2.5A3.08,3.08,0,0,1,46,4.9,2.44,2.44,0,0,1,45.1,6v.1a3.33,3.33,0,0,1,1.4,1.2,3.51,3.51,0,0,1,.5,2,4.16,4.16,0,0,1-1.3,3,5.2,5.2,0,0,1-3.9,1.2H35.2ZM43.3,2.8a2.11,2.11,0,0,0-1.4-.4h-4V5.2h4.3a1.5,1.5,0,0,0,1.1-.4,1.53,1.53,0,0,0,.4-1A1.33,1.33,0,0,0,43.3,2.8Zm.8,5.4c-.3-.4-.7-.6-1.7-.6H37.9v3.7h4.2a2.57,2.57,0,0,0,1.8-.5,1.68,1.68,0,0,0,.6-1.4A2.78,2.78,0,0,0,44.1,8.2Z'/%3E%3Cpath class='cls-2' d='M49.1,0H59.8V2.5H51.9V5.3H59V7.8H51.9v3.4h8.2v2.5h-11Z'/%3E%3Cpath class='cls-2' d='M72.8,13.6H62.2V0h2.7V11.2h7.9v2.4Z'/%3E%3Cpath class='cls-2' d='M74.5,0H85.2V2.5h-8V5.3h7.1V7.8H77.2v3.4h8.2v2.5h-11V0Z'/%3E%3Cpath class='cls-2' d='M90.4,0,95,6.5,99.5,0h2.8V13.6H99.5V4.3h-.1l-4,5.8h-1l-4-5.8h-.2v9.3H87.5V0Z'/%3E%3Cpath class='cls-2' d='M104.6,0h10.6V2.5h-7.9V5.3h7.1V7.8h-7.1v3.4h8.2v2.5h-11V0Z'/%3E%3Cpath class='cls-2' d='M130.2,0V13.6h-2.5l-7.5-9.2v9.2h-2.7V0H120l7.6,9.3V0Z'/%3E%3Cpath class='cls-2' d='M131.9,0h12.5V2.5h-4.9V13.7h-2.7V2.5h-4.9V0Z'/%3E%3C/g%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M8.9,22.6a2.56,2.56,0,0,1-1.9.8H4.9v1.8h-1V18.7H7a2.67,2.67,0,0,1,1.8.7A2.36,2.36,0,0,1,9.5,21,2.27,2.27,0,0,1,8.9,22.6Zm-1.8-.2a1.33,1.33,0,0,0,1-.4,1.78,1.78,0,0,0,.4-1,1.69,1.69,0,0,0-.3-1,1.43,1.43,0,0,0-1.1-.5h-2v2.9Z'/%3E%3Cpath class='cls-2' d='M10.5,18.7h5.1v.9h-4v1.7h3.6v.9H11.6v2h4.2v.9H10.6V18.7Z'/%3E%3Cpath class='cls-2' d='M17.9,18.7v2.6h1a.75.75,0,0,0,.5-.1l.3-.3.7-1.4a.9.9,0,0,1,.6-.6,1.5,1.5,0,0,1,1-.2,1.27,1.27,0,0,1,.6.1l-.1.9h-.3c-.2,0-.5,0-.6.1l-.3.3-.7,1.3c-.1.1-.2.3-.3.4l2.4,3.5H21.5l-2-3.1a4.33,4.33,0,0,1-.5.1H17.9v3h-1V18.8h1Z'/%3E%3Cpath class='cls-2' d='M30,18.7v6.5H29V19.6H26.4l-.6,4.2a2.22,2.22,0,0,1-.5,1.1,2.1,2.1,0,0,1-1.1.4,1.64,1.64,0,0,1-1-.2l.2-.8a1.09,1.09,0,0,0,.5.1.85.85,0,0,0,.6-.2,1.63,1.63,0,0,0,.3-.6l.7-4.8H30Z'/%3E%3Cpath class='cls-2' d='M35.1,18.7,38,25.2H36.9L36.4,24H32.7l-.5,1.2H31.1L34,18.7ZM33,23h2.9l-1.4-3.3h-.2Z'/%3E%3Cpath class='cls-2' d='M40.1,18.7l2.4,3.4,2.4-3.4h1.2v6.5h-1v-5H45l-2.3,3.3h-.4L40,20.2h-.1v5h-1V18.7Z'/%3E%3Cpath class='cls-2' d='M51.2,18.7l2.9,6.5H53L52.5,24H48.8l-.5,1.2H47.2l2.9-6.5ZM49.1,23H52l-1.4-3.3h-.2Z'/%3E%3Cpath class='cls-2' d='M60,23.6l3.9-5h1v6.5h-1v-5l-4,5h-1V18.6h1v5Z'/%3E%3Cpath class='cls-2' d='M71.3,18.7l2.4,3.4,2.4-3.4h1.2v6.5h-1v-5h-.1l-2.3,3.3h-.4l-2.3-3.3h-.1v5h-1V18.7Z'/%3E%3Cpath class='cls-2' d='M82.3,18.7l2.9,6.5H84.1L83.6,24H79.9l-.5,1.2H78.2l2.9-6.5ZM80.2,23h2.9l-1.4-3.3h-.2Z'/%3E%3Cpath class='cls-2' d='M91.2,22.6a2.56,2.56,0,0,1-1.9.8H87.2v1.8h-1V18.7h3.1a2.67,2.67,0,0,1,1.8.7,2.36,2.36,0,0,1,.7,1.6A2.27,2.27,0,0,1,91.2,22.6Zm-1.8-.2a1.33,1.33,0,0,0,1-.4,1.78,1.78,0,0,0,.4-1,1.69,1.69,0,0,0-.3-1,1.43,1.43,0,0,0-1.1-.5h-2v2.9Z'/%3E%3Cpath class='cls-2' d='M93.9,18.7v2.6h1a.75.75,0,0,0,.5-.1l.3-.3.7-1.4a.9.9,0,0,1,.6-.6,1.5,1.5,0,0,1,1-.2,1.27,1.27,0,0,1,.6.1l-.1.9h-.3c-.2,0-.5,0-.6.1l-.3.3-.7,1.3c-.1.1-.2.3-.3.4l2.4,3.5H97.5l-2-3.1a4.33,4.33,0,0,1-.5.1H93.9v3h-1V18.8h1Z'/%3E%3Cpath class='cls-2' d='M99.7,18.7h5.1v.9h-4v1.7h3.6v.9h-3.6v2H105v.9H99.8V18.7Z'/%3E%3Cpath class='cls-2' d='M105.8,18.7h6.1v.9h-2.5v5.6h-1V19.6h-2.5v-.9Z'/%3E%3Cpath class='cls-2' d='M113.8,23.6l3.9-5h1v6.5h-1v-5l-4,5h-1V18.6h1v5Z'/%3E%3Cpath class='cls-2' d='M125.8,18.7v6.5h-1v-3h-3.7v3h-1V18.7h1v2.6h3.7V18.7Z'/%3E%3Cpath class='cls-2' d='M128.1,25.2h-1V18.7h5v.9h-4Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
  	background-image: url("data:image/svg+xml,%3Csvg fill='%231d1d1b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1030.81 289'%3E%3Cg%3E%3Cpath d='m89.28,159.5l-23.46-95.5h19.24l16.23,67.67h2.73l17.6-67.67h20.6l17.6,67.67h2.73l16.1-67.67h19.37l-23.46,95.5h-24.56l-16.78-65.76h-2.73l-16.64,65.76h-24.56Z'/%3E%3Cpath d='m215.14,159.5v-95.5h63.98v16.23h-46.25v23.46h43.52v15.83h-43.52v23.74h46.25v16.23h-63.98Z'/%3E%3Cpath d='m302.87,159.5v-95.5h44.34c15.96,0,27.15,11.19,27.15,26.6,0,10.23-5.87,17.74-10.23,20.46v.68c5.05,2.59,11.6,10.23,11.6,21.15,0,15.42-11.19,26.6-27.15,26.6h-45.7Zm17.74-55.52h24.42c6.55,0,11.6-5.05,11.6-12.14s-5.05-12.01-11.6-12.01h-24.42v24.15Zm0,39.7h25.78c6.55,0,11.6-5.05,11.6-12.01s-5.05-12.14-11.6-12.14h-25.78v24.15Z'/%3E%3Cpath d='m393.31,159.5v-95.5h63.98v16.23h-46.25v23.46h43.52v15.83h-43.52v23.74h46.25v16.23h-63.98Z'/%3E%3Cpath d='m477.07,159.5v-95.5h17.74v78.44h44.75v17.05h-62.48Z'/%3E%3Cpath d='m556.74,159.5v-95.5h63.98v16.23h-46.25v23.46h43.52v15.83h-43.52v23.74h46.25v16.23h-63.98Z'/%3E%3Cpath d='m640.5,159.5v-95.5h28.24l22.92,68.35h2.73l23.06-68.35h28.24v95.5h-17.73v-67.12h-2.73l-22.65,67.12h-18.96l-22.65-67.12h-2.73v67.12h-17.74Z'/%3E%3Cpath d='m769.55,159.5v-95.5h63.98v16.23h-46.25v23.46h43.52v15.83h-43.52v23.74h46.25v16.23h-63.98Z'/%3E%3Cpath d='m857.28,159.5v-95.5h23.46l34.92,66.71h2.73v-66.71h17.74v95.5h-23.6l-34.79-66.71h-2.73v66.71h-17.74Z'/%3E%3Cpath d='m984.7,159.5v-78.44h-28.38v-17.05h74.49v17.05h-28.38v78.44h-17.74Z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m89.28,224.79v-29.53h13.12c4.98,0,8.86,3.88,8.86,9.45s-3.88,9.49-8.86,9.49h-8.69v10.59h-4.43Zm4.43-14.81h8.56c2.49,0,4.56-2.07,4.56-5.27s-2.07-5.23-4.56-5.23h-8.56v10.5Z'/%3E%3Cpath d='m117.23,224.79v-29.53h19.36v4.09h-14.93v8.6h14.09v4.01h-14.09v8.73h14.93v4.09h-19.36Z'/%3E%3Cpath d='m143.18,224.79v-29.53h4.43v13.54l11.26-13.54h5.44l-12.15,14.55,12.99,14.97h-5.48l-12.06-14v14h-4.43Z'/%3E%3Cpath d='m168.45,225v-4.34h1.31c1.81,0,2.99-1.05,3.21-3.42l1.86-21.98h19.07v29.53h-4.43v-25.31h-10.55l-1.56,18.26c-.42,4.98-2.87,7.26-7.21,7.26h-1.69Z'/%3E%3Cpath d='m222.4,224.79l-2.53-7.09h-13.58l-2.53,7.09h-4.81l10.88-29.53h6.5l10.84,29.53h-4.77Zm-14.68-11.09h10.71l-4.94-13.71h-.84l-4.94,13.71Z'/%3E%3Cpath d='m232.22,224.79v-29.53h7.42l8.1,23.41h.84l8.06-23.41h7.47v29.53h-4.43v-22.9h-.84l-7.97,22.9h-5.44l-7.93-22.9h-.84v22.9h-4.43Z'/%3E%3Cpath d='m292.61,224.79l-2.53-7.09h-13.58l-2.53,7.09h-4.81l10.88-29.53h6.5l10.84,29.53h-4.77Zm-14.68-11.09h10.71l-4.94-13.71h-.84l-4.94,13.71Z'/%3E%3Cpath d='m314.63,224.79v-29.53h4.43v23.07h.84l12.02-23.07h6.41v29.53h-4.43v-23.07h-.84l-12.02,23.07h-6.41Z'/%3E%3Cpath d='m358.88,224.79v-29.53h7.42l8.1,23.41h.84l8.06-23.41h7.47v29.53h-4.43v-22.9h-.84l-7.97,22.9h-5.44l-7.93-22.9h-.84v22.9h-4.43Z'/%3E%3Cpath d='m419.27,224.79l-2.53-7.09h-13.58l-2.53,7.09h-4.81l10.88-29.53h6.5l10.84,29.53h-4.77Zm-14.68-11.09h10.71l-4.94-13.71h-.84l-4.94,13.71Z'/%3E%3Cpath d='m429.09,224.79v-29.53h13.12c4.98,0,8.86,3.88,8.86,9.45s-3.88,9.49-8.86,9.49h-8.69v10.59h-4.43Zm4.43-14.81h8.56c2.49,0,4.56-2.07,4.56-5.27s-2.07-5.23-4.56-5.23h-8.56v10.5Z'/%3E%3Cpath d='m457.04,224.79v-29.53h4.43v13.54l11.26-13.54h5.44l-12.15,14.55,12.99,14.97h-5.48l-12.06-14v14h-4.43Z'/%3E%3Cpath d='m483.69,224.79v-29.53h19.36v4.09h-14.93v8.6h14.09v4.01h-14.09v8.73h14.93v4.09h-19.36Z'/%3E%3Cpath d='m517.38,224.79v-25.31h-9.28v-4.22h22.95v4.22h-9.24v25.31h-4.43Z'/%3E%3Cpath d='m536.58,224.79v-29.53h4.43v23.07h.84l12.02-23.07h6.41v29.53h-4.43v-23.07h-.84l-12.02,23.07h-6.41Z'/%3E%3Cpath d='m568.07,224.79v-29.53h4.43v12.49h14.85v-12.49h4.43v29.53h-4.43v-12.7h-14.85v12.7h-4.43Z'/%3E%3Cpath d='m599.57,224.79v-29.53h18.9v4.22h-14.47v25.31h-4.43Z'/%3E%3C/g%3E%3C/svg%3E");
  	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
}









/********************Плашка сверху на главной***********************************/
main.page__main {
    position: relative;
}

.seminar {
 position: absolute;
    left: 0;
    z-index: 899;
    background: rgb(57, 56, 116);
    color: #fff;
    padding: 9px 80px 9px 40px;
    font-size: 16px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  	width: calc(100% - 310px);
    top: 0px;
}


.seminar span:hover {
    color: #f00;
}

.seminar span {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
}


@media (max-width: 1280px){
.seminar {
  width: 100%;
  z-index: 902;
}
  .seminar span {
    right: 15px;

  }
}

.seminar  .button_theme_default {
    color: #FFF;
    border-color: #cb0928;
    background-color: #cb0928;
}

.seminar  .button_theme_default:hover {
    color: #393874;
    border-color: #393874;
    background-color: #fff;
}

.seminar .button {
 height: 30px;
    font-size: 12px;
    line-height: 30px;
  margin-left: 30px;
}
.sidebar__wrapper {
    /* margin-top: 48px; */
}
.hero-slider .slick-dots {top: 60px;}

.row-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

@media (max-width: 767px) {
  .seminar {flex-wrap: wrap;text-align: center;}
  .seminar .button {margin-left: 0; margin-top: 15px;}
  .hero__more .button {padding: 0 10px;}
  .row-flex { flex-direction: column;}
  .common-section .common-section__container .block-border.cases {width: 70%;}
}

.typography h2 {
    margin-bottom: 25px;
}

.common-section .common-section__container .col-sm-4 {
    width: 33%;
}
.common-section .common-section__container .col-sm-3 {
    width: 25%;
    min-height: 260px;
}




.common-section .common-section__container .block-border.cases {
    max-width: 210px;
    margin: 0 auto 30px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    border: 4px solid #fff;
}

.text-card_theme_pink-new .maincontent p, .text-card_theme_blue-new .maincontent p {
  	font-family: "Museo Sans Cyrillic", Helvetica, Arial, sans-serif;
  	font-weight: 300;
  	line-height: 1.3;
  	color: #fdf8fe;
  	text-align: center;
  	font-size: 19px;
    width: 80%;
    margin: auto;
}

.block-border.cases p {
	font-size: 21px;
	text-transform: none;
	line-height: 1.3;
	font-weight: 400;
	font-family: "Museo Sans Cyrillic", Helvetica, Arial, sans-serif;
	color: #fdf8fe;
	text-align: center;
  	margin: 0;
}

.text-card_theme_pink-new .maincontent h2, .text-card_theme_blue-new .maincontent h2 {
  	color: white;
  	font-size: 42px;
    font-family: 'Room-Bold';
    text-transform: uppercase;
    line-height: 1.2;
    padding-bottom: 30px;
    padding-top: 15px;
}

.p-60 {
  	padding-top: 60px;
    padding-bottom: 60px;
}

.cases img {
  height: 100px;
  margin-bottom: 15px;
}


.theme_black {
    color: #000;
}

.theme_black h3 {
    padding-bottom: 0px;
}


@media (max-width: 1600px){
.common-section .common-section__container .col-sm-3 {
    width: 45%;
    min-height: 170px;
    max-width: initial !important;
      margin-bottom: 10px !important;
}
  .row-flex {
    flex-wrap: wrap;
}
}


@media (max-width: 1440px){
.common-section .common-section__container .col-sm-3 {
    width: 45%;
    min-height: 200px;
    max-width: initial !important;
}
}











/*************************/
.zoom-cases {
    flex-wrap: wrap;
}
.zoom-cases .col-sm-6 {
    width: 50%;
}
.zoom-cases .col-sm-12 {
    width: 100%;
}

.cases-block {
    border: 5px solid #fff;
    margin: 10px 10px;
    padding: 30px 40px;
}

.cases-block.z1 {
    display: flex;
    align-items: center;
    justify-content: center;
}


.cases-block.z1 i {
    width: 50px;
    height: 50px;
    padding: 20px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 50%;
}
.cases-block.z1 i img {
    width: 100%;
}

.cases-block.z1 .zz2 {
    width: 45%;
  	display: flex;
	justify-content: space-around;
  position: relative;
}

.zz2:before {
    content: '';
    position: absolute;
    display: block;
    background: url(/content/images/cases/zoom/arrow.png);
    width: 38px;
    height: 70px;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ(-90deg);
}

.cases-block.z1 .zz1 {
	width: 50%;
    margin-right: 5%;
  	display: flex;
}

.zz1 p, .zz3 p, .zz5 p {
	text-align: left !important;
    padding: 20px 0px;
    margin-left: 0px !important;
    width: 100% !important;
}

.zz1 strong {
    font-size: 100px;
    color: #fff;
  line-height: 1;
}

.cases-block.z1 .zz2 span p {
    margin-top: 14px;
}
.cases-block.z1 .zz2 span {
    width: 50%;
}

.cases-block.z2, .cases-block.z3 {
    display: flex;
  justify-content: space-between;
    align-items: center;
}

.zz3, .zz5 {
    width: 70% !important;
    display: inline-block;
}

.zz4, .zz6 {
    display: flex;
    flex-direction: column;
  position: relative;
}

.zz4:before, .zz6:before {
    content: '';
    position: absolute;
    display: block;
    background: url(/content/images/cases/zoom/arrow.png);
    width: 36px;
    height: 66px;
    background-size: cover;
    top: 50%;
    left: -5px;
    transform: translate(-100%, -50%);
}


.cases-block.z2 span, .cases-block.z3 span {
    font-size: 30px;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 0px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    display: inline-block;
}
.zz4 span:first-child, .zz6 span:first-child {
    margin-bottom: 30px;
}

/*************************/






.white-text .section-title {
    color: #fff !important;
  	border-bottom: 1px solid rgb(255, 255, 255);
    position: relative;
}

.white-text .about-wrapper {
    color: #fff;
}

.white-text .button_type_ghost.button_theme_default {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.white-text .button_type_ghost.button_theme_default:hover{
      color: #fff;
    border-color: #fff;
    background-color: transparent;
}

section.common-section__container.maincontent img {
    max-width: 100%;
}

.fon7 {
  background: url(/content/images/%D0%A0%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D0%B5.jpg);
}

.strategy {
  padding: 30px 0;
      background: #1E3992;
    }
    .strategy__title {
      color: #fff;
      font-size: 20px;
      line-height: 1.2em;
      text-transform: uppercase;
      margin-bottom: 30px;
      font-weight: bold;
    }
    .strategy-item {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      justify-content: space-between;
    }
    .strategy-item--reverse {
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -ms-align-items: flex-end;
      align-items: flex-end;
      margin-bottom: 30px;
    }
    .strategy-item__pic {
      width: 45%;
      line-height: 0;
      margin-bottom: 30px;
    }
    .strategy-item__pic img {
      width: 100%;
    }
    .strategy-item__info {
      width: 45%;
      margin-bottom: 30px;
    }
    .strategy-item__title {
      margin-bottom: 20px;
      text-transform: uppercase;
      color: #FFF;
      font-size: 18px;
      line-height: 1.2em;
      font-weight: bold;
      text-align: left;
    }
    .strategy-item__text {
      color: #fff;
      font-size: 16px;
      line-height: 1.4em;
      text-align: left;
    }
    .strategy-item__text p {
      margin-bottom: 15px;
      color: #fff;
      font-size: 16px;
      line-height: 1.4em;
    }
    .mb-negative {
      margin-bottom: -300px;
    }
    @media (max-width: 1023px) {
      .mb-negative {
        margin-bottom: -120px;
      }
    }
    @media (max-width: 767px) {
      .strategy-item {
        margin-bottom: 30px;
        -ms-align-items: center;
        align-items: center;
      }
      .mb-negative {
        margin-bottom: 30px;
      }
      .strategy-item__pic {
        width: 48%;
      }
      .strategy-item__info {
        width: 48%;
      }
      .strategy .maincontent {
        width: 90%;
      }
      
    }

@media (max-width: 480px) {
  .strategy-item {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
  }
  .strategy-item__pic {
        width: 100%;
      }
      .strategy-item__info {
        width: 100%;
      }
  
}
.white-list li:before {
  color: #ffffff  !important;
}








.hidden-desctop div span {
    display: block;
}
.hidden-desctop div {
    margin-bottom: 40px;
}



.hidden-desctop{
  display: none;
}
.hidden-mob{
  display: block;
}
@media (max-width: 991px){
.hidden-mob{
  display: none;
}

.hidden-desctop{
  display: block;
}
}
  
  @media (max-width: 1367px){
    a.common-card.common-card_type_team .second-span {
    display: none;
}
  }



@media (max-width: 480px){
  .categories__item {
    white-space: initial;
  }
.section.group.our-numbers .col.span_1_of_3 p {
min-width: auto !important;
    max-width: 270px !important;
    width: 100% !important;
    margin: 10px auto !important;
    text-align: center !important;
    display: block;
}
    
  .section.group.our-numbers .col.span_1_of_3{
    min-width: auto !important;
    max-width: initial !important;
    width: 100% !important;
    margin: 10px 0px;
    display: block !important;
  }
  .section.group.our-numbers .col.span_1_of_3 p span {
    clear: both;
    text-align: center !important;
    display: block !important;
}
  .section.group.our-numbers .col.span_1_of_3 p img {
    margin: 10px 0px !important;
    width: 100% !important;
}
}


/*******Карта песков*******/

.new-link-map {
	background-size: cover;
    padding: 40px 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 90%;
    max-width: 900px;
}

.new-link-map .complex-map {
    padding: 0px;
    margin: 0px;
}

a.map-link {
    /*opacity: .8;*/
    transition: all 0.4s ease;
}
.complex-map {
    background: url(../img/golden-sand-map.png) no-repeat center center/contain;
    position: relative;
    padding: 215px 0;
    margin: 40px 0;
}
a.map-link span.zoom {
    position: absolute;
    display: block;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0) url(/content/images/zoom.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    transition: all 0.4s ease;
}
a.map-link:hover span.zoom {
    width: 100%;
    height: 100%;
    background-size: 25%;
    opacity: 1;
    transition: all 0.4s ease;
}


.img-map img {
    margin: auto;
  max-width: 100%;
}

a.map-link:hover {
    opacity: 1;
    transition: all 0.4s ease;
}
.new-link-map h3 {
    text-align: center;
    font-size: 18px;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

div#hidden-content {
    max-width: 90%;
    position: relative;
    background: #1d7bad -webkit-linear-gradient(0deg, #f5f6ee, #1d7bad);
    background: #1d7bad linear-gradient(0deg, #f5f6ee, #1d7bad);
    background-size: cover;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100% !important;
    z-index: 10000;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 45px;
  box-sizing: border-box;
}


.close-btn {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 999999;
    cursor: pointer;
    font-size: 28px;
    color: #000;
}
.complex-map__zoom-btn {
    display: none;
}
#hidden-content .complex-map {
    background: none;
    position: relative;
    padding: 0px;
    margin: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.complex-map__inner {
    width: auto;
    min-width: 170px;
    z-index: 999;
    left: 0px;
    transform: translateX(-50%);
    position: absolute;
}

.complex-map__p i {
    display: block;
    width: 10px;
    height: 10px;
    background: #ffbd1d;
    border-radius: 50%;
    position: relative;
}
.complex-map__inner_new .complex-map__link {
    border-radius: 30px;
}
.complex-map__inner_new {
    width: auto;
    min-width: 140px;
    z-index: 999;
    left: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    display: block;
    border-radius: 30px;
    bottom: 50px;
}

.complex-map__inner_new a {
width: 100%;
    height: 100%;
    display: block;
    padding: 7px 25px 5px 15px;
    line-height: 1.3;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #000;
    background: rgba(255,189,29,0.7);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-sizing: border-box;
}



.complex-map__p {
    position: absolute;
    cursor: pointer;
    -webkit-transition: .3s ease 0s;
    transition: .3s ease 0s;
}

.complex-map__p.complex-map__p--1 {
	top: 61%;
    left: 28%;
}
.complex-map__p.complex-map__p--2 {
    top: 75%;
    left: 13%;
}
.complex-map__p.complex-map__p--3 {
    top: 57%;
    left: 7%;
}
.complex-map__p.complex-map__p--4 {
    top: 43%;
    left: 15%;
}
.complex-map__p.complex-map__p--5 {
    top: 54%;
    left: 21%;
}
.complex-map__p.complex-map__p--6 {
    top: 54%;
    left: 14%;
}
.complex-map__p.complex-map__p--7 {
    top: 43%;
    left: 27%;
}
.complex-map__p.complex-map__p--8 {
    top: 40%;
    left: 37%;
}
.complex-map__p.complex-map__p--9 {
    top: 36%;
    left: 45%;
}
.complex-map__p.complex-map__p--10 {
    top: 32%;
    left: 57%;
}
.complex-map__p.complex-map__p--11 {
    top: 27%;
    left: 66%;
}
.complex-map__p.complex-map__p--12 {
    top: 35%;
    left: 51%;
}
.complex-map__p.complex-map__p--13 {
    top: 30%;
    left: 85%;
}
.complex-map__p.complex-map__p--14 {
    top: 38%;
    left: 83%;
}
.complex-map__p.complex-map__p--15 {
    top: 46%;
    left: 76%;
}
.complex-map__p.complex-map__p--16 {
    top: 57%;
    left: 57%;
}
.complex-map__p.complex-map__p--17 {
        top: 68%;
    left: 44%;
}
.complex-map__p.complex-map__p--18 {
    top: 69%;
    left: 35%;
}
.complex-map__p.complex-map__p--19 {
    top: 65%;
    left: 40%;
}
.complex-map__p.complex-map__p--20 {
    top: 46%;
    left: 36%;
}

.complex-map__p.complex-map__p--21 {
    top: 49%;
    left: 28%;
}


.pick-left .complex-map__inner {
    transform: translate(-100%, -50%);
}


.complex-map__p--white i{background:#fff}
.complex-map__p--white i:before{background:#fff}


.complex-map__p i:before {
    content: '';
    position: absolute;
    height: 50px;
    width: 2px;
    background: #ffbd1d;
    left: 4px;
    bottom: 0px;
}


.ht10.complex-map__p i:before{height:10px}
.ht10 .complex-map__inner_new{bottom:10px}
.ht20.complex-map__p i:before{height:20px}
.ht20 .complex-map__inner_new{bottom:20px}
.ht30.complex-map__p i:before{height:30px}
.ht30 .complex-map__inner_new{bottom:30px}
.ht40.complex-map__p i:before{height:40px}
.ht40 .complex-map__inner_new{bottom:40px}
.ht50.complex-map__p i:before{height:50px}
.ht50 .complex-map__inner_new{bottom:50px}
.ht110.complex-map__p i:before{height:110px}
.ht110 .complex-map__inner_new{bottom:110px}
.hb10.complex-map__p i:before{height:10px;bottom:initial;top:0px}
.hb10 .complex-map__inner_new{top:10px;bottom:initial}
.hb20.complex-map__p i:before{height:20px;bottom:initial;top:0px}
.hb20 .complex-map__inner_new{top:20px;bottom:initial}
.hb30.complex-map__p i:before{height:30px;bottom:initial;top:0px}
.hb30 .complex-map__inner_new{top:30px;bottom:initial}
.hb40.complex-map__p i:before{height:40px;bottom:initial;top:0px}
.hb40 .complex-map__inner_new{top:40px;bottom:initial}
.hb50.complex-map__p i:before{height:50px;bottom:initial;top:0px}
.hb50 .complex-map__inner_new{top:50px;bottom:initial}

.complex-map img {
    /* width: 100%; */
    max-width: 100%;
}
.complex-map__inner_new .complex-map__no-link {
    border-radius: 30px;
    background: rgba(255,255,255,0.7);
}

.complex-map__inner_new a.complex-map__link:hover {
    color: #ffbd1d;
    background: #000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.complex-map__inner_new a.complex-map__link:before {
    content: '';
    width: 20px;
    height: 14px;
    position: absolute;
    background-image: url(/content/files/arrow.svg);
    background-size: contain;
    display: block;
    color: #ffbd1d;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-family: Arial;
    right: 0px;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  box-sizing: border-box;
}
.complex-map__inner_new a.complex-map__link:hover:before {
    opacity: 1;
    background-image: url(/content/files/arrow-y.svg);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.complex-map__inner_new a.complex-map__no-link:hover {
    cursor: default;
}
  


@media (max-width: 991px){
.complex-map__inner_new a {
    font-size: 4px;
    padding: 3px 10px 3px 3px;
    display: inline-block;
    width: auto;
    position: relative;
    white-space: nowrap;
}
  
  .complex-map__p i {
    display: none;
}
#hidden-content .complex-map {
    min-width: 700px;
      top: initial;
    transform: initial;
}

  .complex-map__inner_new a.complex-map__link:before {
    width: 4px;
    height: 4px;
    right: 3px;
    background-size: contain;
}

  .ht20 .complex-map__inner_new {
    bottom: 0px;
}
  
  .complex-map__p {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
  
    .complex-map__zoom-btn {
  	display: block;
    position: absolute;
    left: 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
   padding-left: 50px;
    max-width: 150px;
    top: 300px;
    
  }
  .complex-map__zoom-btn:before {
    content: '';
    background: url(../images/zoom-map.svg) no-repeat center center/contain;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
 
  .hb20 .complex-map__inner_new {
  top: 0px;
  }
  .hb40 .complex-map__inner_new {
  top: 0px;
  }
  .ht20 .complex-map__inner_new {
    bottom: 0px;
}
  .ht40 .complex-map__inner_new {
    bottom: 0px;
    left: 8px;
}
  .ht110 .complex-map__inner_new {
    bottom: 0px;
    left: 1px;
}
  .hb50 .complex-map__inner_new {
    top: 0px;
    
}
  .hb30 .complex-map__inner_new {
    top: 0px;
}
  .ht50 .complex-map__inner_new {
    bottom: 0;
    left: -2px;
}
  .complex-map__inner_new {
  left: 6px;
  }
  .mobile-logo {
  padding-left: 10px;
  }
  .complex-map__inner_new {
  min-width: 70px;
  }
  .complex-map__inner_new a {
  font-size: 4px;
    padding: 3px 10px 3px 3px;
    display: inline-block;
    width: auto;
    position: relative;
    white-space: nowrap;
  }
  .complex-map__inner_new .complex-map__no-link {
  padding: 3px;
    white-space: normal;
  }
  .complex-map__p i {
  display: none;
  }
  .complex-map__inner_new a.complex-map__link:before {
 width: 4px;
    height: 4px;
    right: 3px;
    background-size: contain;
  }
  .complex-map__inner_new, .complex-map__p i:before {
  display: block;
  }
  .complex-map__inner_new .complex-map__no-link:after {
  display: none;
  }
   .complex-map__inner_new .complex-map__link:after {
  display: none;
  }

  .ht110 .complex-map__inner_new a {
    max-width: 36px;
    left: 1px;
    bottom: 1px;
    white-space: normal;
}
  .complex-map__p.complex-map__p--7 {
  left: 25%;
  }
  .complex-map__p.complex-map__p--7.ht20 a {
    max-width: 46px;
}
  
  .close-btn {
    top: 40px;
    left: 50%;
    right: auto;
    margin: auto;
    text-align: center;
}
  
}



@media (max-width: 650px){
.complex-map__zoom-btn {
    top: 100px;
}
}
/*************************************************/


.prt-content {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #f1f1ef;
}

.prt-content img, .prt-content img {
    max-width: 100%;
}
.img-for-video-2 {
position: absolute;
    top: 0px;
    left: 0px;
}
.video-for-video-1 {
        
  position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 16%);
    width: 70%;
}



.portfolio-info__item_link{
 border-bottom: 0px; 
}

 .video-for-video-1 {
    left: 49.5% !important;
    transform: translate(-50%, 16%) !important;
    width: 67.5% !important;
}
  .absolute-text-right {
    position: absolute;
    left: 60%;
    top: 46%;
    width: calc(40% - 40px);
    transform: translate(0,-50%);
    max-width: 450px;
}

.absolute-text-right-block picture {
    width: calc(60% - 40px);
}

.portfolio-info__item_link a {
    border: 1px solid #CB0928;
  	background: #CB0928;
    padding: 15px 20px;
    line-height: 30px;
    margin: 10px;
	color: #fff;
  transition: all .25s;
}

.portfolio-info__item_link a:hover, .portfolio-info__item_link a:active {
    color: #FFF;
    border-color: #393874;
    background-color: #393874;
}

.text-center {
    text-align: center;
}
.btn {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    -webkit-appearance: none;
    font-size: 14px;
    font-family: "Museo Sans Cyrillic", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    white-space: nowrap;
    color: inherit;
    cursor: pointer;
    padding: 0px 30px;
    margin: 0px;
    border-radius: 0px;
    text-decoration: none;
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    transition: all 0.25s;
    outline: none;
}

.btn.btn-white {
    border-color: #fff;
    color: #fff;
}


.btn.btn-white {
    border-color: #fff;
    color: #fff;
}

.btn:hover{
	color: #FFF;
    border-color: #CB0928;
    background-color: #CB0928;
}

a.btn.btn-white.unik {
    margin-top: -40px;
    margin-bottom: 40px;
}
@media (max-width: 991px){
 a.btn.btn-white.unik {
    margin-top: 0px;
} 
}

@media (max-width: 768px){
  .portfolio-info__item.portfolio-info__item_social ul {
    text-align: center;
    padding-left: 0px;
}
}










   /******************************/
  /******* golden_sands start ***/
 /******************************/

.absolute-text-left {
    position: absolute;
    left: 10%;
    top: 46%;
    width: 40%;
    transform: translate(0px, -50%);
}

.typography h3 {
    padding-bottom: 0px;
}

.five-block {
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
    box-sizing: border-box;
}

.common-section .common-section__container .five-block .block-border.cases {
    max-width: 230px;
}

.mod-new-block-content strong {
    font-size: 110%;
    font-weight: 600;
}

/**media**/


@media (max-width: 1440px){
  
  .common-section .common-section__container .five-block .col-sm-3 {
    width: 140px;
    min-height: 170px !important;
    max-width: initial !important;
}
  .common-section .common-section__container .five-block .block-border.cases img {
    width: 80px;
    height: 80px;
}
.common-section .common-section__container .five-block .block-border.cases p {
    font-size: 18px;
}
  
}

@media (max-width: 991px){
  .absolute-text-left {
        position: relative;
    left: 0px;
    top: 50%;
    width: auto;
    transform: initial;
    padding: 60px 20px 60px;
}
  
  .absolute-text-right {
    position: relative;
    left: initial;
    top: initial;
    width: auto;
    transform: initial;
	max-width: initial;
}
  
  .absolute-text-left-block{
    background: #f8c643;
    background-image: url(/content/images/cases/golden_sands/img-2.jpg);
    background-size: cover;
    position: relative;
  }
  .absolute-text-left-block img{
  display: none;
  }
  
  .absolute-text-left-block:before{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #00000094;
    left: 0px;
    top: 0px; 
  }
  
}


@media (max-width: 1200px){
.common-section .common-section__container .five-block .col-sm-3 {
    width: 160px;
  margin: 0 10px;
}
  
  .row-flex {
    justify-content: center;
}
}

@media (max-width: 1000px){
.common-section .common-section__container .five-block .col-sm-3 {
    width: 250px;
}

}

@media (max-width: 768px){
.common-section .common-section__container .five-block .col-sm-3 {
    width: 96%;
}
.no-before .absolute-text-left {
    padding-top: 10px;
}
}

   /******************************/
  /******** golden_sands end ****/
 /******************************/

.text-left {text-align: left;}
.text-black {color: #000;}
.text-black ul li:before {background: #000;}
.text-white {color: #fff;}
.text-white strong {color: #fff;}
.text-white ul li:before {background: #fff;}


.mb-20{margin-bottom: 20px !important;}.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mt-20{margin-top: 20px !important;}.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}.mt-35{margin-top: 35px !important;}.mt-40{margin-top: 40px !important;}



@media (min-width: 768px){
#case-page .portfolio-hero__content {
    max-width: 750px;
    width: 70%;
    padding: 40px 0 70px;
}
#case-page .portfolio-hero__title {
    font-size: 42px;
    line-height: 48px;
  }
}



@media (min-width: 991px){
  .absolute-text-right-block .common-section__container {
    padding: 0px !important;
}
}








/********************************************************/
/********************Кейс босфор****************************/
/********************************************************/
.bosfor-result .lvl-1 {
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.bosfor-result {
    max-width: 768px;
    margin: 30px auto 0px;
}
.border-white {
    border: 3px solid #fff;
}
.bosfor-result div {
    padding: 5px;
}
.lvl-3.border-white {
    display: flex;
}
.bosfor-result div.lvl-3 {
    padding: 5px 10px;
    min-height: 40px;
    align-items: center;
    justify-content: space-evenly;
}

.bosfor-result .lvl-4 {
    padding: 15px 10px;
}

.lvl-4 span {
    font-size: 16px;
}

.lvl-4 strong {
    display: block;
    white-space: nowrap;
    padding-bottom: 5px;
  font-size: 18px;
}

.lvl-4 strong {
    display: block;
}

.lvl-3:nth-child(1) span {
    font-size: 20px;
}

.lvl-2:nth-child(1){
 width: 21%; 
  align-items: flex-start;
    display: flex;
  flex-direction: column;
}
.lvl-2:nth-child(2){
 width: 32%; 
}
.lvl-2:nth-child(3){
 width: 32%; 
}
.lvl-2:nth-child(4){
 width: 15%; 
}

.author {
display: flex;
    justify-content: space-between;
    align-items: center;
    /*border-top: 1px solid #393874;
    border-bottom: 1px solid #393874;*/
    padding: 20px 0px;
    box-sizing: border-box;
    margin-top: 0px;
}

.author .author-img {
    width: 160px;
  text-align: center;
}
.author .author-img img {
    width: 100%;
}
.author .author-text {
    width: calc(100% - 180px);
  padding-left: 20px;
  font-style: italic;
}

.author-img span {
    font-size: 12px;
    line-height: 15px;
    display: block;
}

@media (min-width: 768px){
.vis-mobile {
    display: none;
}
}


@media (max-width: 768px){
  
  .author {
    flex-wrap: wrap;
}
  .author .author-text {
    width: 90%;
    margin: 0 auto;
}
  .author .author-img{
  width: 90%;
    max-width: 260px;
    margin: 0 auto 30px;
  }
  
  .bosfor-result {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
  .bosfor-result .lvl-1 {
    display: flex;
    text-align: left;
    width: 50%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
  .lvl-2:nth-child(1) {
    width: 80%;
    align-items: center;
  }
  .lvl-2:nth-child(2), .lvl-2:nth-child(3), .lvl-2:nth-child(4){
    width: 80%;
  }
  .bosfor-result div.lvl-3 {
    min-height: 20px;
  }
  .bosfor-result div.lvl-3:nth-child(1) {
    padding-top: 20px;
  }
  .lvl-2:nth-child(1) .lvl-3:nth-child(1){
   display: none; 
  }
}


@media (max-width: 600px){
  .lvl-2:nth-child(1) {
    width: 90%;
    align-items: center;
  }
  .lvl-2:nth-child(2), .lvl-2:nth-child(3), .lvl-2:nth-child(4){
    width: 90%;
  }
}

@media (max-width: 500px){
.bosfor-result {
    flex-wrap: wrap;
}
  .bosfor-result .lvl-1:nth-child(1) {
    margin-bottom: 40px;
}
  
  .bosfor-result .lvl-1 {
    width: 96%;
  }
  .lvl-2:nth-child(1) {
    width: 96%;
    align-items: center;
  }
  .lvl-2:nth-child(2), .lvl-2:nth-child(3), .lvl-2:nth-child(4){
    width: 96%;
  }
}


.mob-img{
  display: none;
}
.desc-img{
  display: block;
}
@media (max-width: 991px){
.mob-img{
  display: block;
}
.desc-img{
  display: none;
}
}

/************************************************/







.no-before:before{
  content: none !important;
}

.common-section-gallery .photo-slider {
    margin: 0px;
}

.video-for-video-1-new{
position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-51%, 17%);
    width: 66%;
}


.text-white .button {
    border-color: #ffffff;
    background-color: transparent;
    color: #fff;
}

.text-white .button:hover {
    border-color: #cb0928;
    background-color: #cb0928;
    color: #fff;
}



@media (min-width: 768px){
 .smm-max .col-sm-6.block-border {
    margin-left: 0px;
    margin-right: auto;
} 
}



.nagradi .photo-slider__slider .slick-prev, .nagradi .photo-slider__slider .slick-next {
    top: 50%;
    transform: translateY(-100%);
}

.photo-slider__nav .slick-prev, .photo-slider__nav .slick-next {
    top: 50%;
    transform: translateY(-50%);
}

.text-white li::before {
	color: white !important;
	opacity: 0.6;
}




.img-padding {
    padding: 0px 15%;
}
.pt50, .mod-new-block-content section.common-section .common-section__container.pt50{
    padding-top: 50px !important;
}
.pb50, .mod-new-block-content section.common-section .common-section__container.pb50 {
    padding-bottom: 50px !important;
}

.pt40, .mod-new-block-content section.common-section .common-section__container.pt40{
    padding-top: 40px !important;
}
.pb40, .mod-new-block-content section.common-section .common-section__container.pb40 {
    padding-bottom: 40px !important;
}

.pt30, .mod-new-block-content section.common-section .common-section__container.pt30{
    padding-top: 30px !important;
}
.pb30, .mod-new-block-content section.common-section .common-section__container.pb30 {
    padding-bottom: 30px !important;
}

.pt20, .mod-new-block-content section.common-section .common-section__container.pt20{
    padding-top: 20px !important;
}
.pb20, .mod-new-block-content section.common-section .common-section__container.pb20 {
    padding-bottom: 20px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}
.pt0 {
    padding-top: 0px !important;
}

.border-img img {
    border-radius: 20px;
}


.flex-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
    margin: 0px 5%;
}
.flex-text-left-block {
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1024px;
    margin: 0 auto;
}

.container.flex-text-left {
    width: 40%;
    margin: 0px 5%;
    text-align: left;
}


.video-only {
    border-radius: 20px;
    width: 100%;
    height: auto;
}
.video-padding {
    padding: 0px 8.45%;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
  flex-wrap: wrap;
}
.block-50, .video-w50 {
    width: 48%;
    padding: 20px;
    box-sizing: border-box;
}


.video-w50 {
    position: relative;
  	margin-right: 20px;
}

.video-w50:after {
    content: '';
    width: calc(100% - 36px);
    height: calc(100% - 40px);
    display: block;
    position: absolute;
    top: 18px;
    left: 18px;
    border: 14px solid #f4f3f4;
}

@media (max-width: 768px){
 .block-50, .video-w50{
  width: 100%; 
 }
  .block-50{
   padding-bottom: 0px; 
  }
  .video-w50 {
  	margin-right: 0px;
}
}

/*********weeks_to_get_coverage********/
.row-half {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px;
    box-sizing: border-box;
}
.one-half, .two-half, .half-60, .half-40 {
position: relative;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
      box-sizing: border-box;
  display: flex;
    align-items: center;
    justify-content: center;
  margin-bottom: 15px;
}
@media (max-width: 991px){
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
}

@media (min-width: 991px){
.one-half {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.two-half {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
  
  .half-60 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
  
  .half-40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
}

/******************************************************************************/



.absolute-items-box {
        position: absolute;
    z-index: 9;
    display: flex;
  	left: 48%;
    width: calc(50% - 50px);
      max-width: 550px;
    top: 40px;
}
section.absolute-items, .block-AIDA {
    position: relative;
}
.absolute-items-img img {
    max-width: 42%;
    margin-left: 5%;
      display: block;
}
.items-box-img span {
    display: flex;
    width: 65px;
    height: 65px;
  color: #1f94c9;
    background: #fff;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    border-radius: 50%;
    font-weight: bold;
    box-shadow: 0px 0px 10px #757575;
    margin-right: 10px;
  
}

.items-box-text p {
    font-size: 16px;
}
.items-box-text h3, .items-box-text p {
    line-height: 1.3;
}
.items-box-text h3 {
    font-size: 22px;
    margin-bottom: 20px;
}
.items-box-text {
    /*transform: translateY(calc(-50% + 33px));*/
}

.items-box-img {
    position: absolute;
    left: -78px;
	top: -18px;
}

.items-box-text {
    /*padding: 15px 25px;*/
    /*border: 1px dashed #ccc;*/
}

@media (max-width: 900px){
  .absolute-items-img img {
        max-width: calc(100% - 40px) !important;
    margin-left: 20px;
}
  .absolute-items-box {
    position: inherit !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    max-width: initial !important;
    top: 0 !important;
    padding: 30px 20px 50px;
  }
  .items-box-text {
    transform: initial !important;
}
  
  .items-box-img {
    display: none;
}
  .items-box-text h3 {
    font-size: 24px;
  }
  .items-box-text p {
    font-size: 18px;
}
  .items-box-text h3, .items-box-text p {
    line-height: 1.6 !important;
}
}


.thumb-wrap {
padding-bottom: 41%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50.5%, 14%);
    width: 68%;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}







/***************************************/
.flex-blocks-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px -15px;
}
.flex-blocks-2 .flex-blocks-one {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.flex-blocks-text {
    border: 2px dashed #fff;
    padding: 20px 30px;
    text-align: left;
    height: 100%;
}
.flex-blocks-one .flex-blocks-text span {
    display: block;
    font-weight: bold;
    font-size: 120%;
	margin-bottom: 10px;
}
.flex-blocks-one .flex-blocks-text p {
    line-height: 1.5;
}


/***************************************/

.result_v3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px -15px;
}



.result-5 .result_block{
  -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.result-4 .result_block{
  -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.result-3 .result_block{
  -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
}

.result-2 .result_block{
  -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.result_block {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  margin-bottom: 15px;
}
.result_block-one {
    border: 3px solid #fff;
    padding: 20px 30px;
    text-align: left;
    height: 100%;
}
.result-head {
    margin: -20px -30px 0px -30px;
    padding: 15px 30px;
    /* border-bottom: 3px solid #fff; */
    font-size: 22px;
    background: #fff;
    color: #000;
}
.result-body h3 {
    font-size: 20px;
    line-height: 1.3;
}

.result-body ul li + li {
    margin-top: 8px;
}
.result-body ul {
    list-style: initial;
    font-size: 16px;
    padding-left: 20px;
    line-height: 1.3;
}

.result-body {
    padding-top: 20px;
}

@media (max-width: 768px){
.result-2 .result_block, .result-3 .result_block, .result-4 .result_block{
  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
  .common-section__container .one-half {
    padding: 0px;
}
}



.width-80 {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}

.width-70 {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
}

.width-60 {
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
}
.width-50 {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
}
@media (min-width:680px){
.width-50, .width-60, .width-70, .width-80{
min-width: 640px;
}
}
@media (max-width:991px){
.width-50, .width-60, .width-70, .width-80{
   max-width: calc(100% - 40px);
 }
  .common-section__container.width-80, .common-section__container.width-70, .common-section__container.width-60, .common-section__container.width-50 {
    max-width: 100% !important;
}
  .common-section__container .row-half {
    margin-left: 0px;
    margin-right: 0px;
}


}


.mb-0 {
    margin-bottom: 0px !important;
}
.mt-0 {
    margin-top: 0px !important;
}
/***************************************/



@media (min-width: 1280px){
#case-page .categories__item {
    display: flex;
    align-items: center;
}
}
#case-page .categories__item {
    display: inline-block;
}

#case-page .categories__item svg {
    margin-right: 5px;
    fill: #393874;
}

.hero-slider__item--bg::after {
    background-color: rgba(57, 56, 116, 0.2);
}
@media (min-width: 768px){
.hero__more {
    position: initial;
    margin-top: 100px;
}
}

.portfolio-lead__content ul li {
    font-size: 16px;
    margin-bottom: 10px;
}

p.lead {
    padding-left: 20px;
    border-left: 3px solid #393874;
    font-style: italic;
}

.text-white p.lead {
    padding-left: 20px;
    border-left: 3px solid #9fadb9;
    font-style: italic;
}
.typography.text-white a {
    color: #fff;
    text-decoration: underline;
}
.typography.text-white a:hover {
    text-decoration: none;
}




.best_annotation-case a svg {
    margin-right: 5px;
}
.best_annotation-case a {
    color: #000;
    font-size: 18px;
    display: flex;
    align-items: center;
  font-weight: 500;
}
.best_annotation-case {
    display: inline-block;
    white-space: nowrap;
    line-height: 69px;
    font-weight: 300;
    color: #000;
}
.skrollable.plashka > div{
	position: relative;
}
.skrollable.plashka:before {
    content: '';
    background: #000;
    opacity: 0.6;
}
@media (max-width:768px){
.best_annotation-case {
    display: block;
    margin: 0 auto;
    line-height: 1.4;
}
  .best_annotation-case a {
    justify-content: center;
}
}


.sidebar__section.sidebar__section_portfolio li.categories__item:after {
    content: none;
}









/************ tipa bootstrap =) *************/
div[class^=style-block-result] .row-new {
display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
div[class^=col] + div[class^=col] {
    margin-top: 5px;
}


@media (min-width: 768px){
  
div[class^=col-sm] + div[class^=col-sm] {
    margin-top: 30px;
}
  div[class^=style-block-result] .col-sm-1 {
    -ms-flex: 0 0 4.1666665%;
    flex: 0 0 4.1666665%;
    max-width: 4.1666665%;
}
  div[class^=style-block-result] .col-sm-2 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
div[class^=style-block-result] .col-sm-3 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
div[class^=style-block-result] .col-sm-4 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
  div[class^=style-block-result] .col-sm-5 {
    -ms-flex: 0 0 20.8333325%;
    flex: 0 0 20.833333%;
    max-width: 20.833333%;
}
div[class^=style-block-result] .col-sm-6 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
  
  div[class^=style-block-result] .col-sm-7 {
    -ms-flex: 0 0 29.166667%;
    flex: 0 0 29.166667%;
    max-width: 29.166667%;
}
  

  
div[class^=style-block-result] .col-sm-8 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
  
  div[class^=style-block-result] .col-sm-9 {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
}
div[class^=style-block-result] .col-sm-10 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
  div[class^=style-block-result] .col-sm-11 {
    -ms-flex: 0 0 45.333333%;
    flex: 0 0 45.333333%;
    max-width: 45.333333%;
}
  
	div[class^=style-block-result] .col-sm-12 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
  div[class^=style-block-result] .col-sm-13 {
    -ms-flex: 0 0 54.1666665%;
    flex: 0 0 54.1666665%;
    max-width: 54.1666665%;
}
  
div[class^=style-block-result] .col-sm-14 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
  
  div[class^=style-block-result] .col-sm-15 {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
}
div[class^=style-block-result] .col-sm-16 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
  
  div[class^=style-block-result] .col-sm-17 {
    -ms-flex: 0 0 70.8333325%;
    flex: 0 0 70.833333%;
    max-width: 70.833333%;
}
   div[class^=col-sm-] + div[class^=col-sm-] {
    margin-top: initial;
}
}




@media (min-width: 992px){
  
  
  div[class^=col] + div[class^=col] {
    margin-top: initial;
}
  
  
  div[class^=style-block-result] .row-new {
    margin-right: -5px;
    margin-left: -5px;
}
  
div[class^=style-block-result] .col-1 {
    -ms-flex: 0 0 4.1666665%;
    flex: 0 0 4.1666665%;
    max-width: 4.1666665%;
}
  div[class^=style-block-result] .col-2 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
div[class^=style-block-result] .col-3 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
div[class^=style-block-result] .col-4 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
  div[class^=style-block-result] .col-5 {
    -ms-flex: 0 0 20.8333325%;
    flex: 0 0 20.833333%;
    max-width: 20.833333%;
}
div[class^=style-block-result] .col-6 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
  
  div[class^=style-block-result] .col-7 {
    -ms-flex: 0 0 29.166667%;
    flex: 0 0 29.166667%;
    max-width: 29.166667%;
}
  

  
div[class^=style-block-result] .col-8 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
  
  div[class^=style-block-result] .col-9 {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
}
div[class^=style-block-result] .col-10 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
  div[class^=style-block-result] .col-11 {
    -ms-flex: 0 0 45.333333%;
    flex: 0 0 45.333333%;
    max-width: 45.333333%;
}
div[class^=style-block-result] .col-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
  div[class^=style-block-result] .col-13 {
    -ms-flex: 0 0 54.1666665%;
    flex: 0 0 54.1666665%;
    max-width: 54.1666665%;
}
div[class^=style-block-result] .col-14 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
  
  div[class^=style-block-result] .col-15 {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
}
div[class^=style-block-result] .col-16 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
  
  div[class^=style-block-result] .col-17 {
    -ms-flex: 0 0 70.8333325%;
    flex: 0 0 70.833333%;
    max-width: 70.833333%;
}
div[class^=style-block-result] .col-18 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
div[class^=style-block-result] .col-20 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
div[class^=style-block-result] .col-22 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
div[class^=style-block-result] .col-24 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}



div[class^=style-block-result] div[class^=col-] {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
	margin-bottom: 10px;
}

div[class^=style-block-result] .container-new {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}



@media (min-width: 576px){
div[class^=style-block-result] .container-new {
    max-width: 540px;
}
}

@media (min-width: 768px){
div[class^=style-block-result] .container-new {
    max-width: 940px;
}
}

@media (min-width: 992px){
div[class^=style-block-result] .container-new {
    max-width: 1000px;
}
}
@media (min-width: 1500px){
div[class^=style-block-result] .container-new {
    max-width: 1200px;
}
}



.cases-index .common-card__text {
    opacity: 0.95;
}
.cases-index .common-card:before {
    opacity: 0.9;
}

.portfolio-lead__container.container.text-white dt {
    color: #fff;
    opacity: .8;
}


a.common-card.common-card_type_team:hover {
    cursor: initial;
}

.portfolio-hero__title small {
    font-size: 80%;
    line-height: 1.1;
}


@media (max-width: 500px){
	.typography ol li {
	    padding-left: 30px;
	}
}








/*******************mailing*******************/
.seo-block-1 .feats__text {
    font-size: 16px;
    line-height: 1.4;
}

.block-mailing .form__fieldset {
    display: flex;
    flex-wrap: wrap;
}
.left-form__group {
    width: calc(100% - 170px);
}
.right-form__group {
    width: 160px;
}
.block-mailing {
    width: calc(100% - 20px);
    padding: 0px 70px;
    margin: 0 auto 50px;
	position: relative;
      max-width: 1300px;
}

div#block-mailing {
    position: relative;
}
div#block-mailing-absolute {
    position: absolute;
    top: -20vh;
}
.block-mailing-bg {
    background: #393874;
    padding: 55px 75px 45px;
	position: relative;
}
.block-mailing-form {
    position: relative;
    left: 30%;
    width: 70%;
  z-index: 1;
}

.block-mailing .input__label, .block-mailing .input__error-message, .block-mailing span.personal-date {
    color: #fff;
}
.block-mailing .input:after {
    background: #fff;
    opacity: .5;
}

.block-mailing label.input-agree span.personal-date {
    line-height: 1.3;
    padding: 2px 10px;
    color: #fff;
}
.block-mailing label.input-agree {
    display: flex;
    align-items: start;
}
.block-mailing label.input-agree span.personal-date a {
    color: #fff;
}
.block-mailing .highlight {
    color: #fff;
}

.block-mailing .input__control {
    color: #fff;
}

.block-mailing .form__row_submit {
    margin: 10px 0 0;
}

.block-mailing .button_theme_default {
    color: #393874;
    border-color: #ffffff;
    background-color: #ffffff;
    height: auto;
    line-height: 40px;
    letter-spacing: initial;
    font-size: 14px;
    margin-top: 8px;
    margin-left: 20px;
}
.block-mailing .contact-form_large {
    margin-bottom: 0px;
}
.block-mailing .block-mailing-bg:after {
    content: '';
    display: block;
    background-image: url(/content/images/blog/mail.png);
    width: calc(30% + 60px);
    height: calc(100% - 100px);
    position: absolute;
    top: 50px;
    left: -70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
}

.block-mailing .button_theme_default:hover{
  color: #ffffff;
    border-color: #f00226;
    background-color: #f00226;
}



@media (min-width: 1200px) and (max-width: 1400px){
.block-mailing-form {
    left: 25%;
    width: 75%;
}

.block-mailing .block-mailing-bg:after {
    width: calc(25% + 60px);
}
}


@media (max-width: 1200px){
  .block-mailing-form {
    left: 0px;
    width: 100%;
}
  .block-mailing .block-mailing-bg:after {
    left: initial;
    top: 10px;
    right: -30px;
    /* bottom: -20px; */
    width: calc(20% + 60px);
    /* background-position: bottom;*/
}
    .block-mailing .typography.text-left.text-white {
    width: 80%;
}
  .block-mailing-bg {
    padding: 30px 45px;
  }
  .form__row + .form__row {
    margin-top: -20px;
}
}





@media (max-width: 768px){
 	.left-form__group, .right-form__group {
    width: 100%;
} 
  .block-mailing .form__row_submit {
    text-align: center;
}
  .block-mailing .button_theme_default{
    margin: 0px
  }
  .block-mailing {
    padding: 0px 40px;
  }
}

@media (max-width: 520px){
.block-mailing .typography.text-left.text-white {
    width: 100%;
}
  .block-mailing {
    padding: 0px 20px;
  }
  .block-mailing .typography.text-left.text-white p{
        max-width: calc(100% - 10px);
  }
  .block-mailing .contact-form_large {
    margin-top: 15px;
}
  .block-mailing-bg {
    padding: 30px 20px;
}
}

@media (max-width: 400px){
  .block-mailing .typography.text-left.text-white p{
		max-width: 100%;
  }
  section.style-1 .block-mailing .block-mailing-bg:before, section.style-1 .block-mailing .block-mailing-bg:after{
  	content: none !important;
  }
}



@media (min-width: 768px){
.column-2 {
    column-count: 2;
    column-gap: 30px;
}
}

a.nav__link[href="https://school.webelement.ru"] {
    color: #F6082E;
}

a.nav__link[href="https://school.webelement.ru"]:hover {
    color: #fff;
}





/***************/
.form__title:before, .form__title:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    clip: rect(0, 0, 0, 0); 
}

.form__title:after {
    left: 2px;
    text-shadow: -1px 0 red;
    -webkit-animation: glitch-anim-1 4s infinite linear alternate-reverse;
    animation: glitch-anim-1 4s infinite linear alternate-reverse; 
}

.form__title:before {
    left: -2px;
    text-shadow: 2px 0 teal;
    -webkit-animation: glitch-anim-2 6s infinite linear alternate-reverse;
    animation: glitch-anim-2 6s infinite linear alternate-reverse; 
}

h3.form__title {
    font-size: 32px;
  position: relative;
}

*[class^="style-"] .block-mailing {
    margin: 50px auto;
}

/** style-1 **/
section.style-1 {
    padding: 0px 0px;
    background: #393874;
  overflow: hidden;
}
section.style-1 .block-mailing {
    margin: 0px auto 0px;
}
section.style-1 .block-mailing-bg {
    padding: 0px 75px;
}
section.style-1 .block-mailing-form {
    padding: 55px 0px 45px;
	z-index: 6;
    position: relative;
}
section.style-1 .block-mailing .block-mailing-bg:after {
    content: '';
    display: block;
    background-image: url(/content/images/cases/brain_2.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 2px;
    background-size: contain;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top left;
    animation: glitch-anim-3 2s infinite linear alternate-reverse;
}

section.style-1 .block-mailing .block-mailing-bg:before {
    content: '';
    display: block;
    background-image: url(/content/images/cases/brain_2.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 0;
}


@media (max-width: 1500px) and (min-width: 1400px){
section.style-1 .block-mailing .block-mailing-bg:before {
    left: -5%;
}
section.style-1 .block-mailing .block-mailing-bg:after {
    left: calc(-5% + 2px);
}
}
@media (max-width: 1400px) and (min-width: 1200px){
section.style-1 .block-mailing .block-mailing-bg:before {
    left: -10%;
}
section.style-1 .block-mailing .block-mailing-bg:after {
    left: calc(-10% + 2px);
}
}
@media (max-width: 1200px){
section.style-1 .block-mailing .block-mailing-bg:before {
right: -15%;
    top: calc(50% - 200px);
    background-position: top right;
    left: initial;
    width: 400px;
    height: 400px;
}
section.style-1 .block-mailing .block-mailing-bg:after {
    right: calc(-15% + 2px);
    top: calc(50% - 200px);
    background-position: top right;
    left: initial;
    width: 400px;
    height: 400px;
}
  section.style-1 .block-mailing .block-mailing-bg:before, section.style-1 .block-mailing .block-mailing-bg:after {
    opacity: .4 !important;
}
}


@media (max-width: 991px){
	section.style-1 .block-mailing-bg {
	    padding: 0px 75px 0px 0px;
	}
}

@media (max-width: 650px){
	section.style-1 .block-mailing-bg {
	    padding: 0px;
	}
  section.style-1 .block-mailing .block-mailing-bg:after {
    right: calc(-10% + 2px);
    top: calc(25% - 100px);
    width: 200px;
    height: 200px;
}
  section.style-1 .block-mailing .block-mailing-bg:before {
	right: -10%;
    top: calc(25% - 100px);
    width: 200px;
    height: 200px;
}
}
/******/



section.style-2 .block-mailing-form {
    position: relative;
    left: 20%;
    width: 80%;
}
section.style-2 .block-mailing .block-mailing-bg:before {
    content: '';
    display: block;
    background-image: url(/content/images/cases/smartphone.png);
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -5%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
	z-index: 0;
}

section.style-2 .block-mailing .block-mailing-bg:after {
    content: '';
    display: block;
    background-image: url(/content/images/cases/smartphone.png);
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: calc(-5% + 2px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
	z-index: 1;
	animation: glitch-anim-3 2s infinite linear alternate-reverse
}
section.style-2 .block-mailing {
    max-width: 1100px;
}

section.style-2 .block-mailing-form {
	z-index: 6;
    position: relative;
}

@media (max-width: 991px){
  section.style-2 .block-mailing-form {
    position: relative;
    left: 0%;
    width: 90%;
}
  section.style-2 .block-mailing .block-mailing-bg:before {
    left: initial;
    right: 5%;
  }
    section.style-2 .block-mailing .block-mailing-bg:after {
    left: initial;
    right: calc(5% + 2px);
  }
}

@media (max-width: 768px){
  section.style-2 .block-mailing-form {
    position: relative;
    width: 100%;
}
  section.style-2 .block-mailing .block-mailing-bg:before {
    height: 45%;
  }
  section.style-2 .block-mailing .block-mailing-bg:after {
    height: calc(45% + 2px);
  }
}









/** style-4 **/
section.style-4 {
    padding: 0px 0px;
    background: #393874;
  overflow: hidden;
}
section.style-4 .block-mailing {
    margin: 0px auto 0px;
}
section.style-4 .block-mailing-bg {
    padding: 0px 75px;
}
section.style-4 .block-mailing-form {
    padding: 55px 0px 45px;
	z-index: 6;
    position: relative;
  left: 0%;
  width: 55%;
}

section.style-4 .left-form__group {
    width: 100%;
}
section.style-4 .block-mailing .block-mailing-bg:after {
    content: '';
    display: block;
    background-image: url(/content/images/cases/brain_2.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 2px;
    background-size: contain;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top right;
    animation: glitch-anim-3 2s infinite linear alternate-reverse;
}

section.style-4 .block-mailing .block-mailing-bg:before {
    content: '';
    display: block;
    background-image: url(/content/images/cases/brain_2.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 0;
}


section.style-4 .block-mailing .button_theme_default {
    color: #fff;
    background: #b12d5c;
    border: 1px solid #b12d5c;
    width: 100%;
    padding: 15px 25px;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 100;
    margin: 0px;
    margin-top: -20px;
}
section.style-4 .block-mailing .button_theme_default:hover {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}

@media (max-width: 1500px) and (min-width: 1400px){
section.style-4 .block-mailing .block-mailing-bg:before {
    left: -5%;
}
section.style-4 .block-mailing .block-mailing-bg:after {
    left: calc(-5% + 2px);
}
}
@media (max-width: 1400px) and (min-width: 1200px){
section.style-4 .block-mailing .block-mailing-bg:before {
    left: -10%;
}
section.style-4 .block-mailing .block-mailing-bg:after {
    left: calc(-10% + 2px);
}
}
@media (max-width: 1200px){
section.style-4 .block-mailing .block-mailing-bg:before {
right: -15%;
    top: calc(50% - 200px);
    background-position: top right;
    left: initial;
    width: 400px;
    height: 400px;
}
section.style-4 .block-mailing .block-mailing-bg:after {
    right: calc(-15% + 2px);
    top: calc(50% - 200px);
    background-position: top right;
    left: initial;
    width: 400px;
    height: 400px;
}
section.style-4 .block-mailing-form {
    left: 0px;
    width: 100%;
}
 section.style-4 .form__group .form__row-full {
    padding: 0px;
  }
  
  section.style-4 .block-mailing .block-mailing-bg:before, section.style-4 .block-mailing .block-mailing-bg:after {
    opacity: .4 !important;
}
  
  .form__row.row-recaptcha + .form__row {
    margin-top: 0px;
}
  section.style-4 .block-mailing .button_theme_default {
    margin-top: 0px;
    width: auto;
    padding: 15px 40px;
    font-size: 16px;
}
 section.style-4 .block-mailing .form__row_submit {
    text-align: initial;
}
}


@media (max-width: 991px){
	section.style-4 .block-mailing-bg {
	    padding: 0px 75px 0px 0px;
	}
}

@media (max-width: 650px){
	section.style-4 .block-mailing-bg {
	    padding: 0px;
	}
  section.style-4 .block-mailing .block-mailing-bg:after {
    right: calc(-10% + 2px);
    top: calc(25% - 100px);
    width: 200px;
    height: 200px;
}
  section.style-4 .block-mailing .block-mailing-bg:before {
	right: -10%;
    top: calc(25% - 100px);
    width: 200px;
    height: 200px;
}
}
/******/













 @keyframes glitch-anim-3{
  0% {

    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);

  }
  3% {

      -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
      clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);

  }
  5% {

      -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
      clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);

  }
  7% {

      -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
      clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);

  }
  9% {

      -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
      clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);

  }
  11% {

      -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
      clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);

  }
  13% {

      -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
      clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);

  }
  15% {

      -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
      clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);

  }
  17% {

      -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
      clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);

  }
  19% {

      -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
      clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);

  }
  20% {

      -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
      clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);

  }
  21.9% {

      opacity: 1;
      transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);

  }
  22%, 100% {

      opacity: 0;
      transform: translate3d(0,0,0);
      -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
      clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}


.box-modal_close.arcticmodal-close + section.common-section .common-section__container.container {
    padding: 0px;
}

/***** Кнопка в кейсы ****/
 
.custom-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 45px;
    padding-top: 2px;
    border: none;
   /* border: 2px solid #90091f; */
    position: fixed;
    bottom: 15px;
    left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background: #cb0928;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    z-index: 9999;
    text-decoration: none;
    max-width: 200px;
}

.custom-btn:hover{
	background: #393874;
}
.custom-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    3% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}










.parallax-elems {
    position: relative;
      overflow: hidden;
}
.treatment-index__absolute {
    position: absolute;
	max-width: 39%;
}


@media (min-width: 768px){
.cast__item {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}




section.style-2 {
    padding: 30px 0px;
    background: #393874;
    overflow: hidden;
}
section.style-2 .block-mailing {
    margin: 0px auto 0px;
}


.client-block-new span.common-card__image {
    background: #dadada;
    background-repeat: no-repeat;
    background-position: center;
}



img.rotation {
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 360s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 360s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 360s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 360s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
 
@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}




.common-card__image {
    background-repeat: no-repeat;
}
.no-padding {
    padding: 0px !important;
}


/*********new seo********/
.common-list.common-list-new {
    display: flex;
    flex-wrap: wrap;
}
.cases-item-new {
    color: #fff;
    width: calc(100% / 2);
    padding: 40px 50px 100px;
    text-decoration: none;
    position: relative;
    min-height: 300px;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.cases-item-new h3 {
    font-size: 25px;
    line-height: 1.4;
    border-bottom: 1px solid #fff;
    display: inline;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.cases-item-new h4 {
    position: absolute;
    bottom: 50px;
    transform: translate(0px, 50%);
    text-transform: uppercase;
    color: rgb(255 255 255 / 60%);
    z-index: 9;
    /* text-shadow: 0px 0px 20px #000; */
}
.cases-item-hid {
    display: -webkit-box;
    height: 140px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
    max-width: 450px;
    min-width: 360px;
    z-index: 10;
    position: relative;
}
.cases-item-new:hover h3 {
    border-bottom: none;
}
.all-cases {
    background-color: #2eb4b6;
    color: #fff;
    width: calc(100% / 2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-cases a {
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 15px 25px;
    font-size: 22px;
  	-webkit-transition: all .25s;
    transition: all .25s;
  text-align: center;
}
.all-cases a:hover {
    color: #2aa7b9;
    border: 2px solid #fff;
  	background:#fff;
}
.cases-item-new:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}
@media (max-width: 991px){
  .cases-item-new {
    width: calc(100% / 1 - 20px);
    max-width: 700px;
    margin: 5px auto;
  }
  .all-cases {
    margin: 30px auto 50px;
}
  .cases-item-hid {
    width: 100%;
    min-width: 280px;
  }
}

@media (max-width: 768px){
.cases-item-new {
    padding: 30px 20px 90px;
}
}



section.seo-block-2 {
    background-color: #2eb4b6;
    text-align: center;
}


.before-after {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  	overflow: hidden;
}
img.dop-image {
    position: absolute;
}
.b-a-result {
    width: 100%;
    margin: 30px 10px;
}
.b-a-left > span, .b-a-left > a, .b-a-right > span, .b-a-right > a {
    z-index: 5;
    position: relative;
}
.b-a-right, .b-a-left {
    position: relative;
    margin: 0px 15px 20px;
}

.b-a-result p {
    font-size: 26px;
}
.b-a-result .typography {
    max-width: 420px;
    margin: 0 auto;
}

.b-a-result p strong {
    font-weight: bold;
}

.b-a-right span, .b-a-left span {
    font-size: 22px;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
}
section.seo-block-2 h3 {
    margin-top: 60px;
}

section.seo-block-2 .btn {
    background: #393874;
    line-height: 1.4;
    height: auto;
    border: 2px solid #393874;
    color: #fff;
}
section.seo-block-2 .btn:hover {
    background: #cb0928;
    line-height: 1.4;
    height: auto;
    border: 2px solid #cb0928;
    color: #fff;
}


section.seo-block-2 .btn-white-border {
    color: #fff;
    border: 2px solid #fff;
    padding: 15px 25px;
    background: transparent;
}

section.seo-block-2 .btn-white-border:hover {
    color: #000;
    border: 2px solid #fff;
    padding: 15px 25px;
    background: #fff;
}



.b-a-left > a.b-a-img:after, .b-a-right > a.b-a-img:after {
    content: '';
    display: block;
    background-image: url(/content/images/seo_img/lupa.png);
    z-index: 999;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
  	-webkit-transition: all .25s;
    transition: all .25s;
}
.b-a-left > a.b-a-img, .b-a-right > a.b-a-img {
    display: inline-flex !important;
    overflow: hidden;
    border-radius: 7% / 8%;
}
a.b-a-img {
    background-size: contain;
    background-position: center;
}


.b-a-left > a.b-a-img:hover:before, .b-a-right > a.b-a-img:hover:before{
    content: '';
    display: block;
    background-color: #000;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
  	-webkit-transition: all .25s;
    transition: all .25s;
}

.b-a-left > a.b-a-img:hover:before, .b-a-right > a.b-a-img:hover:before{
  opacity: 0.5;
}

.b-a-left > a.b-a-img:hover:after, .b-a-right > a.b-a-img:hover:after{
  opacity: 1;
}




section.seo-block-1 {
    background: #b12d5c;
    padding: 50px 0px;
}

.photo-slider__item .photo-slider__image_new {
    margin: 0 auto;
    border-radius: 50%;
}
.photo-slider__text_new {
    color: #fff;
    margin: 30px 10px;
    text-align: center;
}
.photo-slider__text_new h3 {
    margin-bottom: 5px !important;
  	font-weight: 500;
	font-size: 1.5rem;
}

.photo-slider__text_new h4 {
    margin: 0px 0px 30px 0px !important;
  	font-weight: 500;
    font-size: 1.2rem;
}

.photo-slider__text_new p {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 auto;
}
.photo-slider__count_new {
    text-align: center;
    font-size: 14px;
    color: #888799;
}


section.seo-block-4 h3 {
    color: #b12d5c;
    font-size: 2.4rem;
    margin-top: 60px;
}
section.seo-block-4 p.small {
    margin-bottom: 60px;
}



.dop-image-1 {
    left: -30%;
    top: 24%;
}

.dop-image-2 {
    right: -40%;
    top: 24%;
}

.dop-image-3 {
    left: -45%;
    top: 15%;
}

/************************/


.form__group .form__row-full {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
  	font-size: 14px;
    letter-spacing: normal;
}















/***************************/
.arrow-circle .arrow-button {
    border-radius: 50%;
}
.arrow-red .arrow-button {
    color: #ee3d48;
    background-color: transparent;
    border: 4px solid #ee3d48 !important;
  	top: 50%;
    transform: translate(0%, -50%);
}


.arrow-red .slick-next.arrow-button svg {
    margin: -20px 0 0 -7px !important;
}
.arrow-red .slick-prev.arrow-button svg {
    margin: -20px 0 0 -13px !important;
}
.arrow-red .arrow-button svg {
    width: 20px;
    height: 40px;
}
.align-start {
    align-items: self-start;
}



div[class^="plashka-s-tekstom-i-kartinkoi"] {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
    justify-content: center;
}


.plashka-s-tekstom > div {
    position: relative;
    z-index: 4;
}
.plashka-s-tekstom {
    position: relative;
    width: 60%;
    padding: 30px 30px;
}
.plashka-s-kartinkoi {
    width: 40%;
    position: relative;
    z-index: 5;
}
.plashka-s-tekstom:before {
    content: '';
    display: block;
    background: #cb0928;
    position: absolute;
    left: -40%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
 	box-shadow: 10px 0px 20px rgb(0 0 0 / 30%);
}
.plashka-red:before {
    background-color: #ee3d48;
}

@media (max-width: 991px){
  .plashka-s-tekstom {
    position: relative;
    width: 100%;
  }
  .plashka-s-kartinkoi {
    width: 100%;
  }
.plashka-s-tekstom {
    width: 100%;
    max-width: 640px;
    margin-bottom: 30px;
}
  .plashka-s-tekstom:before {
    right: 0%;
    left: 0%;
  }
}

@media (max-width: 768px){
.arrow-red .container .photo-slider {
    max-width: 640px;
    padding-left: 20px;
    padding-right: 20px;
} 
}
.max-600 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.max-700 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}
.max-800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.max-900 {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
ul.fire-list li:before {
    background: url(/content/images/cases/komandor-sochi/fire.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 43px;
    height: 50px;
    top: -15px;
    left: 0px;
}


/***************************/

body.page.frame_form {
    background: #fff;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.frame-form {
    max-width: 600px;
    margin: 0px auto;
    text-align: center;
      padding: 50px 10px 40px;
}

.frame-form fieldset.form__fieldset {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0px -15px;
}
.frame-form fieldset.form__fieldset .textarea.input {
    padding-top: 15px;
}
.frame-form .form__fieldset .form__row.row_1-2 {
    width: calc(100% / 2);
    padding: 0px 15px;
    box-sizing: border-box;
}

@media (max-width: 480px) {
    .frame-form .form__fieldset .form__row.row_1-2 {
        width: 100%;
    }
}

.frame-form .form__row {
    width: 100%;
    margin-bottom: 15px;
  padding: 0px 15px;
}
.frame-form .form__row.form__row_submit {
    margin: 0px;
    text-align: center;
  margin-top: 10px;
}

.frame-form .contact-form_large {
    margin: 30px 0 0px;
}

.complete-form {
    padding: 130px 0px;
}

.seminar_form .complete-form {
    padding: 110px 0px;
}
@media (max-width: 660px){
.frame-form {
    max-width: 400px;
}
  .form-block {
    padding: 40px 20px 40px;
}
}

@media (max-width: 400px){
.frame-form {
    max-width: 290px;

}
}


.frame-form .contact-form__title {
    max-width: 490px;
    margin: 0 auto;
}

.frame-form.seminar_form .contact-form__title {
    max-width: initial;
}

.frame-form.seminar_form .contact-form_large {
    margin: 10px 0 10px;
}

.common-section__image picture {
    /* z-index: 20; */
    position: relative;
}

@media (max-width: 575px) {
    .frame-form .contact-form__title {
        font-size: 20px;
    }
}

.input_type_select--label {
    position: relative;
}

.input_type_select--label .input_type_select__label {
    color: #999;
    position: absolute;
    font-size: 18px;
    font-weight: 300;
    pointer-events: none;
    transition: all 0.25s;
    background-color: #fff;
}


.frame-form .has-value .input_type_select__label {
   font-size: 12px;
   transform: translateY(-25px);
   background: transparent;
}

.frame-form .has-error.has-value .input_type_select__label {
    display: none;
}



/* ========================================================================
   banners
======================================================================== */		
			
			

.banners {
    background-color: #b12d5c;
    min-width: 320px;
    min-height: 511px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 588px;
  }
.info {
    margin-left: 239px;
    max-width: 520px;
    padding-left: 30px;
    padding-right: 30px;
	padding-bottom: 20px;
}

.info__title {
    font-size: 42px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
    font-weight: bold;
    padding-top: 50px;
    margin-bottom: 20px;
  }
 
.info__paragraph {
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
  }

.info__subtitle {
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
    margin-top: 55px;
    margin-bottom: 13px;
  }
  
  .laptop {
    margin-top: -68px;
    z-index: 1;
  }


img.laptop__img {
    max-width: initial;
}

  @media (max-width: 1700px) {
    .info {
      margin-left: 7px;
      max-width: 460px;
      padding-left: 30px;
      padding-right: 30px;
    }
    .laptop {
      margin-top: -68px;
      z-index: 1;
    }
  }
  
  @media (max-width: 1279px) {
    .banners {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .info {
      margin-left: 7px;
      max-width: 460px;
      padding-left: 30px;
      padding-right: 30px;
    }
    .laptop {
      margin: 44px 0 0 0;
      z-index: 1;
    }
    
  }

  @media (max-width: 992px){
    .banners {
      display: block;
    }
    .info { 
      margin: auto;
    }
    .laptop {
      margin: 40px 0 0 0;
      z-index: 1;
    }
    .laptop__img { 
      width: 100%;
    }
  }
  

  @media (max-width: 768px) {
    .banners {
      display: block;
    }

    .info {
      margin: auto;}

      .laptop {
        margin: 70px 0 0 0;
        z-index: 1;
      }
    }

.landing__img {
    max-width: 100%;
    height: auto;
  margin: auto;
}


.landing__margin {
  margin-top: -170px;
}

@media (max-width: 767px) {
	.landing__margin {
		margin-top: 0;
    }
}
@media (max-width: 420px) {
	.portfolio-hero__title {
	font-size: 17px;
    line-height: 28px;
    }
}









.mw-4 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.mw-5 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.mw-6 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.mw-7 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.style-vk .form__title:before, 
.style-vk .form__title:after,
section.style-vk .block-mailing .block-mailing-bg::after{
  display: none;
}

span[style="background-image: url('/content/thumbs/cases/index/big_deb74ef3383ee896bb4ceaa94fc0db52.jpg');"] {
    background-position: right;
}

@media (max-width: 1279px) {
  .branding {
    margin-left: 10px;
  }
}

.branding:hover .branding__favicon {
  fill: #F6082E;
}


.quote-card__cite {

    font-size: 18px;

}

.section.group.our-numbers {
		display: flex;
    	flex-wrap: wrap;
	}

	.section.group.our-numbers .col.span_1_of_3 {
		display: flex;
    	justify-content: flex-end;
    	max-width: 445px;
  		width: calc(100%/3 - 20px) !important;
	}

@media (max-width: 1650px) {
	.section.group.our-numbers .col.span_1_of_3 {
  		width: calc(50% - 20px) !important;
	}
}

@media (max-width: 768px) {
  .section.group.our-numbers {
  	justify-content: center;
  }
  
  .section.group.our-numbers .col.span_1_of_3 {
  	max-width: 340px;
    width: 100% !important;
    margin: 0;
  }
}

.smm-feedback__form .input__error-message {
	position: static;
}

.smm-feedback__form input.error,
.smm-feedback__form textarea.error{
	border-color: #F6082E;
}

@media (min-width: 576px) {
  .seo-contacts__item--vk-w {
  	padding-top: 40px; 
  }
}

.politics--offer .typography {
    font-size: 14px;
}

h1.section__title .offer-h1 {
  	display: inline-block;
  	line-height: 1.6; 
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0 30px 0;
    text-transform: uppercase;
}

.politics--offer .typography h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 15px 0;
    text-transform: uppercase;
}

.politics--offer .typography h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 10px 0;
}

.politics--offer .typography .header-info {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}

.politics--offer .typography .approval {
    text-align: right;
    margin-bottom: 30px;
    font-size: 14px;
}

.politics--offer .typography .intro {
    text-align: left;
    margin-bottom: 30px;
}

.politics--offer .typography .section {
    margin-bottom: 30px;
}

.politics--offer .typography .subsection {
    margin: 15px 0;
    padding-left: 20px;
}

.politics--offer .typography .sub-item {
    margin: 10px 0;
    padding-left: 40px;
}

.politics--offer .typography .definition {
    margin: 10px 0;
    padding-left: 20px;
}

.politics--offer .typography .term {
    font-weight: 700;
}

.politics--offer .typography .contacts {
    border-top: 2px solid #ccc;
    padding-top: 20px;
    margin-top: 30px;
}

.politics--offer .typography ul {
    padding-left: 20px;
}

.politics--offer .typography li {
    margin: 5px 0;
}

.politics--offer .typography .numbered-item {
    margin: 10px 0;
}

.politics--offer .typography .link {
    color: #4A40BA;
    text-decoration: underline;
}

.politics--offer .typography .important {
    background-color: #f9f9f9;
    padding: 10px;
    border-left: 4px solid #4A40BA;
    margin: 15px 0;
}




.cookie-block-text .btn_change_setting {
    color: #fff;
    padding: 0;
    background: transparent;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}
/* Модальное окно настроек cookie */
.cookie-settings-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: 0;
  transition: .3s all linear;
  visibility: hidden;
}
.cookie-settings-modal.active {
    opacity: 1;
    visibility: visible;
}

.cookie-settings-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
}

.cookie-settings-modal__content {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(90% - 50px);
  max-width: 600px;
  max-height: 90vh;
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}


.cookie-settings-modal__title {
   margin: 0;
   font-weight: 600;
   margin-bottom: 10px;
   display: block;
   font-size: 24px;
}

.cookie-settings-modal__close {
    color: #fff;
    opacity: .8;
    position: absolute;
    background: none;
    border: none;
    font-size: 29px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    right: -30px;
    top: -20px;
    transition: .3s all linear;
}
@media (hover:hover) {
    .cookie-settings-modal__close:hover {
        transform: scale(1.1);
        opacity: 1;
    }
}

.cookie-settings-modal__body {
  padding: 24px;
  overflow-y: auto;
}
.cookie-settings__intro {
    margin-bottom: 20px;
}
.cookie-settings__intro p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
}

/* Категории cookie */
.cookie-category {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  background: #fdfdfd;
  transition: all 0.2s ease;
}
.cookie-category__header {
  margin-bottom: 12px;
}

.cookie-category__description {
  padding-left: 32px;
}

.cookie-category__description p {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

.cookie-warning {
  background: #fff3cd;
  padding: 12px;
  border-radius: 6px;
  border-left: 4px solid #ffc107;
  font-size: 13px !important;
  color: #856404 !important;
  margin-top: 8px;
}

/* Чекбоксы */
.cookie-checkbox {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  gap: 12px;
}

.cookie-checkbox__input {
  display: none;
}

.cookie-checkbox__checkmark {
  width: 20px;
  height: 20px;
  border: 2px solid #ddd;
  border-radius: 4px;
  position: relative;
  flex-shrink: 0;
  transition: all 0.2s ease;
  margin-top: 1px;
}

.cookie-checkbox__input:checked + .cookie-checkbox__checkmark {
  background: #4A40BA;
  border-color: #4A40BA;
}

.cookie-checkbox__input:checked + .cookie-checkbox__checkmark::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.cookie-checkbox__input:disabled + .cookie-checkbox__checkmark {
  background: #e9ecef;
  border-color: #adb5bd;
  cursor: not-allowed;
}

.cookie-checkbox__label {
  font-weight: 600;
  color: #333;
  font-size: 16px;
  line-height: 1.3;
}

.cookie-checkbox__input:disabled ~ .cookie-checkbox__label {
  color: #6c757d;
}

/* Кнопка сохранения */
.cookie-settings-modal__actions {
  text-align: center;
}

.cookie-save-btn {
  background: #4A40BA;
  color: white;
  border: none;
  padding: 14px 40px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}
.cookie-save-btn:disabled {
    background: #4A40BA;
}
@media (hover:hover) {
    .cookie-save-btn:hover:not(:disabled) {
      transform: scale(1.1);
      box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
  }
}

.cookie-save-btn:active {
  transform: scale(1);
}

/* Футер */
.cookie-settings-modal__footer {
  text-align: center;
  padding-top: 16px;
}

.cookie-settings-modal__footer p {
  margin: 0;
  font-size: 13px;
  color: #6c757d;
  line-height: 1.4;
}

.cookie-footer-link {
  color: #4A40BA;
  text-decoration: none;
}

.cookie-footer-link:hover {
  text-decoration: underline;
}

/* Адаптивность */
@media (max-width: 768px) {
    .cookie-settings-modal__close {
        top: -35px;
        right: 0px;
    }
  .cookie-settings-modal__content {
    width: 95%;
    max-height: 85vh;
  }
  
  .cookie-settings-modal__body {
    padding: 20px;
  }
  
  .cookie-checkbox__label {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .cookie-settings-modal__content {
    width: 98%;
    max-height: 80vh;
  }
  
  .cookie-settings-modal__body {
    padding: 16px;
  }
  
  
  .cookie-checkbox {
    gap: 8px;
  }
}

.feedback-form__row .input-agree {
	margin-bottom: 15px;
  	cursor: pointer;
}

.feedback-form__row span.personal-date {
	color: #ffffff;
}

.form__row span.personal-date {
	line-height: 1.2;
}

.feedback-form__row span.personal-date a {
	color: inherit;
  	text-decoration: underline;
  	transition: text-decoration 0.3s ease-in-out;
}

.feedback-form__row span.personal-date a:hover,
.feedback-form__row span.personal-date a:focus {
	text-decoration: underline solid transparent;
}