body{
    --font-opensans: 'Assistant', sans-serif;
}





input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
    background: white;
    font-family: inherit;
    font-size: 16px;
    color: var(--color-main);
    border: 1px solid #b5b5b5;
    line-height: 1;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
    padding-left: 16px;
    outline: none !important;
}
select {
    position: relative;
    height: 54px;
}
select + .arrowSelect {
    pointer-events: none;
    width: 16px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 24px;
}
    select + .arrowSelect svg {
        width: 100%;
        height: 20px;
        fill: var(--color-main-blue);
    }
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
    border-color: var(--color-main-blue);
    outline: none !important;
}
input[type=text].error,
input[type=email].error,
input[type=tel].error,
select.error,
textarea.error {
    background-color: rgba(252, 79, 102, 0.06);
    border-color: var(--color-pink);
}
label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    color: var(--color-main);
    margin-bottom: 0;
    }
    label.required:before {
        content: "*";
        display: inline-block;
        color: var(--color-pink);
        margin-left: 0;
}


input[type=checkbox] {
    -webkit-appearance: none;
    position: relative;
    width: 25px;
    height: 25px;
    margin: 1px 0 0 0;
    border-radius: 0;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #108aeb;
    transition: all calc(.3s / 1.5) ease;
    cursor: pointer;
    outline: none !important;
    }
    input[type=checkbox]:before {
        content: "";
        width: 100%;
        height: 100%;
        background: white;
        display: block;
        transform: scale(0);
        opacity: 1;
        border-radius: 50%;
    }
    input[type=checkbox]:checked {
        background: white;
        animation: wave 0.4s ease;
        }
        input[type=checkbox]:checked + label span:first-child {
            animation: wave 0.4s ease;
        }
            input[type=checkbox]:checked + label span:first-child svg {
                stroke-dashoffset: 0;
            }
        input[type=checkbox]:checked + label span:first-child:before {
            transform: scale(1.5);
            opacity: 0;
            transition: all 0.3s ease;
        }
    input[type=checkbox]:focus {
        box-shadow: 0 0 0 1px white, 0 0 0 2px  #108aeb !important;
    }
@keyframes wave {
    50% {
        transform: scale(.92);
    }
}
input[type=checkbox] + label {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
}
    input[type=checkbox] + label svg {
        pointer-events: none;
        position: absolute;
        top: 5px;
        right: -26px;
        width: 16px;
        height: 16px;
        fill: none;
        stroke: #108aeb;
        stroke-width: 1.3;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 16px;
        stroke-dashoffset: 16px;
        transition: all 0.3s ease;
        transition-delay: 0.2s;
        transform: translate3d(0, 0, 0);
    }
    input[type=checkbox] + label span {
        display: inline-block;
        vertical-align: middle;
        }
        input[type=checkbox] + label span:first-child {
            position: relative;
            width: 0;
            height: 25px;
            border-radius: 0;
            transform: scale(1);
            vertical-align: middle;
            transition: all 0.2s ease;
        }
        input[type=checkbox] + label span:last-child {
            padding-right: 4px;
    }
    input[type=checkbox] + label:hover span:first-child {
        border-color: #000;
    }













.row.topLine {
    display: flex;
    justify-content: space-between;
    color: var(--color-grayOnWhite);
}
    .topLine .breadcrumb {
        flex-grow: 1;
    }
    .topLine .link,
    .topLine .breadcrumb > a,
    .topLine .breadcrumb > li,
    .topLine .breadcrumb > li > a,
    .topLine .breadcrumb > li > a:hover,
    .topLine .breadcrumb > li > a:focus,
    .topLine .breadcrumb > li + li:before,
    .topLine .breadcrumb > .active {
        font-size: 17px;
        line-height: 1.38;
        text-decoration: none;
        color: var(--color-grayOnWhite);
        }
        .topLine .link:hover,
        .topLine .breadcrumb > a:hover,
        .topLine .breadcrumb > li > a:hover,
        .topLine .breadcrumb .link:focus,
        .topLine .breadcrumb > a:focus,
        .topLine .breadcrumb > li > a:focus {
            text-decoration: underline;
    }
    .topLine .link {
        font-weight: 700;
        color: #2b2b2b;
    }
        .topLine .link .linkInnerArrow {
            width: 23px;
            height: 16px;
            position: relative;
            top: 4px;
            margin-right: 12px;
            fill: #2b2b2b;
        }



