@font-face {
    font-family: "AquarellePAB_Icons";
    src: url("../fonts/AquarellePAB_Icons_1.2.woff2") format("woff2"),
    url("../fonts/AquarellePAB_Icons_1.2.woff") format("woff"), url("../fonts/AquarellePAB_Icons_1.2.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

._i-pab-rubble:before, .i-pab-rubble_:after {
    content: "\e90c";
    font-family: "AquarellePAB_Icons"
}

._i-arrow-bone-left:before, .i-arrow-bone-left_:after {
    content: "\e900";
    font-family: "AquarellePAB_Icons"
}

._i-arrow-bone-right:before, .i-arrow-bone-right_:after {
    content: "\e901";
    font-family: "AquarellePAB_Icons"
}

._i-pab-centres:before, .i-pab-centres_:after {
    content: "\e902";
    font-family: "AquarellePAB_Icons"
}

._i-pab-cinema:before, .i-pab-cinema_:after {
    content: "\e903";
    font-family: "AquarellePAB_Icons"
}

._i-pab-diy:before, .i-pab-diy_:after {
    content: "\e904";
    font-family: "AquarellePAB_Icons"
}

._i-pab-festival:before, .i-pab-festival_:after {
    content: "\e905";
    font-family: "AquarellePAB_Icons"
}

._i-pab-gallery:before, .i-pab-gallery_:after {
    content: "\e906";
    font-family: "AquarellePAB_Icons"
}

._i-pab-housing:before, .i-pab-housing_:after {
    content: "\e907";
    font-family: "AquarellePAB_Icons"
}

._i-pab-hypermarket:before, .i-pab-hypermarket_:after {
    content: "\e908";
    font-family: "AquarellePAB_Icons"
}

._i-pab-income:before, .i-pab-income_:after {
    content: "\e909";
    font-family: "AquarellePAB_Icons"
}

._i-pab-parking:before, .i-pab-parking_:after {
    content: "\e90a";
    font-family: "AquarellePAB_Icons"
}

._i-pab-partners:before, .i-pab-partners_:after {
    content: "\e90b";
    font-family: "AquarellePAB_Icons"
}

._i-pab-salary:before, .i-pab-salary_:after {
    content: "\e90d";
    font-family: "AquarellePAB_Icons"
}

._i-pab-shops:before, .i-pab-shops_:after {
    content: "\e90e";
    font-family: "AquarellePAB_Icons"
}

._i-pab-space:before, .i-pab-space_:after {
    content: "\e90f";
    font-family: "AquarellePAB_Icons"
}

._i-pab-staff:before, .i-pab-staff_:after {
    content: "\e910";
    font-family: "AquarellePAB_Icons"
}

._i-pab-themes:before, .i-pab-themes_:after {
    content: "\e911";
    font-family: "AquarellePAB_Icons"
}

._i-pab-transport:before, .i-pab-transport_:after {
    content: "\e912";
    font-family: "AquarellePAB_Icons"
}

._i-pab-visitors:before, .i-pab-visitors_:after {
    content: "\e913";
    font-family: "AquarellePAB_Icons"
}

@media only screen and (min-width: 1280px) {
    .hide_desktop {
        display: none !important
    }
}

@media only screen and (max-width: 1279px) {
    .hide_no-desktop {
        display: none !important
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .hide_tablet {
        display: none !important
    }
}

@media only screen and (min-width: 1280px) {
    .hide_no-tablet {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    .hide_no-tablet {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hide_fablet {
        display: none !important
    }
}

@media only screen and (min-width: 1025px) {
    .hide_no-fablet {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .hide_no-fablet {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    .hide_smart {
        display: none !important
    }
}

@media only screen and (min-width: 1025px) {
    .hide_no-smart {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .hide_mobile {
        display: none !important
    }
}

@media only screen and (min-width: 768px) {
    .hide_no-mobile {
        display: none !important
    }
}

@media only screen and (min-width: 1280px) {
    .clear_desktop {
        clear: both !important
    }
}

@media only screen and (max-width: 1279px) {
    .clear_no-desktop {
        clear: both !important
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .clear_tablet {
        clear: both !important
    }
}

@media only screen and (min-width: 1280px) {
    .clear_no-tablet {
        clear: both !important
    }
}

@media only screen and (max-width: 1024px) {
    .clear_no-tablet {
        clear: both !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .clear_fablet {
        clear: both !important
    }
}

@media only screen and (min-width: 1025px) {
    .clear_no-fablet {
        clear: both !important
    }
}

@media only screen and (max-width: 767px) {
    .clear_no-fablet {
        clear: both !important
    }
}

@media only screen and (max-width: 1024px) {
    .clear_smart {
        clear: both !important
    }
}

@media only screen and (min-width: 1025px) {
    .clear_no-smart {
        clear: both !important
    }
}

@media only screen and (max-width: 767px) {
    .clear_mobile {
        clear: both !important
    }
}

@media only screen and (min-width: 768px) {
    .clear_no-mobile {
        clear: both !important
    }
}

@media only screen and (min-width: 1280px) {
    .desktop_inline {
        display: inline
    }

    .desktop_align-center {
        text-align: center
    }

    .desktop_align-center {
        text-align: right
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .tablet_inline {
        display: inline
    }

    .tablet_inline-block {
        display: inline-block
    }

    .tablet_align-center {
        text-align: center
    }

    .tablet_align-left {
        text-align: left
    }

    .tablet_align-right {
        text-align: right
    }
}

@media only screen and (min-width: 1025px) {
    .no-smart_inline {
        display: inline
    }

    .no-smart_align-center {
        text-align: center
    }
}

@media only screen and (max-width: 1024px) {
    .smart_inline {
        display: inline
    }

    .smart_align-center {
        text-align: center
    }
}

@media only screen and (max-width: 1279px) {
    .no-desktop_align-center {
        text-align: center
    }
}

@media only screen and (min-width: 768px) {
    .no-mobile_align-right {
        text-align: right
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .fablet_align-center {
        text-align: center
    }

    .fablet_align-right {
        text-align: right
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mobile_align-center {
        text-align: center
    }

    .mobile_align-right {
        text-align: right
    }
}

.align-left {
    text-align: left !important
}

.align-center {
    text-align: center !important
}

.align-right {
    text-align: right !important
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main {
    overflow: hidden
}

.ab-p p {
    color: #4c4c4c
}

@media only screen and (min-width: 768px) {
    .ab-p p {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p p {
        font-size: 16px;
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p p {
        margin-bottom: 36px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p p {
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 480px) {
    .ab-p p {
        line-height: 1.35
    }
}

@media only screen and (max-width: 479px) {
    .ab-p p {
        line-height: 1.5
    }
}

.ab-p img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.ab-p ._upper {
    text-transform: uppercase
}

.ab-p b {
    font-weight: 600
}

.ab-p sup {
    margin-top: -1em;
    display: inline-block;
    font-size: 0.55em
}

.ab-p_white {
    color: #ffffff
}

.ab-p_white p {
    color: #ffffff;
    font-weight: 300
}

.ab-p .rubble {
    font-weight: 500
}

.ab-p .rubble:before {
    font-family: "AquarellePAB_Icons";
    content: "\e90c"
}

p.ab-p-title-h1, .ab-p-title-h1 {
    font-weight: normal;
    line-height: 1.2;
    font-size: 30px;
    color: #1a1a1a
}

@media only screen and (min-width: 1025px) {
    p.ab-p-title-h1, .ab-p-title-h1 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 1024px) {
    p.ab-p-title-h1, .ab-p-title-h1 {
        margin-bottom: 24px
    }
}

p.ab-p-title-h6, .ab-p-title-h6 {
    font-weight: normal;
    line-height: 1.2;
    font-size: 20px;
    color: #1a1a1a
}

.ab-p_white .ab-p-title-h1, .ab-p_white .ab-p-title-h6 {
    color: #ffffff
}

@media only screen and (min-width: 1280px) {
    .ab-p-wrap {
        padding-left: 68px;
        padding-right: 68px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-wrap {
        padding-left: 63px;
        padding-right: 63px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-wrap {
        padding-left: 3.3%;
        padding-right: 3.3%
    }
}

.ab-p-1 {
    position: relative
}

@media only screen and (min-width: 1280px) {
    .ab-p-1 {
        height: 560px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .ab-p-1 {
        height: 535px
    }
}

@media only screen and (max-width: 1024px) {
    .ab-p-1 {
        padding-bottom: 56.6%
    }
}

.ab-p-1__in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ab-p-1__i {
    font-size: 0;
    background: none no-repeat center top;
    text-align: center
}

.ab-p-1__i:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

@media only screen and (max-width: 1024px) {
    .ab-p-1__i {
        background-size: cover
    }
}

.ab-p-1__t {
    display: inline-block;
    vertical-align: middle;
    width: 62%;
    min-width: 280px;
    line-height: 1.1;
    font-weight: 800;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 10px #000
}

@media only screen and (min-width: 1280px) {
    .ab-p-1__t {
        font-size: 57px;
        padding-top: 52px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-1__t {
        font-size: 44px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-1__t {
        font-size: 28px
    }
}

.ab-p-1__left, .ab-p-1__right {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    .ab-p-1__left, .ab-p-1__right {
        width: 100px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-1__left, .ab-p-1__right {
        width: 90px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .ab-p-1__left, .ab-p-1__right {
        width: 10%
    }
}

@media only screen and (max-width: 479px) {
    .ab-p-1__left, .ab-p-1__right {
        display: none
    }
}

.ab-p-1__left:before, .ab-p-1__right:before {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    font-size: 38px;
    line-height: 40px;
    width: 40px;
    color: #ffffff;
    opacity: 0.6;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
}

.ab-p-1__left:hover:before, .ab-p-1__right:hover:before {
    opacity: 1
}

.ab-p-1__left {
    left: 0
}

.ab-p-1__left:before {
    font-family: "AquarellePAB_Icons";
    content: "\e900";
    right: 0
}

@media only screen and (min-width: 1280px) {
    .ab-p-1__left {
        padding-left: 68px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-1__left {
        padding-left: 63px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .ab-p-1__left {
        padding-left: 3.3%
    }
}

.ab-p-1__right {
    right: 0
}

.ab-p-1__right:before {
    font-family: "AquarellePAB_Icons";
    content: "\e901";
    left: 0
}

@media only screen and (min-width: 1280px) {
    .ab-p-1__right {
        padding-right: 68px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-1__right {
        padding-right: 63px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .ab-p-1__right {
        padding-right: 3.3%
    }
}

.ab-p-1__pagination {
    position: absolute;
    bottom: 5%;
    z-index: 1
}

@media only screen and (min-width: 1280px) {
    .ab-p-1__pagination {
        left: 68px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-1__pagination {
        left: 63px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-1__pagination {
        left: 3.3%
    }
}

.ab-p-1__pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    opacity: 1;
    margin-right: 15px
}

.ab-p-1__pagination .swiper-pagination-bullet-active, .ab-p-1__pagination .swiper-pagination-bullet:hover {
    background-color: #50cdeb
}

.ab-p-1-menu {
    font-size: 0;
    height: 90px;
    background: url("/local/templates/aquarelle/css/../images/about/ab-p-1-menu.png") repeat-y center;
    background-size: contain;
    margin-bottom: 30px
}

.ab-p-1-menu:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

@media only screen and (min-width: 1280px) {
    .ab-p-1-menu {
        padding-left: 68px;
        padding-right: 68px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-1-menu {
        padding-left: 63px;
        padding-right: 63px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-1-menu {
        padding-left: 3px;
        padding-right: 3px
    }
}

.ab-p-1-menu__in {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.ab-p-1-menu__row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

@media only screen and (min-width: 1280px) {
    .ab-p-1-menu__row {
        margin: 10px 40px 0
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .ab-p-1-menu__row {
        margin: 10px 20px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ab-p-1-menu__row {
        margin: 10px 4px 0
    }
}

.ab-p-1-menu__i {
    display: inline-block;
    height: 30px;
    font-size: 0;
    word-spacing: normal;
    margin-left: 4px;
    margin-right: 4px
}

.ab-p-1-menu__i:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.ab-p-1-menu__t {
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    line-height: 30px
}

@media only screen and (min-width: 1025px) {
    .ab-p-2 {
        font-size: 0;
        line-height: 0
    }

    .ab-p-2__img {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 400px;
        width: 50%;
        overflow: hidden
    }

    .ab-p-2__img-in {
        position: absolute;
        bottom: 0;
        left: -12%;
        width: 128%
    }

    .ab-p-2__text {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        padding-left: 56px;
        padding-right: 10px;
        margin-top: 25px
    }
}

.ab-p-2__title .ab-p-title-h1 {
    display: block;
    margin-bottom: 13px
}

.ab-p-2__title .ab-p-title-h2 {
    display: block;
    margin-bottom: 0
}

@media only screen and (min-width: 480px) {
    .ab-p-2__title {
        margin-bottom: 45px
    }
}

@media only screen and (max-width: 479px) {
    .ab-p-2__title {
        margin-bottom: 21px
    }
}

.ab-p-2__text {
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ab-p-2__text {
        padding: 70px 63px 92px
    }

    .ab-p-2__text p:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .ab-p-2__text {
        padding: 40px 3.3% 60px
    }
}

@media only screen and (max-width: 479px) {
    .ab-p-2__text {
        padding: 40px 0 50px
    }
}

.ab-p-2__text:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("/local/templates/aquarelle/css/../images/about/footer-pattern-3.png") no-repeat center;
    width: 535px;
    height: 374px;
    z-index: -1;
    opacity: 0.5
}

.ab-p-3 {
    background: #2ccaf7;
    color: #ffffff;
    margin-bottom: 74px
}

@media only screen and (min-width: 1280px) {
    .ab-p-3 {
        padding: 57px 0 81px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-3 {
        padding: 57px 0 35px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-3 {
        padding: 32px 3.3% 20px
    }
}

.ab-p-3__text p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 300;
    color: #ffffff
}

@media only screen and (min-width: 768px) {
    .ab-p-3__text p {
        font-size: 20px;
        line-height: 1.3
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-3__text p {
        font-size: 16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-3__text {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-3__text {
        margin-bottom: 42px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-3__text {
        margin-bottom: 90px
    }
}

.ab-p-3__info {
    font-size: 0
}

@media only screen and (min-width: 1280px) {
    .ab-p-3__info {
        padding-left: 50px
    }
}

.ab-p-3__i {
    position: relative
}

@media only screen and (min-width: 1025px) {
    .ab-p-3__i-in {
        margin-right: 15%
    }

    .ab-p-3__i:last-child .ab-p-3__i-in {
        margin-right: -15%
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-3__i {
        display: inline-block;
        vertical-align: top;
        width: 33.3%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-3__i {
        padding-right: 5%
    }

    .ab-p-3__i:last-child {
        padding-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-3__i {
        padding-left: 100px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-3__i {
        padding-left: 90px;
        margin-bottom: 40px
    }

    .ab-p-3__i:last-child {
        margin-bottom: 0
    }
}

.ab-p-3__i:before {
    text-align: left;
    color: #ffffff;
    line-height: 60px
}

@media only screen and (min-width: 1280px) {
    .ab-p-3__i:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-3__i:before {
        display: block;
        margin-bottom: 6px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-3__i:before {
        position: absolute;
        top: 0;
        left: 4px;
        width: 80px
    }
}

.ab-p-3__i_salary:before {
    font-family: "AquarellePAB_Icons";
    content: "\e90d";
    font-size: 53px
}

.ab-p-3__i_income:before {
    font-family: "AquarellePAB_Icons";
    content: "\e909";
    font-size: 54px
}

.ab-p-3__i_housing:before {
    font-family: "AquarellePAB_Icons";
    content: "\e907";
    font-size: 58px
}

.ab-p-3__i-t {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 12px;
    font-weight: 300
}

.ab-p-3__i-b {
    display: block;
    font-size: 34px;
    line-height: 1.0;
    font-weight: 600
}

.ab-p-3__i-m {
    display: block;
    font-size: 26px;
    line-height: 1.0;
    margin-top: -4px
}

.ab-p-3__i-m + .ab-p-3__i-m {
    margin-top: 11px
}

@media only screen and (min-width: 768px) {
    .ab-p-4 .ab-p-title-h1 {
        margin-bottom: 33px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4 .ab-p-title-h1 {
        margin-bottom: 26px
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-4 {
        margin-bottom: 57px;
        font-size: 0;
        line-height: 0
    }

    .ab-p-4__text {
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        padding-left: 68px
    }

    .ab-p-4__img {
        display: inline-block;
        vertical-align: bottom;
        min-height: 100%;
        width: 60%
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .ab-p-4 {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ab-p-4 {
        margin-bottom: 23px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4 {
        margin-bottom: 35px
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-4__img {
        text-align: center
    }
}

.ab-p-4__img-in {
    font-size: 0
}

@media only screen and (min-width: 1280px) {
    .ab-p-4__img-in {
        margin-right: -20px;
        margin-bottom: -27px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .ab-p-4__img-in {
        margin-bottom: -10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-4__img-in img {
        margin-right: 24px
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-4__img-in {
        margin-top: -2px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4__img-in {
        margin: 8px -20px 0 -40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-4__text {
        padding-left: 63px;
        padding-right: 63px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4__text {
        padding-left: 3.3%;
        padding-right: 3.3%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-4__text {
        margin-bottom: 59px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4__text {
        margin-bottom: 50px
    }
}

.ab-p-4__text p:last-child {
    margin-bottom: 0
}

.ab-p-4__info {
    position: relative;
    padding-left: 80px;
    color: #ee0061;
    display: inline-block
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-4__info {
        margin-left: 70px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4__info {
        text-align: left
    }
}

.ab-p-4__info:before {
    font-family: "AquarellePAB_Icons";
    content: "\e912";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 29px;
    line-height: 36px
}

@media only screen and (min-width: 1025px) {
    .ab-p-4__info-out {
        width: 85%;
        margin-left: auto
    }
}

@media only screen and (max-width: 1024px) {
    .ab-p-4__info-out {
        text-align: center
    }
}

.ab-p-4__info-number {
    font-size: 34px;
    line-height: 1;
    font-weight: 600;
    margin-top: 3px
}

@media only screen and (min-width: 768px) {
    .ab-p-4__info-number {
        display: inline-block;
        vertical-align: middle
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4__info-number {
        display: block;
        margin-bottom: 5px
    }
}

.ab-p-4__info-text {
    text-align: left;
    font-size: 16px;
    line-height: 1
}

@media only screen and (min-width: 768px) {
    .ab-p-4__info-text {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-4__info-text {
        display: block
    }
}

.ab-p-5 .ab-p-title-h6 {
    color: #4c4c4c
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-5 {
        padding-left: 63px;
        padding-right: 63px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-5 {
        padding-left: 3.3%;
        padding-right: 3.3%
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-5 {
        margin-bottom: 54px;
        font-size: 0;
        line-height: 0
    }

    .ab-p-5__left {
        display: inline-block;
        vertical-align: top;
        width: 32.5%;
        padding-left: 68px
    }

    .ab-p-5__text {
        display: inline-block;
        vertical-align: top;
        width: 67%
    }
}

@media only screen and (max-width: 1279px) {
    .ab-p-5 {
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-5 {
        margin-bottom: 87px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-5 {
        margin-bottom: 70px
    }
}

.ab-p-5__text .btn-see-more {
    display: inline-block;
    margin-top: 0;
    padding: 0;
    width: 220px
}

.ab-p-5__text .ab-p-title-h6 {
    margin-top: 9px
}

@media only screen and (min-width: 768px) {
    .ab-p-5__text .ab-p-title-h6 {
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-5__text .ab-p-title-h6 {
        margin-bottom: 36px
    }
}

.ab-p-6 {
    position: relative
}

@media only screen and (min-width: 1280px) {
    .ab-p-6 {
        padding-top: 30px;
        margin-bottom: 68px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-6 {
        margin-bottom: 63px
    }
}

.ab-p-6 .ab-p-title-h1 {
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .ab-p-6 {
        margin-bottom: 43px
    }

    .ab-p-6 .ab-p-title-h1 {
        text-align: center
    }
}

.ab-p-6__legend {
    max-width: 375px;
    position: relative;
    z-index: 1;
    color: #ffffff
}

@media only screen and (min-width: 1280px) {
    .ab-p-6__legend {
        margin-left: 5%
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-6__legend {
        margin-top: 40px
    }
}

@media only screen and (max-width: 1279px) {
    .ab-p-6__legend {
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-6__legend {
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-6__legend {
        margin-left: auto
    }
}

.ab-p-6__legend-in {
    padding-bottom: 102%;
    background: url("/local/templates/aquarelle/css/../images/about/ab-p-6__legend.png") no-repeat center;
    background-size: contain;
    font-size: 100px;
    line-height: 0
}

.ab-p-6__legend-t {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 16%;
    line-height: 1.2;
    text-align: center
}

.ab-p-6__legend-b {
    font-weight: 900;
    font-size: 200%;
    line-height: 1;
    margin-top: 10px;
    display: block
}

.ab-p-6__legend-1, .ab-p-6__legend-2, .ab-p-6__legend-3, .ab-p-6__legend-4 {
    position: absolute;
    white-space: nowrap
}

.ab-p-6__legend-1:after, .ab-p-6__legend-2:after, .ab-p-6__legend-3:after, .ab-p-6__legend-4:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.ab-p-6__legend-1 {
    left: 3.2%;
    top: 14.1%;
    width: 32%;
    height: 18.32%
}

.ab-p-6__legend-2 {
    left: 7.5%;
    top: 49.2%;
    width: 42.7%;
    height: 20.9%
}

.ab-p-6__legend-3 {
    left: 51.7%;
    top: 63.9%;
    width: 42.7%;
    height: 20.9%
}

.ab-p-6__legend-4 {
    left: 36%;
    top: 14.4%;
    width: 56%;
    height: 34%
}

.ab-p-6__legend-4 .ab-p-6__legend-t {
    font-size: 15%;
    line-height: 1.0;
    white-space: normal
}

@media only screen and (min-width: 1280px) {
    .ab-p-6__map {
        position: absolute;
        right: -11px;
        top: -12px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-6__map {
        position: absolute;
        right: -19px;
        top: 34px;
        width: 68%
    }

    .ab-p-6__map-in {
        max-width: 680px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-6__map-in {
        margin-left: -14%;
        margin-right: -19%;
        margin-top: -14px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-7 {
        margin-bottom: 64px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-7 {
        margin-bottom: 36px
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-7 .ab-p-title-h1 {
        text-align: center
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-7__info {
        max-width: 1026px;
        margin: -7px auto 0 auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-7__info {
        max-width: 1066px;
        padding-left: 30px;
        padding-right: 10px;
        margin: 0 0 0 auto
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-7__info-in {
        position: relative;
        padding-bottom: 48.2%;
        background: url("/local/templates/aquarelle/css/../images/about/ab-p-7__info.jpg") no-repeat center;
        background-size: contain
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-7 {
        font-size: 100px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-7 {
        font-size: 80px;
        font-size: 9vw
    }
}

.ab-p-7__i {
    font-weight: 300
}

@media only screen and (min-width: 768px) {
    .ab-p-7__i {
        color: #ffffff;
        white-space: nowrap
    }

    .ab-p-7__i:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%
    }

    .ab-p-7__i-in {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        white-space: normal;
        width: 100%
    }

    .ab-p-7__i-in:before {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        text-align: center;
        color: rgba(0, 0, 0, 0.32)
    }

    .ab-p-7__i-text, .ab-p-7__i-value {
        display: block
    }

    .ab-p-7__i-text {
        padding-top: 8%
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-7__i {
        margin-bottom: 15px
    }

    .ab-p-7__i-in {
        display: block;
        padding-left: 80px;
        position: relative;
        min-height: 55px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        flex-direction: column-reverse
    }

    .ab-p-7__i-in:before {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 55px;
        height: 55px;
        line-height: 55px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #9f9c9d;
        text-align: center;
        color: #ffffff
    }

    .ab-p-7__i_themes .ab-p-7__i-in:before {
        font-size: 23px
    }

    .ab-p-7__i_hypermarket .ab-p-7__i-in:before {
        font-size: 23px
    }

    .ab-p-7__i_space .ab-p-7__i-in:before {
        font-size: 28px
    }

    .ab-p-7__i_space .ab-p-7__i-in:before {
        font-family: "AquarellePAB_Icons";
        content: "\e90f"
    }

    .ab-p-7__i_gallery .ab-p-7__i-in:before {
        font-size: 23px
    }

    .ab-p-7__i_shops .ab-p-7__i-in:before {
        font-size: 23px
    }

    .ab-p-7__i_parking .ab-p-7__i-in:before {
        font-size: 13px
    }

    .ab-p-7__i_diy .ab-p-7__i-in:before {
        font-size: 27px
    }

    .ab-p-7__i_cinema .ab-p-7__i-in:before {
        font-size: 28px
    }

    .ab-p-7__i_festival .ab-p-7__i-in:before {
        font-size: 25px
    }

    .ab-p-7__i-text, .ab-p-7__i-value {
        display: block
    }

    .ab-p-7__i-text {
        color: #1a1a1a;
        font-size: 16px;
        line-height: 1
    }

    .ab-p-7__i-text br {
        display: none
    }

    .ab-p-7__i-value {
        color: #494c84;
        font-size: 30px;
        line-height: 1;
        font-weight: 900
    }
}

.ab-p-7__i-value {
    font-weight: 900
}

.ab-p-7__i_themes .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e911"
}

.ab-p-7__i_hypermarket .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e908"
}

.ab-p-7__i_gallery .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e906"
}

.ab-p-7__i_shops .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e90e"
}

.ab-p-7__i_parking .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e90a"
}

.ab-p-7__i_diy .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e904"
}

.ab-p-7__i_cinema .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e903"
}

.ab-p-7__i_festival .ab-p-7__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e905"
}

@media only screen and (min-width: 768px) {
    .ab-p-7__i {
        position: absolute;
        text-align: center
    }

    .ab-p-7__i-text:first-letter {
        text-transform: uppercase
    }

    .ab-p-7__i_themes {
        left: 1.95%;
        top: 7.5%;
        width: 11.9%;
        height: 24.7%
    }

    .ab-p-7__i_themes .ab-p-7__i-in:before {
        font-size: 16%;
        line-height: 1;
        font-weight: 900
    }

    .ab-p-7__i_themes .ab-p-7__i-text {
        font-size: 14%;
        line-height: 1
    }

    .ab-p-7__i_themes .ab-p-7__i-value {
        font-size: 23%;
        line-height: 1;
        margin-top: 10px
    }

    .ab-p-7__i_hypermarket {
        left: 13%;
        top: 18.6%;
        width: 19%;
        height: 39.5%
    }

    .ab-p-7__i_hypermarket .ab-p-7__i-in:before {
        font-size: 35%;
        line-height: 1
    }

    .ab-p-7__i_hypermarket .ab-p-7__i-text {
        font-size: 22%;
        line-height: 1
    }

    .ab-p-7__i_hypermarket .ab-p-7__i-value {
        font-size: 36%;
        line-height: 1;
        margin-top: 12px
    }

    .ab-p-7__i_space {
        left: 33.5%;
        top: 17.2%;
        width: 30.4%;
        height: 63.2%
    }

    .ab-p-7__i_space .ab-p-7__i-text {
        font-size: 25%;
        line-height: 1
    }

    .ab-p-7__i_space .ab-p-7__i-value {
        font-size: 50%;
        line-height: 1;
        margin-top: 20px
    }

    .ab-p-7__i_gallery {
        left: 64.5%;
        top: 4.7%;
        width: 21.2%;
        height: 44.1%
    }

    .ab-p-7__i_gallery .ab-p-7__i-in:before {
        font-size: 39%;
        line-height: 1
    }

    .ab-p-7__i_gallery .ab-p-7__i-text {
        font-size: 22%;
        line-height: 1
    }

    .ab-p-7__i_gallery .ab-p-7__i-value {
        margin-top: 12px;
        font-size: 40%;
        line-height: 1
    }

    .ab-p-7__i_shops {
        left: 86.8%;
        top: 11.3%;
        width: 11.7%;
        height: 24.3%
    }

    .ab-p-7__i_shops .ab-p-7__i-in:before {
        font-size: 23%;
        line-height: 1
    }

    .ab-p-7__i_shops .ab-p-7__i-text {
        font-size: 14%;
        line-height: 1
    }

    .ab-p-7__i_shops .ab-p-7__i-value {
        margin-top: 7px;
        font-size: 23%;
        line-height: 1
    }

    .ab-p-7__i_parking {
        left: 1.7%;
        top: 48.6%;
        width: 15.3%;
        height: 31.8%
    }

    .ab-p-7__i_parking .ab-p-7__i-in:before {
        font-size: 15%;
        line-height: 1
    }

    .ab-p-7__i_parking .ab-p-7__i-text {
        font-size: 18%;
        line-height: 1
    }

    .ab-p-7__i_parking .ab-p-7__i-value {
        margin-top: 10px;
        font-size: 29%;
        line-height: 1
    }

    .ab-p-7__i_diy {
        left: 17.5%;
        top: 57.1%;
        width: 18.7%;
        height: 38.9%;
        padding-top: 14px
    }

    .ab-p-7__i_diy .ab-p-7__i-in:before {
        font-size: 38%;
        line-height: 1
    }

    .ab-p-7__i_diy .ab-p-7__i-text {
        font-size: 22%;
        line-height: 1
    }

    .ab-p-7__i_diy .ab-p-7__i-value {
        margin-top: 10px;
        font-size: 36%;
        line-height: 1
    }

    .ab-p-7__i_cinema {
        left: 66%;
        top: 47.6%;
        width: 18.2%;
        height: 37.6%
    }

    .ab-p-7__i_cinema .ab-p-7__i-in:before {
        font-size: 35%;
        line-height: 1
    }

    .ab-p-7__i_cinema .ab-p-7__i-text {
        font-size: 22%;
        line-height: 1
    }

    .ab-p-7__i_cinema .ab-p-7__i-value {
        margin-top: 10px;
        font-size: 36%;
        line-height: 1
    }

    .ab-p-7__i_festival {
        left: 83.5%;
        top: 35.6%;
        width: 15%;
        height: 31.2%
    }

    .ab-p-7__i_festival .ab-p-7__i-in:before {
        font-size: 26%;
        line-height: 1;
        font-weight: 900
    }

    .ab-p-7__i_festival .ab-p-7__i-text {
        font-size: 18%;
        line-height: 1
    }

    .ab-p-7__i_festival .ab-p-7__i-value {
        margin-top: 10px;
        font-size: 28%;
        line-height: 1
    }
}

.ab-p-8 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center
}

@media only screen and (min-width: 1280px) {
    .ab-p-8 {
        padding: 68px 0 40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-8 {
        padding: 68px 0 28px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-8 {
        padding: 68px 0 40px
    }
}

.ab-p-8:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1000px;
    z-index: -1;
    background: url("/local/templates/aquarelle/css/../images/about/ab-p-8.jpg") no-repeat center;
    background-size: cover
}

.ab-p-8 .ab-p-title-h1 {
    text-align: center;
    margin-bottom: 42px
}

.ab-p-8__text p {
    margin-bottom: 18px;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.8)
}

@media only screen and (min-width: 1280px) {
    .ab-p-8__scheme {
        margin: 40px auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-8__scheme {
        margin: 34px auto 28px
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-8__scheme {
        width: 95%
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-8__scheme {
        display: none
    }
}

.ab-p-8__link .btn-see-more {
    width: 240px;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .ab-p-8__link .btn-see-more {
        margin-top: 50px
    }
}

.ab-p-9 {
    margin-bottom: 55px;
    background: #5dcf6f
}

@media only screen and (min-width: 1280px) {
    .ab-p-9 {
        padding: 54px 0 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-9 {
        padding: 54px 0 10px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-9 {
        padding: 53px 0 20px
    }
}

.ab-p-9__text {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .ab-p-9__text .ab-p-title-h1 {
        margin-bottom: 22px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-9__text .ab-p-title-h1 {
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 768px) {
    .ab-p-9__text p {
        line-height: 1.25
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-9__text {
        margin-bottom: 64px
    }
}

.ab-p-9__info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    font-size: 0
}

@media only screen and (min-width: 1025px) {
    .ab-p-9__info {
        padding-left: 46px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-9__info {
        margin: 46px -4px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-9__info {
        padding-left: 63px;
        padding-right: 63px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-9__info {
        padding-left: 3.3%;
        padding-right: 3.3%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-9__info {
        margin: 46px 0 0
    }
}

.ab-p-9__i {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    color: #ffffff;
    min-height: 140px;
    margin-bottom: 10px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .ab-p-9__i {
        margin-left: 4px;
        margin-right: 4px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-9__i {
        width: 30%
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-9__i {
        width: 48%
    }
}

.ab-p-9__i-in {
    display: inline-block
}

.ab-p-9__i-in:before {
    display: block;
    line-height: 40px;
    margin-bottom: 6px
}

.ab-p-9__i_centres .ab-p-9__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e902";
    font-size: 31px
}

.ab-p-9__i_staff .ab-p-9__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e910";
    font-size: 36px
}

.ab-p-9__i_partners .ab-p-9__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e90b";
    font-size: 38px
}

.ab-p-9__i_gla-centers .ab-p-9__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e906";
    font-size: 34px
}

.ab-p-9__i_gla-retail .ab-p-9__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e902";
    font-size: 34px
}

.ab-p-9__i_visitors .ab-p-9__i-in:before {
    font-family: "AquarellePAB_Icons";
    content: "\e913";
    font-size: 35px
}

.ab-p-9__b {
    display: block;
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
    margin-top: -1px
}

.ab-p-9__w {
    font-size: 34px
}

@media only screen and (max-width: 767px) {
    .ab-p-9__w {
        display: block;
        margin-top: -10px
    }
}

.ab-p-10 {
    position: relative;
    padding-bottom: 25px
}

@media only screen and (min-width: 1280px) {
    .ab-p-10 {
        margin-bottom: 41px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-10 {
        margin-bottom: 20px
    }
}

.ab-p-10__text {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width: 768px) {
    .ab-p-10__text .ab-p-title-h1 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-10__text .ab-p-title-h1 {
        margin-bottom: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-10__info {
        padding-left: 68px;
        padding-right: 68px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-10__info {
        padding-left: 63px;
        padding-right: 63px
    }
}

@media only screen and (max-width: 1279px) {
    .ab-p-10__info {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-10__info {
        margin-bottom: 18px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-10__info {
        margin-bottom: -15px
    }
}

.ab-p-10__i {
    font-size: 16px;
    color: #1a1a1a
}

@media only screen and (min-width: 1280px) {
    .ab-p-10__i {
        max-width: 420px;
        margin-bottom: 22px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-10__i {
        display: inline-block;
        vertical-align: top;
        width: 33%;
        margin-bottom: 33px;
        padding-right: 3%
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-10__i {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin-bottom: 26px
    }
}

.ab-p-10__i span {
    display: inline-block;
    line-height: 1;
    font-weight: 900;
    color: #494c84
}

@media only screen and (min-width: 1280px) {
    .ab-p-10__i span {
        font-size: 54px;
        margin-bottom: -5px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .ab-p-10__i span {
        font-size: 44px;
        margin-bottom: -2px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ab-p-10__i span {
        font-size: 36px;
        margin-bottom: -2px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-10__i span {
        font-size: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-10__img {
        position: absolute;
        right: 0;
        bottom: 0;
        max-height: 100%;
        text-align: right;
        z-index: -1
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-10__img {
        text-align: center;
        margin-top: -50px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-10__img {
        margin: 0 -20px
    }
}

.ab-p-links {
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.ab-p-title-h1 + .ab-p-links {
    margin-top: -12px
}

.ab-p-link {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    word-spacing: normal;
    min-width: 160px;
    max-width: 300px;
    margin-bottom: 16px
}

.ab-p-link__img {
    display: block;
    margin-bottom: 5px;
    font-size: 0
}

@media only screen and (min-width: 1280px) {
    .ab-p-link__img {
        height: 120px
    }
}

@media only screen and (max-width: 1279px) {
    .ab-p-link__img {
        height: 110px
    }
}

.ab-p-link__img:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.ab-p-link__img img {
    vertical-align: middle
}

.ab-p-link__name {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    color: #4c4c4c
}

.ab-p-11 {
    background: #ffffff;
    padding: 50px 0 32px;
    margin-bottom: 54px
}

.ab-p-11 .ab-p-title-h1 {
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-11 .ab-p-title-h1 {
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-11 .ab-p-title-h1 {
        margin-bottom: 32px
    }
}

.ab-p-12 .ab-p-title-h1 {
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-12 .ab-p-title-h1 {
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-12 .ab-p-title-h1 {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .ab-p-12 {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-12 {
        margin-bottom: 110px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-12 {
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ab-p-11 .ab-p-link {
        max-width: 30%
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .ab-p-11 .ab-p-link {
        min-width: 45%
    }
}

@media only screen and (max-width: 479px) {
    .ab-p-11 .ab-p-link {
        min-width: 60%
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-12 .ab-p-links {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-12 .ab-p-link {
        width: 48%;
        min-width: 0;
        margin-bottom: 32px
    }

    .ab-p-12 .ab-p-link__name {
        font-size: 16px;
        line-height: 1.5
    }
}

.ab-p-end {
    font-size: 0
}

@media only screen and (min-width: 1280px) {
    .ab-p-end .ab-p-contacts {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }

    .ab-p-end .ab-p-form-out {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-contacts {
        margin-bottom: 50px
    }
}

.ab-p-contacts__title {
    color: #1a1a1a;
    line-height: 1.2;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .ab-p-contacts__title {
        margin-bottom: 20px;
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-contacts__title {
        margin-bottom: 16px;
        font-size: 20px
    }
}

.ab-p-contacts__value {
    color: #4c4c4c;
    font-weight: 300;
    line-height: 1.2
}

@media only screen and (min-width: 768px) {
    .ab-p-contacts__value {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-contacts__value {
        font-size: 20px
    }
}

.ab-p-contacts__value a {
    text-decoration: underline
}

.ab-p-contacts__value a:hover {
    text-decoration: none
}

.ab-p-contacts__value a[href^='tel'] {
    text-decoration: none !important;
    font-weight: 600
}

@media only screen and (min-width: 1280px) {
    .ab-p-contacts__space {
        height: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-contacts__space {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-contacts__space {
        height: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-contacts {
        font-size: 0;
        margin-bottom: 50px
    }

    .ab-p-contacts__group {
        text-align: left;
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .ab-p-contacts__group_left {
        padding-right: 5%
    }
}

.ab-p-form {
    background: url("/local/templates/aquarelle/css/../images/about/ab-p-form.png") no-repeat right bottom #e1e5e8;
    padding: 35px 20px 20px
}

@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
    .ab-p-form-out {
        padding-left: 63px;
        padding-right: 63px
    }
}

@media only screen and (max-width: 1279px) and (max-width: 767px) {
    .ab-p-form-out {
        padding-left: 3.3%;
        padding-right: 3.3%
    }
}

.ab-p-form__in {
    max-width: 550px;
    margin: 0 auto;
    text-align: justify;
    font-size: 1px
}

.ab-p-form__title {
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1a1a1a
}

.ab-p-form__row {
    margin-bottom: 24px;
    display: inline-block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .ab-p-form__row_half {
        display: inline-block;
        vertical-align: top;
        width: 47%
    }
}

.ab-p-form__row:last-child {
    margin-bottom: 0
}

.ab-p-form__label {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1;
    color: #4c4c4c
}

.ab-p-form__field {
    position: relative
}

.ab-p-form_error {
    border-color: #dd1f1f !important;
    box-shadow: 0 0 5px 0 #dd1f1f;
    -moz-box-shadow: 0 0 5px 0 #dd1f1f;
    -webkit-box-shadow: 0 0 5px 0 #dd1f1f
}

.ab-p-form__text, .ab-p-form__textarea {
    display: inline-block;
    -webkit-appearance: none;
    width: 100%;
    padding: 0.5em 16px;
    border: 1px solid #c2c2c2;
    outline: 0;
    line-height: 1em;
    color: #1a1a1a;
    font-weight: 300;
    font-family: 'Aqua', Arial, Helvetica, sans-serif
}

@media only screen and (min-width: 768px) {
    .ab-p-form__text, .ab-p-form__textarea {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .ab-p-form__text, .ab-p-form__textarea {
        font-size: 16px
    }
}

.ab-p-form__text ::-webkit-input-placeholder, .ab-p-form__textarea ::-webkit-input-placeholder {
    color: #c2c2c2;
    font-weight: 300
}

.ab-p-form__text ::-moz-placeholder, .ab-p-form__textarea ::-moz-placeholder {
    color: #c2c2c2;
    font-weight: 300
}

.ab-p-form__text :-moz-placeholder, .ab-p-form__textarea :-moz-placeholder {
    color: #c2c2c2;
    font-weight: 300
}

.ab-p-form__text :-ms-input-placeholder, .ab-p-form__textarea :-ms-input-placeholder {
    color: #c2c2c2;
    font-weight: 300
}

.ab-p-form__textarea {
    height: 5.5em;
    resize: none
}

.ab-p-form__radio input[type="checkbox"] {
    display: none
}

.ab-p-form__radio input[type="checkbox"]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    background-color: #fe507d
}

.ab-p-form__radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 36px;
    line-height: 1.2em;
    font-size: 16px;
    color: #151515
}

.ab-p-form__radio label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px
}

.ab-p-form__radio a {
    text-decoration: underline
}

.ab-p-form__radio a:hover {
    text-decoration: none
}

.ab-p-form__message {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1;
    color: #FF0000
}

.ab-p-form__radio + .ab-p-form__message {
    margin-top: 1px
}

.ab-p-form__success {
    margin-top: 140px;
    margin-bottom: 140px;
    font-size: 24px;
    color: #141414;
    font-weight: 300;
    text-align: center
}

.ab-p-form__success a {
    color: #151515;
    font-size: 18px;
    text-decoration: underline
}

.ab-p-form__success a:hover {
    text-decoration: none
}

.ab-p-form__submit {
    width: 180px;
    -webkit-appearance: none;
    font-family: 'Aqua', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 3;
    border: 0;
    outline: 0;
    background-color: #50cdeb;
    cursor: pointer
}

.ab-p-form__submit:hover {
    background-color: #22c0e6
}