.topSection {
    color: white;
    position: relative;
    min-height: 420px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #564a41;
    background-image: radial-gradient(circle, rgba(175,149,129,1) 0%, rgba(136,104,72,1) 50%, rgba(86,74,65,1) 100%);
}
    .topSection .container {
        max-width: 1188px;
    }

    .topSection .thumb {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
        .topSection .thumb:after {
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            content: "";
            opacity: .44;
            display: block;
            position: absolute;
            background-color: black;
        }
        .topSection .thumb-img {
            top: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            right: 0;
            object-fit: cover;
        }

    .topSection .row {
        position: relative;
        color: white;
    }
        .topSection .topLine .link,
        .topSection .topLine .breadcrumb > a,
        .topSection .topLine .breadcrumb > li,
        .topSection .topLine .breadcrumb > li > a,
        .topSection .topLine .breadcrumb > li > a:hover,
        .topSection .topLine .breadcrumb > li > a:focus,
        .topSection .topLine .breadcrumb > li + li:before,
        .topSection .topLine .breadcrumb > .active {
            color: white;
        }
            .topSection .topLine .link .linkInnerArrow {
                fill: white;
            }

    .topSection .sectionHeading {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .topSection .sectionHeading h1 {
            color: white;
            font-size: 70px;
            font-weight: 700;
            line-height: 1.37;
            font-family: var(--font-opensans);
        }
        .topSection .sectionHeading .button {

            --ripple-background: white;
            --ripple-opacity: 0.7;
            --ripple-duration: 500ms;

            color: white;
            height: 50px;
            display: inline-block;
            font-size: 20px;
            transition: all .2s;
            text-align: center;
            margin-top: 20px;
            font-weight: 600;
            line-height: 48px;
            align-items: center;
            justify-content: center;
            background-color: var(--color-main-blue);
            padding-right: 30px;
            padding-left: 30px;
            box-shadow: inset 0 0 0 0 white, 0 0 0 0 var(--color-main-blue) !important;
        }
        .topSection .sectionHeading .button .buttonInnerArrow {
            fill: white;
            width: 23px;
            height: 16px;
            margin-right: 10px;
            top: 2px;
            position: relative;
        }
        .topSection .sectionHeading .button:hover,
        .topSection .sectionHeading .button:focus {
            --ripple-background: white;

            text-decoration: none;
            box-shadow: inset 0 0 0 2px white, 0 0 0 2px var(--color-main-blue) !important;
        }



.categoriesSection {
    background-color: rgba(var(--color-bg-light-rgb),.4);
}

    .categoriesSection .container {
        max-width: 900px;
    }
    .categoriesSection .row {
        display: flex;
        min-height: 150px;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
        margin-left: 0;
        padding-top: 32px;
        padding-bottom: 24px;
        }
        @media (min-width: 768px) { .categoriesSection .row {
            flex-direction: row;
        }
    }

    .categoriesSection .categoryItem {
        display: flex;
        flex-direction: column;
        margin-top: 32px;
        margin-bottom: 32px;
        }
	.categoriesSection .categoryItem:hover .categoryName {
		color: var(--color-main-blue) !important;
	}
        @media (min-width: 768px) { .categoriesSection .categoryItem {
            flex-basis: 33.3333%;
            flex-direction: row;
        }
    }

        .categoriesSection .categoryItem .categoryIcon {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: -4px;
            margin-bottom: 16px;
            }
            @media (min-width: 768px) { .categoriesSection .categoryItem .categoryIcon {
                margin-bottom: 0;
            }
        }
            .categoriesSection .categoryItem .categoryIcon svg {
                fill: var(--color-topbar-blue);
                width: 34px;
                height: 34px;
            }

        .categoriesSection .categoryItem .categoryName {
            color: var(--color-main);
            display: block;
            font-size: 21px;
            text-align: center;
            font-weight: 700;
            font-family: var(--font-opensans);
            margin-right: 16px;
            margin-left: 16px;

	        transition: 0.2s;
            }
            @media (min-width: 768px) { .categoriesSection .categoryItem .categoryName {
               text-align: right;
            }
        }


.helloSection {
    margin-top: 70px;
}
.helloSection .container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.helloSection .row {
    margin-right: 0;
    margin-left: 0;
}
    .helloContainer {
        --mayor-pic-width: 235px;
        --mayor-pic-height: 265px;

        width: 100%;
        max-width: 768px;
        display: flex;
        flex-direction: column;
    }
        .helloContainer .helloPic {
            display: flex;
        }
            .helloContainer .helloPic .thumb {
                width: var(--mayor-pic-width);
                height: var(--mayor-pic-height);
            }
                .helloContainer .helloPic .thumb-img {
                    object-position: 5px 10%;                 }

        .helloContainer .helloText {
            color: var(--color-main);
            max-width: 635px;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16) !important;
            padding: 40px 60px;
            margin-top: -32px;
            align-self: flex-end;
            }
            @media (min-width: 576px) { .helloContainer .helloText {
                margin-top: calc(-.567 * var(--mayor-pic-height));
            }}
            @media (min-width: 768px) { .helloContainer .helloText {
                margin-top: calc(-.777 * var(--mayor-pic-height));
            }
        }
            .helloContainer .helloText .helloTextTop {
                color: var(--color-grayOnWhite);
                font-weight: 700;
                font-size: 21px;
                letter-spacing: 2.1px;
                line-height: 1.29em;
                position: relative;
                padding-top: 4px;
                }
                .helloContainer .helloText .helloTextTop:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 2 px;
                    display: block;
                    width: 40px;
                    height: 3px;
                    background-color: var(--color-pink);
                }
                @media (min-width: 576px) { .helloContainer .helloText .helloTextTop {
                    padding-right: calc(var(--mayor-pic-width));
                }}
                @media (min-width: 768px) { .helloContainer .helloText .helloTextTop {
                    padding-right: 0;
                    margin-right: 160px;
                }}
                @media (min-width: 992px) { .helloContainer .helloText .helloTextTop {
                    margin-right: 110px;
                }
            }
            .helloContainer .helloText .helloTextMiddle {
                font-size: 40px;
                font-weight: 600;
                line-height: 1.3;
                }
                @media (min-width: 576px) { .helloContainer .helloText .helloTextMiddle {
                    padding-right: var(--mayor-pic-width);
                }}
                @media (min-width: 768px) { .helloContainer .helloText .helloTextMiddle {
                    padding-right: 0;
                    margin-right: 160px;
                }}
                @media (min-width: 992px) { .helloContainer .helloText .helloTextMiddle {
                    margin-right: 110px;
                }
            }
            .helloContainer .helloText .helloTextBottom {
                font-size: 20px;
                line-height: 1.3;
                margin-top: 16px;
                }
                @media (min-width: 768px) { .helloContainer .helloText .helloTextBottom {
                    margin-right: 160px;
                }}
                @media (min-width: 992px) { .helloContainer .helloText .helloTextBottom {
                    margin-right: 110px;
                }
            }


.servicesBlocks {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

@media (min-width: 992px) {
	.servicesBlocks {
		margin-top: 0;
	}
}

.servicesBlocks .block-wrapper {
    display: grid;
    gap: 30px;
}
@media (min-width: 992px) {
    .servicesBlocks .block-wrapper {
        gap: 61px;
        grid-template-columns: repeat(3, 1fr);
    }
}
.servicesBlocks .container {
    max-width: 1234px;
}
    .servicesBlocks .block {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        color: white;
        min-height: 205px;
        background-color: var(--color-main-blue);
        transition: all .3s;
        box-shadow: inset 0 0 0 0 white, 0 0 0 0 var(--color-main-blue) !important;
        }
        .servicesBlocks .block[data-href]:hover,
        .servicesBlocks .block[data-href]:focus {
            box-shadow: inset 0 0 0 2px white, 0 0 0 2px var(--color-main-blue) !important;
        }
        @media (min-width: 768px) { .servicesBlocks .block {
            flex-basis: calc(50% - 90px);
            margin-bottom: 0;
        }
    }
        .servicesBlocks .block svg {
            fill: white;
        }
        .servicesBlocks .block svg.handshake {
            width: 88px;
            height: 88px;
        }
        .servicesBlocks .block svg.onlineshop {
            width: 72px;
            height: 72px;
        }
        .blockAnchor {
            color: white;
            text-decoration: none;
            font-size: 36px;
            line-height: 47px;
            margin-top: 16px;
            }
            .blockAnchor:hover,
            .blockAnchor:focus {
                text-decoration: none;
                color: white;
         }


.emergencyPhones {
    margin-top: 80px;
    }
    @media (min-width: 768px) { .emergencyPhones {
        margin-top: 140px;
    }
}
    .emergencyPhones .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 768px;
    }
        .emergencyPhones .iconPhone {
            width: 101px;
            height: 95px;
        }
            .cls-svg-icon-oldFashionedPhone {
                fill: var(--color-bg-light);
            }
            .cls-svg-icon-oldFashionedPhone-highlighted {
                fill: var(--color-pink);
            }

        .title-t2 {
            font-size: 47px;
            font-weight: 600;
            color: var(--color-main);
            margin-top: 37px;
        }

        .emergencyPhones ul {
            width: 100%;
            margin-top: 55px;
        }
            .emergencyPhones li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding-right: 32px;
                padding-left: 55px;
                font-size: 28px;
                color: var(--color-main);
                box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16) !important;
                min-height: 80px;
                flex-wrap: wrap;
                margin-bottom: 22px;
            }
                .emergencyPhones .phoneText {
                    font-weight: 600;
                    margin-bottom: 0;
                }
                .emergencyPhones .phoneNum {
                    color: #6e6e6e;
                    font-weight: 600;
                }
                    .emergencyPhones .phoneNum a {
                        color: #6e6e6e;
                    }



.fewNumbers {
    margin-top: 140px;
    height: 411px;
    background-color: rgba(var(--color-bg-light-rgb), .4);
    margin-bottom: 46px;
    }
    @media (min-width: 992px) { .fewNumbers {
        margin-bottom: 274px;
    }
}
.fewNumbers .container {
    max-width: 1336px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .fewNumbers .title-t2 {
        font-size: 65px;
        font-weight: 700;
        color: var(--color-main-blue);
        margin-top: 82px;
    }
    .fewNumbers .fewNumbersContainer {
        margin-top: 74px;
        background-color: white;
        box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16) !important;
        min-height: 325px;
        display: flex;
        justify-content: center;
        width: 100%;
    }
        .fewNumbers .fewNumbersContainer .column {
            display: flex;
            flex-basis: 30%;
            align-items: center;
            flex-direction: column;
            justify-content: center;

        }
            .fewNumbers .fewNumbersContainer .column .iconCol {
                fill: #c3c3c3;
                max-height: 50px;
                }
                .fewNumbers .fewNumbersContainer .column .iconCol.suitcase {
                    max-width: 37px;
                }
                .fewNumbers .fewNumbersContainer .column .iconCol.people-group {
                    max-width: 47px;
                }
                .fewNumbers .fewNumbersContainer .column .iconCol.user-group {
                    max-width: 50px;
            }
            .fewNumbers .fewNumbersContainer .column .numberAnimated {
                color: var(--color-main-blue);
                font-size: 80px;
                font-weight: 300;
            }
            .fewNumbers .fewNumbersContainer .column .nameCol {
                color: var(--color-main);
                font-size: 29px;
                font-weight: 600;
            }


.tabsSection {
	margin-top: 40px;
}

@media (min-width: 992px) {
	.tabsSection {
		margin-top: 138px;
	}
}
.tabsSection .container {
    max-width: 952px;
}
    .tabsSection .nav-tabs {
        width: 100%;
        display: flex;
        justify-content: center;
        border-bottom: 2px solid rgba(var(--color-bg-light-rgb),.8);
    }
        .tabsSection .tablist-item:not(:last-child) {
            margin-left: 3.65vw;
        }
        .tabsSection .tabName {
            color: #5f5f5f;
            font-size: 23px;
            font-weight: 400;
            padding-bottom: 20px;
            padding-right: 16px;
            padding-left: 16px;
            position: relative;
            margin-right: 0;
            margin-left: 0;
            }
            .tabsSection .tabName:before {
                content: "";
                position: absolute;
                bottom: -1px;
                right: 50%;
                height: 2px;
                width: 0;
                transform: translateX(50%);
                background-color: var(--color-main-blue);
                transition: all .3s;
            }
            .tabsSection .tabName:hover,
            .tabsSection .tabName:focus {
                color: var(--color-main-blue);
            }
            .tabsSection .tabName:hover:before,
            .tabsSection .tabName:focus:before {
                width: 100%;
            }
            .tabsSection .active .tabName {
                color: var(--color-main-blue);
                font-weight: 700;
                }
                .tabsSection .active .tabName:before {
                    width: 100%;
                }
                .tabsSection .active .tabName:hover,
                .tabsSection .active .tabName:focus {
                    color: var(--color-main-blue);
                    font-weight: 700;
        }

    .tabsSection .tab-content {
        text-align: center;
        margin-top: 52px;
        font-size: 22px;
        line-height: 1.27;
        color: #656565;
        }
        @media (min-width: 992px) { .tabsSection .tab-content {
            width: 82%;
            margin-right: auto;
            margin-left: auto;
        }
    }



.swiperSection {
    --swiper-navigation-color: black;
    --swiper-theme-color: var(--color-main-blue);
    height: 558px;
    background-color: rgba(var(--color-bg-light-rgb), .4);
    margin-top: 164px;
    direction: rtl;
    }
    .swiperSection.smallMargin {
        margin-top: 53px;
}
    .swiperSection .swiper-container {
        padding-top: 134px;
        padding-bottom: 90px;
        }
        @media (min-width: 568px) {
            .swiperSection .swiper-container:before,
            .swiperSection .swiper-container:after {
                content: "";
                height: 100%;
                position: absolute;
                top: 0;
                width: 20%;
                z-index: 9;
            }
        }
        .swiperSection .swiper-container:before {
            right: 0;
            background-image: linear-gradient(to left, #f1f1f1 20%, transparent);
        }
        .swiperSection .swiper-container:after {
            left: 0;
            background-image: linear-gradient(to right, #f1f1f1 20%, transparent);
    }
        .swiperSection .swiper-slide {
            width: 360px;
            max-width: 80%;
            background-color: white;
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
            height: 237px;
            padding-right: 36px;
            padding-left: 36px;
            padding-top: 28px;
        }
            .swiperSection .swiper-slide h2 {
                margin-top: 0;
                margin-bottom: 0;
            }
            .swiperSection .swiper-slide .title-t2 {
                display: inline-block;
                font-size: 35px;
                font-weight: 600;
                line-height: 1.31;
                color: var(--color-main);
                position: relative;
                overflow: hidden;
                height: 46px;
                margin-top: 16px;
                padding-top: 3px;
                }
                .swiperSection .swiper-slide .title-t2:hover {
                    text-decoration: none;
                    color: var(--color-pink);
                }
                .swiperSection .swiper-slide .title-t2:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 40px;
                    height: 3px;
                    background-color: var(--color-main-blue);
                    transition: all .2s;
                }
                .swiperSection .swiper-slide .title-t2:hover:before {
                    width: 50%;
                    min-width: 50px;
            }
            .swiperSection .swiper-slide .desc {
                margin-top: 22px;
                max-width: 277px;
                height: 50px;
                overflow: hidden;
                color: #606060;
                font-size: 17px;
                line-height: 1.47;
            }
            .swiperSection .swiper-slide .arrow {
                width: 100%;
                display: flex;
                flex-direction: row-reverse;
                height: 19px;
                margin-top: 20px;
            }
                .swiperSection .swiper-slide .arrow svg {
                    fill: var(--color-pink);
                    max-height: 100%;
                    width: 31px;
                }
    .swiperSection .swiper-button-prev,
    .swiperSection .swiper-button-next {
        visibility: hidden;
        transition: all .2s;
        }
        .swiperSection .swiper-button-prev:hover,
        .swiperSection .swiper-button-prev:focus,
        .swiperSection .swiper-button-next:hover,
        .swiperSection .swiper-button-next:focus {
            outline: none !important;
            color: var(--color-main-blue);
        }
        @media (min-width: 568px) {
            .swiperSection .swiper-button-prev,
            .swiperSection .swiper-button-next {
                visibility: visible;
        }
    }
    .swiperSection .swiper-container-rtl .swiper-button-next,
    .swiperSection .swiper-button-prev {
        left: 37px;
    }
    .swiperSection .swiper-container-rtl .swiper-button-prev {
        right: 37px;
    }
    .swiperSection .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
        border: none;
        background: #cecece;
        transition: all .2s;
        }
        .swiperSection .swiper-pagination-bullet:hover,
        .swiperSection .swiper-pagination-bullet:focus,
        .swiperSection .swiper-pagination-bullet:active {
            box-shadow: inset 0 0 0 1px #fafafa, 0 0 0 1px var(--color-main-blue) !important;
            background-color: var(--color-main-blue);
        }
        .swiperSection .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: var(--swiper-theme-color);
        }
        .swiperSection .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
            margin: 0 5px;
    }



.informationCubes {
    margin-top: 168px;
    margin-bottom: 40px;
}
    .informationCubes .container {
        max-width: 1546px;
        display: flex;
        direction: rtl;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0;
    }
    .informationCubes .cubeItem {
        min-height: 320px;
        position: relative;
        width: 100%;
        padding-right: 17px;
        padding-left: 17px;
        margin-bottom: 34px;
        }
        @media (min-width: 568px) { .informationCubes .cubeItem {
            width: 50%;
        }}
        @media (min-width: 992px) { .informationCubes .cubeItem {
            width: 33.3333%;
            }
            .informationCubes .cubeItem:last-child {
                display: none;
            }
        }
        @media (min-width: 1200px) { .informationCubes .cubeItem {
            width: 25%;
            }
            .informationCubes .cubeItem:last-child {
                display: block;
        }
    }
        .informationCubes .cubeItem .thumb {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column-reverse;
            }
            .informationCubes .cubeItem .thumb:before {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
                background-image: linear-gradient(to bottom, #000000, rgba(84, 84, 84, 0) 600px);
                opacity: .6;
                z-index: 1;
        }
            .informationCubes .cubeItem .thumb-img {
                position: absolute;
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all .2s;
                }
                .informationCubes .cubeItem:hover .thumb-img,
                .informationCubes .cubeItem:focus .thumb-img {
                    transform: scale(1.1);
            }
            .informationCubes .cubeItem .bottom {
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                z-index: 2;
                padding-right: 20px;
                padding-left: 20px;
                transition: all .2s;
                margin-bottom: 16px;
                }
                .informationCubes .cubeItem .bottom:hover,
                .informationCubes .cubeItem .bottom:focus {
                    text-decoration: none;
                    color: var(--color-pink);
            }
                .informationCubes .cubeItem .cubeText {
                    font-size: 20px;
                    font-weight: 600;
                    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
                    line-height: 1.13;
                    color: white;
                    width: 277px;
                    max-width: 77%;
                    transition: .2s;
                    }
                    @media (min-width: 992px) { .informationCubes .cubeItem .cubeText {
                        font-size: 24px;
                    }}
                    @media (min-width: 1534px) { .informationCubes .cubeItem .cubeText {
                        font-size: 30px;
                    }}
                    .informationCubes .cubeItem .bottom:hover .cubeText,
                    .informationCubes .cubeItem .bottom:focus .cubeText {
                        color: var(--color-pink);
                }
                .informationCubes .cubeItem .cubeArrow {
                    fill: white;
                    width: 33px;
                    height: 19px;
                    transition: .2s;
                    }
                    .informationCubes .cubeItem .bottom:hover .cubeArrow,
                    .informationCubes .cubeItem .bottom:focus .cubeArrow {
                        fill: var(--color-pink);
                }



.linkSection {
    margin-top: 80px;
}
    .linkSection .linkAnchor {
        display: flex;
        justify-content: center;
        font-size: 30px;
        font-weight: 600;
        }
        .linkSection .linkAnchor:hover,
        .linkSection .linkAnchor:focus {
            text-decoration: none;
    }
        .linkSection .linkAnchor .linkFile,
        .linkSection .linkAnchor .linkEnvelope {
            width: 42px;
            height: 33px;
            margin-left: 27px;
        }
        .linkSection .linkAnchor .linkFile {
            width: 38px;
            height: 46px;
        }
            .linkSection .linkAnchor .linkEnvelope svg,
            .linkSection .linkAnchor .linkFile svg {
                fill: var(--color-main-blue);
                max-width: 100%;
                max-height: 100%
            }
        .linkSection .linkAnchor .linkText {
            color: #4b4b4b;
            line-height: 1;
            }
            .linkSection .linkAnchor:hover .linkText,
            .linkSection .linkAnchor:focus .linkText {
                text-decoration: none;
                color: var(--color-main-blue);
        }



.indexSection {
    margin-top: 106px;
}
    .indexSection .container {
        max-width: 1200px;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        }
        .indexSection .container:after,
        .indexSection .container:before {
            content: unset;
    }
    .indexSection .indexItem {
        width: 100%;
        background-color: white;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
        height: 153px;
        padding-right: 36px;
        padding-left: 36px;
        padding-top: 28px;
        margin-bottom: 64px;
        transition: all .2s;
        }
        .indexSection .indexItem:hover,
        .indexSection .indexItem:focus {
            padding-left: 24px;
        }
        @media (min-width: 768px) { .indexSection .indexItem {
            width: calc(50% - 20px);
        }}
        @media (min-width: 1200px) { .indexSection .indexItem {
            width: calc(33.3333% - 30px);
        }
    }

        .indexSection .indexItem h2 {
            margin-top: 0;
            margin-bottom: 0;
        }
            .indexSection .indexItem .quantity {
                font-size: 21px;
                font-weight: 700;
                letter-spacing: 2.1px;
                color: var(--color-grayOnWhite);
                position: relative;
                display: block;
                line-height: 36px;
            }
                .indexSection .indexItem .quantity:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 3px;
                    width: 40px;
                    height: 3px;
                    background-color: var(--color-main-blue);
                    transition: all .2s;
                    }
                    .indexSection .indexItem:hover .quantity:before,
                    .indexSection .indexItem:focus .quantity:before {
                        width: 60px;
                        max-width: 50%;
                }
            .indexSection .indexItem .title-t2 {
                display: inline-block;
                font-size: 35px;
                font-weight: 600;
                line-height: 1.31;
                color: var(--color-main);
                margin-top: 0;
                position: relative;
                height: 46px;
                overflow: hidden;
                padding-top: 0;
                transition: all .2s;
                }
                .indexSection .indexItem .title-t2:hover,
                .indexSection .indexItem .title-t2:focus {
                    text-decoration: none;
                    color: var(--color-pink);
                }
            .indexSection .indexItem .desc {
                margin-top: 22px;
                max-width: 277px;
                height: 50px;
                overflow: hidden;
                color: #606060;
                font-size: 17px;
                line-height: 1.47;
            }
            .indexSection .indexItem .arrow {
                width: 100%;
                display: flex;
                flex-direction: row-reverse;
                height: 19px;
                margin-top: 0;
            }
            .indexSection .indexItem .arrow svg {
                fill: var(--color-pink);
                max-height: 100%;
                width: 31px;
                }
                .indexSection .indexItem:hover .arrow svg,
                .indexSection .indexItem:focus .arrow svg {
            }



.indexInnerSection {
    margin-top: 0;
}
    .indexInnerSection .container {
        max-width: 1200px;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-top: 54px;
        }
        .indexInnerSection .container:after,
        .indexInnerSection .container:before {
            content: unset;
    }
    .indexInnerSection .indexInnerItem {
        width: 100%;
        background-color: white;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
        padding-right: 36px;
        padding-left: 36px;
        padding-top: 28px;
        margin-bottom: 64px;
        transition: all .2s;
        }
        .indexInnerSection .indexInnerItem:hover,
        .indexInnerSection .indexInnerItem:focus {

            }
            @media (min-width: 992px) { .indexInnerSection .indexInnerItem {
                width: calc(50% - 22px);
            }
    }

        .indexInnerSection .indexInnerItem h2 {
            margin-top: 0;
            margin-bottom: 0;
        }
        .indexInnerSection .indexInnerItem .title-t2 {
            display: inline-block;
            font-size: 35px;
            font-weight: 600;
            line-height: 1.31;
            color: var(--color-main);
            overflow: hidden;
            position: relative;
            transition: all .2s;
            height: 46px;
            margin-top: 14px;
            padding-top: 5px;
            }
            .indexInnerSection .indexInnerItem .title-t2:before {
                content: "";
                position: absolute;
                top: 0;
                right: 3px;
                width: 40px;
                height: 3px;
                background-color: var(--color-main-blue);
                transition: all .2s;
            }
            .indexInnerSection .indexInnerItem .title-t2:hover,
            .indexInnerSection .indexInnerItem .title-t2:focus {
                text-decoration: none;
                color: var(--color-pink);
            }
            .indexInnerSection .indexInnerItem .title-t2:hover:before,
            .indexInnerSection .indexInnerItem .title-t2:focus:before {
                width: 60px;
                max-width: 50%;
        }
        .indexInnerSection .indexInnerItem .desc {
            color: #606060;
            width: 86.25%;
            height: 50px;
            overflow: hidden;
            font-size: 17px;
            max-width: 415px;
            margin-top: 22px;
            line-height: 1.47;
        }
        .indexInnerSection .indexInnerItem .bottom {
            margin-bottom: 50px;
            margin-top: 30px;
            transition: all .2s;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            }
            .indexInnerSection .indexInnerItem:hover .bottom,
            .indexInnerSection .indexInnerItem:focus .bottom {
                /*width: calc(100% + 16px);*/
        }
            .indexInnerSection .indexInnerItem .bottom .bottomItem {
                font-size: 17px;
                margin-left: 40px;
                }
                .indexInnerSection .indexInnerItem .bottom .bottomItem:hover,
                .indexInnerSection .indexInnerItem .bottom .bottomItem:focus {
                    text-decoration: none;
            }
                .indexInnerSection .indexInnerItem .bottom .bottomItem svg {
                    fill: var(--color-pink);
                    width: 18px;
                    height: 18px;
                    margin-left: 10px;
                }
                .indexInnerSection .indexInnerItem .bottom .bottomItem .value {
                    color: var(--color-main);
                    }
                    .indexInnerSection .indexInnerItem .bottom .bottomItem:hover .value,
                    .indexInnerSection .indexInnerItem .bottom .bottomItem:focus .value {
                        color: var(--color-pink);
                        text-decoration: none;
                }
            .indexInnerSection .indexInnerItem .arrow {
                display: flex;
                flex-direction: row-reverse;
                height: 19px;
                margin-top: 0;
                flex-grow: 1;
            }
                .indexInnerSection .indexInnerItem .arrow svg {
                    fill: var(--color-main-blue);
                    max-height: 100%;
                    width: 31px;
                }

    .indexInnerSection .container.searchContainer {
        margin-top: 64px;
        display: flex;
        flex-direction: row;
    }
        .indexInnerSection .container.searchContainer .form {
            position: relative;
            height: 54px;
            width: 100%;
            max-width: 314px;
        }
        .indexInnerSection .container.searchContainer .searchSubmit {
            background: none;
            border: none;
            position: absolute;
            width: 21px;
            height: 22px;
            top: 50%;
            left: 20px;
            padding: 0;
            transform: translateY(-50%);
        }
            .indexInnerSection .container.searchContainer input  {
                width: 100%;
                border: solid 1px #d6d6d6;
                background-color: #f8f8f8;
                transition: all .2s;
                padding-right: 20px;
                padding-left: 60px;
                }
                .indexInnerSection .container.searchContainer input:focus  {
                    border-color: var(--color-main-blue);
                    background-color: white;
            }
            .indexInnerSection .container.searchContainer input + label {
                pointer-events: none;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                font-size: 18px;
                font-style: italic;
                line-height: 1.36;
                color: #8b8b8b;
                right: 24px;
                font-weight: 400;
                transition: all .2s;
                }
                .indexInnerSection .container.searchContainer input:not(:placeholder-shown) + label,
                .indexInnerSection .container.searchContainer input:focus + label {
                    transform: translateY(-54px) scale(1);
                    color: var(--color-main-blue);
            }
            .indexInnerSection .container.searchContainer .searchSubmit svg {
                fill: var(--color-pink);
                width: 100%;
                height: 100%;
            }


.joinFormSection {
    margin-top: 52px;
    font-family: var(--font-opensans);
    margin-bottom: 90px;
}
.joinFormSection .container {
    max-width: 1162px;
}
    .joinFormSection h1 {
        margin-top: 6px;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.34;
        color: #333;
        margin-bottom: 0;
    }

    .joinFormSection .form {
        margin-top: 44px;
        width: 100%;
        max-width: 676px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
        .joinFormSection .inputContainer,
        .joinFormSection .textareaContainer {
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 347px;
            position: relative;
            }
            @media (min-width: 768px) {.joinFormSection .inputContainer {
                width: calc(50% - 20px);
            }
        }
            .joinFormSection .inputContainer input,
            .joinFormSection .inputContainer select,
            .joinFormSection .textareaContainer textarea {
                margin-top: 10px;
            }
            .joinFormSection .inputContainer select + .arrowSelect {
                top: calc(50% + 7px);
            }
        .joinFormSection .textareaContainer {
            width: 100%;
            max-width: none;
            position: relative;
        }
            .joinFormSection .textareaContainer textarea {
                width: 100%;
                max-width: 100%;
                padding-bottom: 36px;
                line-height: 1.3;
                min-height: 137px;
                resize: none;
            }
            .joinFormSection .textareaContainer .maxcount {
                position: absolute;
                bottom: 10px;
                left: 14px;
                color: #7c7c7c;
            }
        .joinFormSection .submitContainer {
            width: 100%;
            margin-top: 34px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
            .joinFormSection .submitContainer .agree {
                margin-top: 16px;
                margin-bottom: 16px;
            }
            .joinFormSection .submitContainer input[type=checkbox] + label {
                font-weight: 400;
                font-size: 18px;
            }
                .joinFormSection .submitContainer input[type=checkbox] + label a {
                    color: var(--color-main);
                    text-decoration: underline;
                }
            .joinFormSection .submitContainer .agree [role="button"] {
                font-weight: 400;
                font-size: 18px;
                color: var(--color-main);
                border-bottom: 1px dotted var(--color-main);
                transition: all .1s;
                position: relative;
                top: 1px
                }
                .joinFormSection .submitContainer .agree [role="button"]:hover {
                    text-decoration: none;
                    color: var(--color-main-blue);
                    border-color: var(--color-main-blue);
            }
            .joinFormSection .submitContainer .btnSubmit {
                -webkit-appearance: none;
                border: none;
                height: 55px;
                background-color: var(--color-main-blue);
                color: white;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 16px;
                font-weight: 700;
                padding-right: 58px;
                padding-left: 58px;
                outline: none !important;
                box-shadow: inset 0 0 0 0 white, 0 0 0 0 var(--color-main-blue) !important;
                transition: all .3s;
                max-width: 100%;
                white-space: nowrap;
                }
                .joinFormSection .submitContainer .btnSubmit:hover,
                .joinFormSection .submitContainer .btnSubmit:focus {
                    box-shadow: inset 0 0 0 2px white, 0 0 0 2px var(--color-main-blue) !important;
            }

.agreementSection {}
    .agreementSection .modal-content {
        --popup-margin-top: 40px;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding-top: 60px;
        padding-bottom: 70px;
        padding-right: 54px;
        padding-left: 70px;
        margin-top: var(--popup-margin-top);
        height: calc(100vh - (var(--popup-margin-top) * 2));
        }
        @media (min-width: 576px){ .agreementSection .modal-content {
            --popup-margin-top: 90px;
        }}
        @media (min-width: 768px){ .agreementSection .modal-content {
            --popup-margin-top: 170px;

        }
    }
    .agreementSection .modal-body {
        height: 100%;
        overflow-y: auto;
    }
        .agreementSection .modal-body h2 {
            color: #333;
            font-weight: 700;
            font-size: 32px;
            margin-top: 0;
            direction: rtl;
            padding-right: 20px;
        }
        .agreementSection .modal-body p {
            margin-top: 37px;
            color: #8b8b8b;
            direction: rtl;
            padding-right: 20px;
        }
    .agreementSection .close {
        position: absolute;
        right: 0;
        top: -35px;
        width: 30px;
        height: 30px;
        }
        @media (min-width: 768px) { .agreementSection .close {
            right: -35px;
        }
    }
        .agreementSection .close:before,
        .agreementSection .close:after {
            content: "";
            height: 2px;
            width: 100%;
            position: absolute;
            top: 50%;
            right: 0;
            background-color: white;
        }
        .agreementSection .close:before {
            transform: translateY(-50%) rotate(45deg);
        }
        .agreementSection .close:after {
            transform: translateY(-50%) rotate(-45deg);
        }

    .modal-backdrop {
        background-color: rgba(0,0,0,.76) !important;
        opacity: 1 !important;
        transition: all .3s !important;
    }



.joinThanksSection {
	display: none;
    margin-top: 128px;
    margin-bottom: 128px;
    font-family: var(--font-opensans);
}
    .joinThanksSection .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .joinThanksSection .thumbUp {
        width: 104px;
        height: 98px;
    }
        .joinThanksSection .thumbUp svg {
            width: 100%;
            height: 100%;
        }
            .cls-svg-icon-thumb-up-decorated {
                fill: var(--color-pink);
            }
            .cls-svg-icon-thumb-up-decorated-highlighted {
                fill: var(--color-bg-light);
            }
    .joinThanksSection .thankLineColored {
        margin-top: 27px;
        color: var(--color-main-blue);
        font-size: 26px;
        font-weight: 700;
    }
    .joinThanksSection .thankLineBold {
        margin-top: 0;
        color: #333;
        font-size: 38px;
        font-weight: 700;
    }
    .joinThanksSection .desc {
        text-align: center;
        margin-top: 36px;
        color: var(--color-grayOnWhite);
        font-size: 22px;
        font-weight: 400;
        line-height: 1.45;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .no-index-results {
	    display: none;
	    text-align: center;
    }