@font-face {
    font-family: 'montserrat-regular';
    src: url("../fonts/montserrat-regular-webfont.eot");
    src: url("../fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat-regular-webfont.woff2") format("woff2"),url("../fonts/montserrat-regular-webfont.woff") format("woff"),url("../fonts/montserrat-regular-webfont.ttf") format("truetype"),url("../fonts/montserrat-regular-webfont.svg#montserrat-regular-webfont") format('svg');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'montserrat-bold';
    src: url("../fonts/montserrat-bold-webfont.eot");
    src: url("../fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat-bold-webfont.woff2") format("woff2"),url("../fonts/montserrat-bold-webfont.woff") format("woff"),url("../fonts/montserrat-bold-webfont.ttf") format("truetype"),url("../fonts/montserrat-bold-webfont.svg#montserrat-bold-webfont") format('svg');
    font-style: normal;
    font-weight: normal
}

@font-face {
  font-family: 'montserrat-medium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin_cyrillic-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin_cyrillic-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin_cyrillic-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,body {
    height: 100%
}

body {
    font-family: 'montserrat-regular';
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: normal
}

button {
    padding: 0;
    border: none;
    background-color: transparent;
    transition: .4s ease;
    cursor: pointer;
}

button:focus {
    outline: none
}

a {
    transition: .4s ease;
    color: #43b063;
}

a:hover,a:active,a:focus {
    outline: none;
    color: #43b063;
    text-decoration: none
}

input,textarea,select {
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
}

input:focus,textarea:focus,select:focus {
    outline: none
}

select::-ms-expand {
    display: none
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

::-moz-selection {
    background: #0e615b;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #0e615b;
    color: #fff;
    text-shadow: none
}

::placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
}

@media (min-width: 992px) {
    ::placeholder {
        color:transparent
    }
}

::-webkit-input-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    ::-webkit-input-placeholder {
        color:transparent
    }
}

::-moz-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    ::-moz-placeholder {
        color:transparent
    }
}

:-moz-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    :-moz-placeholder {
        color:transparent
    }
}

:-ms-input-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    :-ms-input-placeholder {
        color:transparent
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1170px
    }
}

.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .4s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.fade {
    transition: opacity .3s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.owl-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.owl-dots .owl-dot span {
    display: block;
    height: 4px;
    width: 20px;
    border-radius: 2px;
    background-color: #b3b4b5;
    margin: 0 5px;
    transition: .4s ease
}

.owl-dots .owl-dot.active {
    cursor: default;
}

.owl-dots .owl-dot.active span {
    background-color: #43b063
}

@media (min-width: 768px) {
    .owl-dots {
        margin-top:45px
    }

    .owl-dots .owl-dot span {
        width: 70px;
        margin: 0 10px
    }
}

@media (min-width: 1200px) {
    .owl-dots {
        margin-top:65px
    }
}

.row--ps {
    margin-top: -10px;
}

@media (min-width: 768px) {
    .row--ps {
        margin-top:-20px
    }
}

@media (min-width: 1200px) {
    .row--ps {
        margin-top:-30px
    }
}

.hide {
    display: none;
}

.fancybox-content {
    background-color: #fff !important
}

.header__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative
}

.header__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    width: 100%
}

.header__phones {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    width: 100%;
    background-color: #ebf5f3;
    position: relative;
}

.header__phones:before,.header__phones:after {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    top: 0;
    bottom: 0;
    background-color: #ebf5f3
}

.header__phones:before {
    right: 100%
}

.header__phones:after {
    left: 100%
}

.header__phone {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
}

.header__phone a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: #353535;
    font-family: 'montserrat-bold';
}

.header__phone a:hover {
    color: #353535
}

.header__phone--green a {
    color: #04454d;
}

.header__phone--green a:hover {
    color: #04454d
}

.header__phone-title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: #353535;
    width: 100%
}

.header__city {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.header__city div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: #353535;
    cursor: pointer;
}

.header__city div input {
    font-size: 14px;
    color: #353535;
    width: auto;
    background-color: transparent;
    border: none;
    margin-right: 5px
}

.header__city div svg {
    transition: .4s ease
}

.header__city .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    min-width: 220px;
    padding: 25px 35px;
    display: block;
    transition: .4s ease;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.header__city .dropdown-menu li {
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #353535;
    position: relative;
    cursor: pointer;
    transition: .4s;
    margin-bottom: 5px;
}

.header__city .dropdown-menu li:hover {
    color: #43b063
}

.header__city .dropdown-menu li:last-child {
    margin-bottom: 0
}

.header__city .dropdown-menu li.active {
    display: none
}

.header__city .dropdown-menu.show {
    pointer-events: auto;
    opacity: 1
}

.header__city.show svg {
    transform: rotate(180deg)
}

.header__info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 16px;
    height: 16px;
    position: relative;
    margin-left: 2px;
    cursor: pointer;
}

.header__info svg {
    position: relative;
    width: 100%;
    height: auto;
    stroke: #b3b4b5
}

.header__info p {
    position: absolute;
    top: 100%;
    right: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
    font-size: 16px;
    line-height: 24px;
    color: #43b063;
    padding: 15px;
    width: 200px;
    margin-top: 10px;
    pointer-events: none;
    opacity: 0;
    transition: .4s;
    z-index: 4
}

.header__info:hover p {
    opacity: 1;
    pointer-events: auto
}

.header__email {
    display: none
}

.header__code {
    font-size: 14px;
    color: #b3b4b5
}

.header__link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 174px;
    border-radius: 8px;
    border: 1px solid #005faf;
    color: #005faf;
    font-size: 14px;
}

.header__link:hover {
    background-color: #005faf;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.35)
}

.header__btn {
    display: block;
    position: relative;
    width: 28px;
    height: 50px;
}

.header__btn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 28px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .4s;
    top: 16px;
    background-color: #b3b4b5;
}

.header__btn span:nth-child(2) {
    top: 24px
}

.header__btn span:nth-child(3) {
    top: 32px
}

.header__btn--active span:nth-child(1) {
    top: 24px;
    transform: rotate(45deg)
}

.header__btn--active span:nth-child(2) {
    opacity: 0
}

.header__btn--active span:nth-child(3) {
    top: 24px;
    transform: rotate(-45deg)
}



@media (min-width: 360px) {
    .header__info {
        margin-left:6px
    }
}

@media (min-width: 576px) {
    .header__phones:before,.header__phones:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .header__phones:before,.header__phones:after {
        width:calc((100vw - 690px) / 2)
    }
}

@media (min-width: 992px) {
    .header__content {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

    .header__phones {
        background-color: transparent;
        width: auto;
        height: 60px;
    }

    .header__phones:before,.header__phones:after {
        display: none
    }

    .header__phone {
        width: 150px;
        margin-right: 25px;
    }

    .header__phone:last-child {
        margin-right: 0
    }

    .header__wrap {
        width: auto
    }

    .header__link {
        order: 1;
        margin-right: 30px
    }

    .header__code {
        order: 2;
        margin-right: 60px
    }

    .header__btn {
        position: absolute;
        right: 0
    }
}

@media (min-width: 1200px) {
    .header__logo {
        margin-right:20px
    }

    .header__btn {
        display: none
    }

    .header__code {
        margin-right: 0
    }

    .header__link {
        height: 40px;
        width: 180px;
        margin-right: 15px
    }

    .header__phone {
        width: auto;
        justify-content: center
    }

    .header__phone-title {
        margin-right: 10px;
        width: auto
    }

    .header__city {
        width: auto;
        margin-right: 10px
    }

    .header__info p {
        width: 250px;
        padding: 25px 40px;
        right: -70px
    }

    .header__email {
        display: inline-block;
        color: #353535;
        font-size: 14px;
    }

    .header__email:hover {
        color: #353535
    }
}

.navigation {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    position: fixed;
    z-index: 99;
    top: 60px;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 60px;
    transform: translate3d(-100%,0,0);
    transition: .4s ease;
}

.navigation li {
    margin-bottom: 20px;
    width: auto;
}

.navigation li:last-child {
    margin-bottom: 0
}

.navigation a {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #000;
}

.navigation a svg {
    stroke: #000;
    transition: .4s ease;
    margin-left: 5px;
    margin-top: 1px
}

.navigation a:hover {
    color: #1c987c;
}

.navigation a:hover svg {
    stroke: #1c987c
}

.navigation__dropdown {
    position: relative;
    display: block;
}

.navigation__dropdown a {
    pointer-events: none
}

.navigation__dropdown.active a {
    pointer-events: auto
}

.navigation__dropdown.active .navigation__dropdown-menu {
    z-index: 1000;
    pointer-events: auto;
    opacity: 1
}

.navigation__dropdown:hover .navigation__dropdown-menu {
    z-index: 1000;
    pointer-events: auto;
    opacity: 1
}

.navigation__dropdown-menu {
    position: absolute;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 260px;
    min-width: 100%;
    text-align: left;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: .4s ease;
    top: 100%;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.navigation__dropdown-menu:before {
    content: '';
    position: absolute;
    display: none;
    height: 3px;
    top: 0;
    left: 20px;
    right: 20px;
    background-color: #1c987c
}

.navigation__dropdown-menu .sub-menu {
    position: absolute;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    min-width: 100%;
    text-align: left;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: .4s ease;
    top: 0;
    left: 90%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 12px 5px 9px 1px rgba(0,0,0,0.25);
    padding-top: 30px;
    padding-bottom: 30px;
}

.navigation__dropdown-menu .sub-menu:before {
    position: absolute;
    display: block;
    height: 3px;
    top: 0;
    left: 20px;
    right: 20px;
    background-color: #1c987c
}

.navigation__dropdown-menu li {
    margin-bottom: 5px !important;
    width: 100%;
}

.navigation__dropdown-menu li:last-child {
    margin-bottom: 0 !important
}

.navigation__dropdown-menu li.menu-item-has-children:before {
    content: '';
    position: relative;
    display: none;
    height: 10px;
    cursor: pointer;
    top: -3px;
    right: 0;
    order: 2;
    width: 10px;
    bottom: 4px;
    background: url("../img/ard.svg") no-repeat center;
    pointer-events: none;
    transform: rotate(-90deg)
}

.navigation__dropdown-menu li.menu-item-has-children:hover a {
    color: #353535
}

.navigation__dropdown-menu li.menu-item-has-children:hover .sub-menu {
    z-index: 1000;
    pointer-events: auto;
    opacity: 1;
}

.navigation__dropdown-menu li.menu-item-has-children:hover .sub-menu a {
    color: #353535;
}

.navigation__dropdown-menu li.menu-item-has-children:hover .sub-menu a:hover {
    color: #1c987c
}

.navigation__dropdown-menu a {
    font-size: 16px;
    color: #353535;
    margin-bottom: 5px;
    pointer-events: none;
    width: 100%;
}

.navigation__dropdown-menu a:last-child {
    margin-bottom: 0
}

.navigation__dropdown-menu a:hover {
    color: #1c987c
}

.navigation--active {
    transform: translate3d(0,0,0);
    box-shadow: 0 5px 10px 1px rgba(0,0,0,0.25)
}

@media (min-width: 576px) {
    .navigation {
        width:400px;
        transform: translate3d(-400px,0,0)
    }

    .navigation--active {
        transform: translate3d(0,0,0)
    }
}

@media (min-width: 1200px) {
    .navigation {
        flex-direction:row;
        align-items: center;
        position: relative;
        z-index: 3;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        padding-left: calc((100% - 1140px) / 2);
        padding-right: calc((100% - 1140px) / 2);
        padding-top: 0;
        padding-bottom: 0;
        transform: translate3d(0,0,0);
        background-color: #01353e;
        box-shadow: none;
        height: 100px
    }

    .navigation li {
        width: auto;
        margin-bottom: 0;
        margin-right: 45px;
    }

    .navigation li:last-child {
        margin-right: 0
    }

    .navigation a {
        color: #fff;
    }

    .navigation a svg {
        stroke: #fff
    }

    .navigation a:hover {
        color: #1c987c;
    }

    .navigation a:hover svg {
        stroke: #1c987c
    }

    .navigation__dropdown a {
        pointer-events: auto;
    }

    .navigation__dropdown a.active {
        z-index: -1;
        pointer-events: none;
        opacity: 0
    }

    .navigation__dropdown-menu {
        width: auto;
        padding: 30px 60px;
        left: -60px;
        padding-right: 0;
    }

    .navigation__dropdown-menu:before {
        left: 60px;
        right: 60px
    }

    .navigation__dropdown-menu li {
        margin-right: 0;
        display: flex;
        align-items: center;
        width: 100%;
        padding-right: 60px;
    }

    .navigation__dropdown-menu li.menu-item-has-children:before {
        display: block
    }

    .navigation__dropdown-menu a {
        color: #353535;
        white-space: nowrap;
        pointer-events: none
    }

    .navigation__dropdown-menu:hover a {
        pointer-events: auto
    }

    .navigation__move {
        margin-right: 30px;
        margin-left: auto
    }

    .navigation--home {
        position: absolute;
        background-color: transparent;
        top: 60px
    }
}

.home {
    background: url("../img/bg.jpg") no-repeat center/auto 100%;
    background-position: center left -550px;
}

.home__content {
    width: 100%;
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 0 40px
}

.home__title {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #fff;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px
}

.home__text {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: auto
}

.home__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 0 auto;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
}

.home__btn:hover {
    background-color: #eee;
    color: #43b063
}

.home__btn--yellow:hover {
    background-color: #fcbf1c;
    color: #000
}

.home__stat {
    display: none
}

@media (min-width: 768px) {
    .home {
        background:url("../img/bg.jpg") no-repeat center center/cover
    }

    .home__content {
        padding: 90px 0;
        justify-content: flex-start;
        height: auto
    }

    .home__title {
        font-size: 40px;
        line-height: 50px
    }

    .home__text {
        font-size: 20px;
        margin-bottom: 0
    }

    .home__btn {
        margin: 50px 0 0
    }

    .home__stat {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 90px;
        width: 100%;
    }

    .home__stat li {
        width: auto;
        position: relative;
        padding-right: 65px;
        margin-right: 65px;
    }

    .home__stat li:before {
        content: '';
        width: 3px;
        height: 56px;
        display: block;
        position: absolute;
        right: -1px;
        top: 50%;
        margin-top: -28px;
        background-color: #1a846c;
        border-radius: 2px
    }

    .home__stat li:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .home__stat li:nth-child(2) p {
        margin-left: 15px
    }

    .home__stat li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .home__stat li:last-child:before {
        display: none
    }

    .home__stat span {
        font-size: 42px;
        color: #fff
    }

    .home__stat p {
        margin-bottom: 0;
        color: #fff;
        font-size: 17px;
        text-align: left
    }

}

@media (min-width: 992px) {
    .home__title {
        width:690px
    }

    .home__stat li {
        padding-right: 120px;
        margin-right: 120px;
    }

    .home__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .home__content {
        height:calc(100vh - 60px);
        min-height: 750px;
        padding: 150px 0 100px
    }

    .home__title {
        font-size: 40px;
        line-height: 55px;
        width: 780px
    }

    .home__text {
        font-size: 24px
    }

    .home__btn {
        width: 260px;
        height: 60px;
        font-size: 20px
    }

    .home__stat {
        margin-top: auto;
    }

    .home__stat li {
        padding-right: 125px;
        margin-right: 125px;
    }

    .home__stat li:nth-child(2) p {
        margin-left: 5px
    }

    .home__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .home__stat span {
        font-size: 66px
    }

    .home__stat p {
        font-size: 21px;
        line-height: 29px
    }
}

@media (min-width: 1900px) {
    .home__title {
        font-size:50px;
        line-height: 65px
    }
}

.pagehead__content {
    width: 100%;
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 0 40px
}

.pagehead__title {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #fff;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px
}

.pagehead__text {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: auto
}

.pagehead__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 0 auto;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
}

.pagehead__btn:hover {
    background-color: #fcbf1c;
    color: #000
}

@media (min-width: 768px) {
    .pagehead__content {
        padding:90px 0;
        justify-content: flex-start;
        height: auto
    }

    .pagehead__title {
        font-size: 40px;
        line-height: 50px
    }

    .pagehead__text {
        font-size: 17px;
        margin-bottom: 0
    }

    .pagehead__btn {
        margin: 50px 0 0
    }
}

@media (min-width: 992px) {
    .pagehead__title {
        width:690px
    }

    .pagehead__text {
        width: 440px
    }
}

@media (min-width: 1200px) {
    .pagehead__content {
        height:calc(100vh - 220px);
        min-height: 530px;
        padding: 40px 0 0
    }

    .pagehead__title {
        font-size: 40px;
        line-height: 55px;
        width: 780px
    }

    .pagehead__btn {
        width: 260px;
        height: 60px;
        font-size: 20px
    }
}

@media (min-width: 1900px) {
    .pagehead__title {
        font-size:50px;
        line-height: 65px
    }
}

.singlehead__content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px 0;
}

.singlehead__content--2 {
    padding-top: 0
}

.singlehead__content--odp1 {
    display: none
}

.singlehead__title {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px
}

.singlehead__text {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0
}

.singlehead__img {
    position: relative;
    display: block;
    width: 100%;
}

.singlehead__img:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    right: 0;
    height: 290px;
    top: 50%;
    margin-top: -145px;
    border-radius: 8px;
    background-color: #43b063
}

.singlehead__img img {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    display: block
}

.singlehead__img--mob {
    margin-top: 30px
}

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

    .singlehead__content--1 {
        padding-bottom: 50px
    }

    .singlehead__content--2 {
        padding-top: 0
    }

    .singlehead__title {
        font-size: 40px;
        line-height: 50px
    }

    .singlehead__text {
        font-size: 17px
    }
}

@media (min-width: 992px) {
    .singlehead__content {
        padding:90px 0;
    }

    .singlehead__content--odp1 {
        display: flex
    }

    .singlehead__img--mob {
        display: none
    }
}

@media (min-width: 1200px) {
    .singlehead__content {
        height:calc(100vh - 120px);
        min-height: 700px;
    }

    .singlehead__content--1 {
        padding: 0;
        justify-content: center
    }

    .singlehead__title {
        font-size: 40px;
        line-height: 55px
    }

    .singlehead__text {
        padding-right: 120px
    }
}

@media (min-width: 1900px) {
    .singlehead__title {
        font-size:50px;
        line-height: 65px
    }
}

.prt__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
    position: relative;
    background-color: #f6f6f6;
    padding: 30px 0;
}

.prt__title h2 b {
    color: #43b063;
    font-weight: normal
}

.prt__title h2:before,.prt__title h2:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    top: 0;
    width: 15px;
    background-color: #f6f6f6;
    pointer-events: none;
    z-index: 1
}

.prt__title h2:before {
    right: 100%
}

.prt__title h2:after {
    left: 100%
}

.prt__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.prt__title ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prt__title ul li {
    width: 200px;
    margin-top: 40px
}

.prt__title ul span {
    width: 200px;
    height: 60px;
    background-color: #fcbf1d;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: center;
}

.prt__title ul span b {
    font-family: 'montserrat-bold';
    font-weight: normal;
    font-size: 24px
}

.prt__title ul p {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    line-height: 21px
}

.prt__slider {
    position: relative;
    margin-top: 30px;
    width: 100%;
    display: none;
}

.prt__slider .lslide,.prt__slider .clone {
    padding: 0;
}

.prt__slider .lslide img,.prt__slider .clone img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    max-height: 320px
}

.prt__slider .lSPager li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    padding: 5px;
    border: 0 solid transparent;
    border-top: 4px solid transparent;
    transition: .4s ease;
    background-color: #fff;
    margin-bottom: 20px;
    height: 130px;
}

.prt__slider .lSPager li.active {
    border-color: transparent;
    border-radius: 0 !important;
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15);
    border-color: #1a846c
}

.prt__slider .lSPager a {
    padding: 5px;
    display: block
}

.prt__slider .lSPager img {
    width: auto;
    max-width: 100%;
    max-height: 80px
}

.prt__slider--mob {
    display: block
}

.prt__slider-list {
    margin-bottom: 20px;
}

.prt__slider-list li {
    overflow: hidden
}

@media (min-width: 576px) {
    .prt__title h2:before,.prt__title h2:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .prt__slider {
        width:500px;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .prt__slider .lslide img,.prt__slider .clone img {
        max-height: 400px
    }

    .prt__title h2 {
        font-size: 32px;
    }

    .prt__title h2:before,.prt__title h2:after {
        width: calc((100vw - 690px) / 2)
    }

    .prt__title p {
        margin-top: 35px;
        font-size: 16px;
        line-height: 21px
    }

    .prt__title ul {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }
}

@media (min-width: 992px) {
    .prt__slider {
        width:100%;
        margin-bottom: 0;
    }

    .prt__slider--mob {
        display: none
    }

    .prt__slider--desk {
        display: block
    }

    .prt__slider .lslide img,.prt__slider .clone img {
        max-height: 500px
    }

    .prt__title h2 {
        height: 200px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
    }

    .prt__title h2:before,.prt__title h2:after {
        display: none
    }

    .prt__title p {
        margin-top: 40px
    }

    .prt__title ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .prt__title ul li {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .prt__title ul li p {
        margin-bottom: 0;
        margin-left: 40px;
        margin-top: 0;
        width: 200px
    }

    .prt__title .section__btn {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .prt__slider {
        padding-right:30px;
        margin-top: 100px;
    }

    .prt__slider .lslide img,.prt__slider .clone img {
        max-height: 600px
    }

    .prt__title {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .prt__title h2 {
        height: 270px;
        font-size: 36px
    }

    .prt__title p {
        margin-top: 50px;
        font-size: 17px;
        line-height: 21px
    }

    .prt__title ul {
        margin-bottom: 60px;
    }

    .prt__title ul li p {
        width: 220px
    }

    .prt__title .section__btn {
        margin-left: 0;
        margin-bottom: 20px;
        margin-top: auto
    }
}

.section {
    padding: 50px 0 70px;
}

.section--steps {
    background: url("../img/steps/bg.jpg") no-repeat center/cover
}

.section--equip {
    background-color: #ebf5f3;
    padding: 10px 0 70px
}

.section--equip2 {
    padding: 50px 0 70px;
    overflow: hidden;
}

.section--equip2 .section__title {
    margin-bottom: 0;
}

.section--equip2 .section__title p {
    margin-bottom: 0
}

.section--grey {
    background-color: #f6f6f6
}

.section--first {
    padding: 40px 0 70px
}

.section--green {
    background-color: #ebf5f3
}

.section--green2 {
    background-color: #00343d
}

.section--pb0 {
    padding-bottom: 0
}

.section--pb0m {
    padding-bottom: 0
}

.section--design {
    padding-top: 0
}

.section--design2 {
    margin-bottom: 70px
}

.section--composition {
    padding-top: 0
}

.section--mt0 {
    padding-top: 0
}

.section--prt {
    padding-top: 0
}

.section__title {
    margin-bottom: 25px;
}

.section__title h1,.section__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
}

.section__title h1 b,.section__title h2 b {
    color: #43b063;
    font-weight: normal
}

.section__title h3 {
    font-size: 22px;
    margin-bottom: 0;
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
}

.section__title h3.sertit {
    font-size: 18px;
    margin-top: 10px
}

.section__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.section__title span {
    color: #000;
    font-size: 16px;
}

.section__title span b {
    font-weight: normal;
    font-family: 'montserrat-bold'
}

.section__title--white h2 {
    color: #fff
}

.section__title--white p {
    color: #fff
}

.section__title--white span {
    color: #fff
}

.section__title--sol1 {
    margin-top: 10px;
    margin-bottom: 0
}

.section__title--sol2 {
    margin-top: 50px;
    margin-bottom: 0
}

.section__title--2 {
    margin-bottom: 0;
    margin-top: 25px
}

.section__title--big h1 {
    font-size: 32px
}

.section__article h1,.section__article h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
    font-size: 24px;
}

.section__article h1 b,.section__article h2 b {
    color: #43b063;
    font-weight: normal
}

.section__article h1:last-child,.section__article h2:last-child {
    margin-bottom: 0
}

.section__article h3 {
    font-size: 22px
}

.section__article h4 {
    font-size: 20px
}

.section__article h5 {
    font-size: 18px
}

.section__article h6 {
    font-size: 16px
}

.section__article h3,.section__article h4,.section__article h5,.section__article h6 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
}

.section__article h3:last-child,.section__article h4:last-child,.section__article h5:last-child,.section__article h6:last-child {
    margin-bottom: 0
}

.section__article p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 25px;
}

.section__article p:last-child {
    margin-bottom: 0
}

.section__pretitle {
    margin-bottom: 0;
}

.section__pretitle h3 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
}

.section__pretitle h3 b {
    color: #43b063;
    font-weight: normal
}

.section__pretitle--mt {
    margin-top: 50px
}

.section__text {
    margin-bottom: 0;
    margin-top: 30px;
    color: #000;
    font-size: 15px;
    line-height: 20px
}

.section__more {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 30px auto 75px;
    background-color: #43b063;
    position: relative;
    border-radius: 4px;
    height: 58px;
    color: #fff;
    font-size: 18px;
}

.section__more span {
    color: #fff !important;
}

/*.section__more:after {
    content: 'Свернуть';
    position: absolute;
    color: transparent;
    transition: .4s ease;
    z-index: 2
}*/

.section__more svg {
    width: 20px;
    fill: #fff;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    left: 50%;
    margin-left: -10px;
    bottom: -8px;
}

.section__more svg rect {
    transition: .4s ease
}

.section__more span {
    position: relative;
    z-index: 3
}

.section__more:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: -20px;
    left: 50%;
    margin-left: -30px;
    background-color: #43b063;
    border-radius: 50%;
    z-index: 1
}

.section__more:hover {
    color: #fff
}

.section__more[aria-expanded="true"] .more-text {
    display: none;
}
.section__more[aria-expanded="false"] .less-text {
    display: none;
}

.section__more[aria-expanded="true"] svg rect:last-child {
    display: none;
}

.section__more[aria-expanded="true"]:after {
    color: #fff
}

.section__more--mb0 {
    margin-bottom: 0
}

.section__more__text {
    display: inline-block;
    margin-bottom: 40px;
	font-size: 20px;
    margin-top: 15px;
}
.section__more__text[aria-expanded="true"] .more-text {
    display: none;
}
.section__more__text[aria-expanded="false"] .less-text {
    display: none;
}
.section__more__text svg {
    margin-left: 10px;
    transform: scale(1.2);
    margin-top: -3px;
}
.section__more__text[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.section__tabs-nav {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.section__tabs-nav li {
    width: calc(50% - 10px)
}

.section__tabs-nav a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    background-color: transparent;
    color: #fff;
    border: 3px solid transparent;
    font-family: 'montserrat-bold';
    font-size: 13px;
    height: 60px;
    text-align: center;
}

.section__tabs-nav a span {
    font-size: 12px;
    font-family: 'montserrat-regular'
}

.section__tabs-nav a.green {
    background-color: #86c336;
    border-color: #86c336;
    box-shadow: 0 9px 20px 0 rgba(0,0,0,0.35);
    color: #fff;
}

.section__tabs-nav a.green.active {
    border-color: #86c336;
    color: #86c336;
    background-color: transparent;
    box-shadow: none;
    cursor: default
}

.section__tabs-nav a.blue {
    background-color: #005faf;
    border-color: #005faf;
    box-shadow: 0 9px 20px 0 rgba(0,0,0,0.35);
    color: #fff;
}

.section__tabs-nav a.blue.active {
    border-color: #005faf;
    color: #005faf;
    background-color: transparent;
    box-shadow: none;
    cursor: default
}

.section__product {
    margin-top: 30px;
}

.section__product img {
    width: 100%
}

.section__product-labels {
    margin-top: 40px;
}

.section__product-labels li {
    width: 270px;
    height: 86px;
    background-color: #fcbf1d;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    margin: 0 auto 20px;
}

.section__product-labels li span {
    font-size: 22px;
    text-align: center;
    width: 70px;
    line-height: 100%;
    margin-right: 30px;
}

.section__product-labels li span b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.section__product-labels li p {
    margin-bottom: 0;
    color: #000;
    font-size: 16px
}

.section__product-labels li:last-child {
    margin: 0 auto
}

.section__product-labels-desk {
    display: none
}

.section__file {
    margin-top: 10px;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
}

.section__file svg {
    width: 50px;
    height: auto;
    margin-right: 25px
}

.section__file:hover {
    color: #1a846c
}

.section__nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.section__nav button {
    display: block;
    height: 2px;
    width: 40px;
    border-radius: 2px;
    background-color: #b3b4b5;
    margin: 0 5px;
    transition: .4s ease;
}

.section__nav button:hover {
    background-color: #43b063
}

.section__nav button.active {
    background-color: #43b063
}

.section__link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    margin: 40px auto 0;
    width: 190px;
}

.section__link svg {
    stroke: #00b15e;
    height: auto;
    transition: .4s ease;
    margin-left: 10px
}

.section__link:hover {
    color: #04454d;
}

.section__link:hover svg {
    stroke: #04454d
}

.section__link--big {
    width: 290px
}

.section__link--more svg {
    width: 20px;
    margin-top: 1px
}

.section__link--down svg {
    margin-top: 2px
}

.section__note {
    display: none
}

.section__singleimg {
    position: relative;
    display: block;
    width: 100%;
}

.section__singleimg:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    right: 0;
    height: 190px;
    top: 50%;
    margin-top: -95px;
    border-radius: 8px;
    background-color: #1a846c
}

.section__singleimg img {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    display: block
}

.section__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 40px auto 0;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.section__btn:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.section__bg {
    position: relative;
    display: block;
    overflow: hidden;
    height: 300px;
    width: 100%;
}

.section__bg img {
    position: absolute;
    top: -99px;
    left: -99px;
    right: -99px;
    bottom: -99px;
    display: block;
    margin: auto;
    width: auto;
    height: 100%
}

@media (min-width: 360px) {
    .section__tabs-nav a {
        font-size:15px
    }
}

@media (min-width: 576px) {
    .section__tabs-nav li {
        width:calc(50% - 15px)
    }

    .section__tabs-nav a {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .section {
        padding:70px 0 90px
    }

    .section--equip {
        padding: 10px 0 70px
    }

    .section--equip2 {
        padding: 70px 0 90px;
    }

    .section--equip2 .section__title {
        margin-bottom: 0;
    }

    .section--equip2 .section__title p {
        margin-bottom: 0
    }

    .section--first {
        padding: 40px 0 90px
    }

    .section--pb0 {
        padding-bottom: 0
    }

    .section--design {
        padding-top: 0
    }

    .section--composition {
        padding-top: 0
    }

    .section--mt0 {
        padding-top: 0
    }

    .section--prt {
        padding-top: 0
    }

    .section--design2 {
        margin-bottom: 90px
    }

    .section__title {
        margin-bottom: 35px;
    }

    .section__title h1,.section__title h2 {
        font-size: 32px
    }

    .section__title h3 {
        font-size: 26px;
    }

    .section__title h3.sertit {
        font-size: 20px
    }

    .section__title p {
        margin-top: 35px;
        font-size: 16px;
        line-height: 21px
    }

    .section__title span {
        font-size: 18px
    }

    .section__title--center h2 {
        text-align: center
    }

    .section__title--center p {
        text-align: center
    }

    .section__title--sol1 {
        margin-top: 30px;
        margin-bottom: 0
    }

    .section__title--sol2 {
        margin-top: 70px;
        margin-bottom: 0
    }

    .section__title--2 {
        margin-bottom: 0;
        margin-top: 35px
    }

    .section__title--big h1 {
        font-size: 42px
    }

    .section__article h1,.section__article h2 {
        font-size: 32px
    }

    .section__article h3 {
        font-size: 26px
    }

    .section__article h4 {
        font-size: 24px
    }

    .section__article h5 {
        font-size: 20px
    }

    .section__article h6 {
        font-size: 18px
    }

    .section__article h1,.section__article h2,.section__article h3,.section__article h4,.section__article h5,.section__article h6 {
        margin-bottom: 30px;
    }

    .section__article h1:last-child,.section__article h2:last-child,.section__article h3:last-child,.section__article h4:last-child,.section__article h5:last-child,.section__article h6:last-child {
        margin-bottom: 0
    }

    .section__article p {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 22px;
    }

    .section__article p:last-child {
        margin-bottom: 0
    }

    .section__pretitle {
        margin-top: 30px;
    }

    .section__pretitle h3 {
        font-size: 24px
    }

    .section__pretitle--mt {
        margin-top: 70px
    }

    .section__text {
        font-size: 16px;
        line-height: 21px;
        margin-top: 40px;
        margin-bottom: 10px
    }

    .section__more {
        margin: 30px auto 115px;
    }

    .section__more--mb0 {
        margin-bottom: 0
    }

    .section__tabs-nav {
        margin-bottom: 20px;
    }

    .section__tabs-nav a {
        height: 80px;
        font-size: 20px;
    }

    .section__tabs-nav a span {
        font-size: 14px
    }

    .section__product {
        padding: 0 100px
    }

    .section__product-labels {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 50px;
    }

    .section__product-labels li {
        margin: 0 15px;
    }

    .section__product-labels li:last-child {
        margin: 0 15px
    }

    .section__nav {
        margin-top: 45px;
    }

    .section__nav button {
        width: 70px;
        height: 4px;
        margin: 0 10px
    }

    .section__link {
        font-size: 20px
    }

    .section__btn {
        margin: 70px auto 0
    }

    .section__bg {
        height: 400px
    }
}

@media (min-width: 992px) {
    .section--design {
        position:relative;
    }

    .section--design:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        height: 390px;
        background-color: #ebf5f3
    }

    .section--green2 {
        padding: 60px 0
    }

    .section--prt {
        position: relative;
    }

    .section--prt:before {
        content: '';
        position: absolute;
        z-index: 1;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        height: 200px;
        background-color: #f6f6f6
    }

    .section--prt .container {
        position: relative;
        z-index: 2
    }

    .section__title--1 {
        margin-bottom: 0
    }

    .section__title--2 {
        margin-top: 0;
        margin-bottom: 0
    }

    .section__title--single {
        margin-bottom: 0;
    }

    .section__title--single p {
        margin-bottom: 0
    }

    .section__more {
        width: 50%
    }

    .section__product {
        padding: 0;
        margin-top: 0
    }

    .section__product-labels {
        display: none
    }

    .section__product-labels-desk {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 60px;
    }

    .section__product-labels-desk li {
        width: 150px;
        margin-right: 60px;
    }

    .section__product-labels-desk li:last-child {
        margin-right: 0
    }

    .section__product-labels-desk span {
        width: 150px;
        height: 56px;
        background-color: #fcbf1d;
        border-radius: 4px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        text-align: center;
    }

    .section__product-labels-desk span b {
        font-family: 'montserrat-bold';
        font-weight: normal;
        font-size: 24px;
        margin-right: 5px
    }

    .section__product-labels-desk p {
        margin-bottom: 0;
        font-size: 16px;
        color: #000;
        margin-left: 15px;
        margin-top: 10px;
        line-height: 21px
    }

    .section__bg {
        height: 450px
    }
}

@media (min-width: 1200px) {
    .section {
        padding:90px 0 120px
    }

    .section--equip {
        padding: 20px 0 70px
    }

    .section--equip2 {
        padding: 90px 0 120px;
    }

    .section--equip2 .section__title {
        margin-bottom: 0;
    }

    .section--equip2 .section__title p {
        margin-bottom: 0
    }

    .section--first {
        padding: 40px 0 120px
    }

    .section--pb0 {
        padding-bottom: 0
    }

    .section--design {
        padding-top: 0
    }

    .section--green2 {
        padding: 50px 0 60px
    }

    .section--mt0 {
        padding-top: 0
    }

    .section--prt {
        padding-top: 0
    }

    .section--prt:before {
        height: 270px
    }

    .section--design2 {
        margin-bottom: 120px
    }

    .section__title {
        margin-bottom: 40px;
    }

    .section__title h1,.section__title h2 {
        font-size: 36px
    }

    .section__title h3 {
        font-size: 32px;
    }

    .section__title h3.sertit {
        font-size: 22px;
        margin-top: 0
    }

    .section__title p {
        margin-top: 40px;
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 50px;
        display: block;
    }

    .section__title p.al {
        text-align: left;
        padding: 0 65px
    }

    .section__title span {
        font-size: 20px
    }

    .section__title--product {
        margin-top: 50px;
        padding-left: 40px
    }

    .section__title--product2 {
        margin-top: 20px
    }

    .section__title--sol1 {
        margin-top: 0;
        margin-bottom: 0
    }

    .section__title--sol2 {
        margin-top: 70px;
        margin-bottom: 0
    }

    .section__title--1,.section__title--2 {
        margin-bottom: 0;
    }

    .section__title--1 p,.section__title--2 p {
        margin-bottom: 0;
        margin-top: 15px
    }

    .section__title--single {
        margin-bottom: 0;
    }

    .section__title--single p {
        margin-bottom: 0;
        padding-right: 100px
    }

    .section__title--big h1 {
        font-size: 40px
    }

    .section__article h1,.section__article h2 {
        font-size: 36px
    }

    .section__article h3 {
        font-size: 32px
    }

    .section__article h4 {
        font-size: 26px
    }

    .section__article h5 {
        font-size: 20px
    }

    .section__article h6 {
        font-size: 18px
    }

    .section__article p {
        font-size: 17px;
        line-height: 24px
    }

    .section__pretitle {
        margin-top: 20px;
    }

    .section__pretitle h3 {
        font-size: 28px;
        line-height: 100%
    }

    .section__pretitle--mt {
        margin-top: 70px
    }

    .section__text {
        font-size: 17px;
        line-height: 21px;
        margin-top: 50px;
        margin-bottom: 20px;
        width: 66%
    }

    .section__more {
        margin: 30px auto 150px;
        width: 70%;
        font-size: 20px;
    }

    .section__more--mb0 {
        margin-bottom: 0
    }

    .section__tabs-nav {
        margin-bottom: 30px;
    }

    .section__tabs-nav li {
        width: 488px
    }

    .section__tabs-nav a {
        height: 100px;
        font-size: 24px;
    }

    .section__tabs-nav a span {
        font-size: 17px
    }

    .section__product-labels-desk {
        margin-top: 80px;
        margin-left: 40px;
    }

    .section__product-labels-desk p {
        font-size: 17px
    }

    .section__nav {
        margin-top: 65px
    }

    .section__content div p {
        margin-bottom: 0
    }

    .section__note {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 94px;
        margin-top: 0;
        padding-left: 30px;
        font-size: 17px;
        color: #005faf;
        position: relative;
        margin-bottom: 50px;
        margin-top: 150px;
    }

    .section__note:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #005faf;
        width: 4px;
        border-radius: 2px
    }

    .section__singleimg {
        padding-top: 85px;
    }

    .section__singleimg:before {
        height: 290px;
        margin-top: 0;
        top: 15px
    }

    .section__bg {
        height: calc(100vh - 390px);
    }

    .section__bg img {
        position: relative;
        height: auto;
        width: 100%;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }

    .section__file {
        font-size: 17px;
        line-height: 25px
    }
}

@media (min-width: 1900px) {
    .section__title--big h1 {
        font-size:50px
    }
}

.product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
    border: 1px solid #e4e5e5;
    position: relative;
    overflow: hidden;
}

.product__img {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 10px;
}

.product__img img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.product__title {
    display: block;
    position: relative;
    width: 100%;
    height: 110px;
    font-size: 17px;
    color: #000;
    font-weight: normal;
    padding: 25px 90px 0;
}

.product__title:before {
    content: '';
    position: absolute;
    display: block;
    width: 72px;
    height: 4px;
    top: 0;
    left: 50%;
    margin-left: -36px;
    background-color: #fcbf1d;
    transition: .4s ease
}

.product__title--center {
    text-align: center;
    padding: 25px 25px 0
}

.product__icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 127px;
    width: 100%;
    padding-right: 50%;
}

.product__icons img {
    margin-left: 10px
}

.product__note {
    padding: 0 30px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px
}

.product:hover {
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15);
    border-color: transparent;
}

.product:hover .product__title:before {
    background-color: #1a846c
}

.product--pot {
    margin-top: 50px;
}

.product--pot .product__title {
    height: auto;
    padding: 0 30px;
    font-family: 'montserrat-bold';
}

.product--pot .product__title:before {
    display: none
}

.product--dop .product__img img {
    margin-top: -150px
}

@media (min-width: 576px) {
    .product__title {
        padding:25px 50px 0;
    }

    .product__title--center {
        padding: 25px 25px 0
    }

    .product--dop .product__img img {
        margin-top: -120px
    }
}

@media (min-width: 768px) {
    .product {
        margin-top:40px
    }

    .product__title {
        padding: 25px 80px 0;
    }

    .product__title--center {
        padding: 25px 25px 0
    }

    .product--dop .product__img img {
        margin-top: -150px
    }
}

@media (min-width: 1200px) {
    .product {
        margin-top:50px
    }

    .product__title {
        padding: 25px 90px 0;
        height: 100px;
    }

    .product__title--center {
        padding: 25px 25px 0
    }

    .product__icons {
        bottom: 117px
    }

    .product--pot {
        margin-top: 60px
    }
}

.design__content h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
}

.design__content h2 b {
    color: #43b063;
    font-weight: normal
}

.design__content p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px
}

.design__content ul {
    margin-bottom: 0;
    color: #1a846c;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px
}

.design__carousel {
    position: relative;
    padding-top: 40px;
    margin-top: 40px;
}

.design__carousel:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: -15px;
    right: -15px;
    height: 250px;
    background-color: #ebf5f3
}

.design__cta {
    margin-top: 50px;
}

.design__cta h3 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 22px;
    text-align: center;
    display: block
}

.design__cta a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px auto 0;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.design__cta a:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.design__cta--desk {
    display: none
}

@media (min-width: 576px) {
    .design__carousel:before {
        left:calc((100vw - 510px) / -2);
        right: calc((100vw - 510px) / -2);
        height: 300px
    }
}

@media (min-width: 768px) {
    .design__content h2 {
        font-size:32px;
        margin-bottom: 30px
    }

    .design__content p {
        font-size: 16px;
        line-height: 21px
    }

    .design__content ul {
        font-size: 16px;
        line-height: 21px
    }

    .design__carousel {
        padding-top: 20px;
        margin-top: 60px;
    }

    .design__carousel:before {
        left: calc((100vw - 690px) / -2);
        right: calc((100vw - 690px) / -2)
    }

    .design__cta {
        margin-top: 70px;
    }

    .design__cta h3 {
        font-size: 24px
    }

    .design__cta a {
        margin: 40px auto 0
    }
}

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

    .design__carousel:before {
        display: none
    }

    .design__cta--mob {
        display: none
    }

    .design__cta--desk {
        display: block
    }

    .design__cta h3 {
        text-align: left;
        font-size: 28px
    }

    .design__cta a {
        margin: 40px 0 0
    }

    .design__content {
        margin-top: 60px
    }
}

@media (min-width: 1200px) {
    .design__carousel {
        margin-top:50px
    }

    .design__cta {
        padding-left: 60px
    }

    .design__content {
        padding-left: 60px;
    }

    .design__content h2 {
        font-size: 36px
    }

    .design__content p {
        font-size: 17px;
        line-height: 21px
    }

    .design__content ul {
        font-size: 17px;
        line-height: 21px
    }

    .design__content a {
        margin: 40px 0 0
    }
}

.system {
    margin-top: 30px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.system__img img {
    width: 100%
}

.system__title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 30px 30px;
    width: 100%;
    border-left: 1px solid #e4e5e5;
    border-right: 1px solid #e4e5e5;
    border-bottom: 1px solid #e4e5e5;
}

.system__title h3 {
    margin-bottom: 0;
    font-size: 17px;
    text-align: left;
    color: #000;
    font-weight: normal
}

.system__title a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px auto 0;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.system__title a:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

@media (min-width: 1200px) {
    .system__title {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        padding: 30px;
    }

    .system__title a {
        margin: 0
    }
}

.back {
    background-color: #f6f6f6;
    padding: 30px 0;
    margin-bottom: 70px;
}

.back__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.back__content h3 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px
}

.back__content a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    width: 190px;
}

.back__content a svg {
    stroke: #00b15e;
    width: 20px;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    margin-top: 1px
}

.back__content a:hover {
    color: #04454d;
}

.back__content a:hover svg {
    stroke: #04454d
}

@media (min-width: 768px) {
    .back {
        margin-bottom:80px
    }

    .back__content {
        align-items: center;
    }

    .back__content h3 {
        font-size: 32px
    }

    .back__content a {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .back {
        margin-bottom:100px
    }

    .back__content h3 {
        font-size: 36px
    }
}

.text {
    padding: 50px 0;
    background-color: #f6f6f6;
}

.text__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
}

.text__title h2 span {
    color: #43b063
}

.text__title h3 {
    font-size: 22px;
    margin-bottom: 0;
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-top: 35px;
    margin-bottom: -5px
}

.text__title h4 {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.text__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.text__title--grey {
    padding: 50px 0;
    background-color: #f6f6f6;
    position: relative;
}

.text__title--grey:before,.text__title--grey:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #f6f6f6;
    top: 0;
    bottom: 0;
    width: 15px;
    pointer-events: none
}

.text__title--grey:before {
    right: 100%
}

.text__title--grey:after {
    left: 100%
}

.text__link {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    margin-top: 30px;
}

.text__link svg {
    stroke: #00b15e;
    transition: .4s ease;
    margin-left: 10px;
    margin-top: 2px
}

.text__link:hover {
    color: #04454d;
}

.text__link:hover svg {
    stroke: #04454d
}

.text__link[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.text--orange {
    background-color: #f5f2eb
}

@media (min-width: 576px) {
    .text__title--grey:before,.text__title--grey:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .text {
        padding:70px 0
    }

    .text__title h2 {
        font-size: 32px
    }

    .text__title h3 {
        font-size: 26px;
        margin-bottom: -10px
    }

    .text__title p {
        margin-top: 35px;
        font-size: 16px;
        line-height: 21px
    }

    .text__title--grey {
        padding: 70px 0;
    }

    .text__title--grey:before,.text__title--grey:after {
        width: calc((100vw - 690px) / 2)
    }

    .text__link {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .text__title--grey:before,.text__title--grey:after {
        width:calc((100vw - 930px) / 2)
    }
}

@media (min-width: 1200px) {
    .text {
        padding:0;
        background-color: transparent
    }

    .text__title {
        background-color: #f6f6f6;
        border-radius: 8px;
        margin-top: 90px;
        padding: 90px 70px;
    }

    .text__title h2 {
        font-size: 36px
    }

    .text__title h3 {
        font-size: 32px;
        margin-bottom: -10px;
        margin-top: 35px
    }

    .text__title p {
        font-size: 17px;
        line-height: 21px
    }

    .text__title--mt0 {
        margin-top: 0
    }

    .text__title--grey:before,.text__title--grey:after {
        display: none
    }

    .text__title--orange h2 {
        padding-right: 50px
    }

    .text__title--orange p {
        margin-top: 10px
    }

    .text--full {
        background-color: #f6f6f6
    }

    .text--mb {
        margin-bottom: 120px
    }

    .text--mt {
        margin-top: 120px
    }

    .text--orange .text__title {
        background-color: #f5f2eb
    }
}

@media (min-width: 1300px) {
    .text .container {
        max-width:1330px
    }

    .text__title {
        padding: 90px 150px;
    }

    .text__title--grey {
        padding: 90px 460px 90px 0;
        border-radius: 0;
    }

    .text__title--grey:before,.text__title--grey:after {
        display: block;
        width: 80px
    }
}

.about {
    background-color: #f5f2eb;
    padding: 40px 0;
}

.about__img {
    width: 100%
}

.about__text {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 40px;
}

.about__text b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

@media (min-width: 768px) {
    .about {
        padding:70px 0 90px
    }

    .about__text {
        font-size: 16px;
        line-height: 21px;
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .about__img {
        position:absolute;
        right: 15px
    }
}

@media (min-width: 1200px) {
    .about {
        padding:90px 0 120px
    }

    .about__text {
        font-size: 17px;
        line-height: 21px
    }

    .about__img {
        right: -70px;
        top: -70px;
        width: 700px
    }
}

.achievements {
    margin-top: 30px;
    border-radius: 4px;
    background-color: #f5f2eb;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 20px 0;
    height: 200px;
    width: 100%;
}

.achievements span {
    font-size: 32px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-bottom: 10px;
    display: block;
    line-height: 100%;
    color: #000
}

.achievements p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    word-wrap: break-word;
    width: 100%;
    color: #000;
}

.achievements p b {
    display: block;
    font-family: 'montserrat-bold';
    font-weight: normal;
    font-size: 16px
}

.achievements--green {
    background-color: #1a846c;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.achievements--green span {
    color: #fff
}

.achievements--green p {
    color: #fff
}

@media (min-width: 768px) {
    .achievements {
        height:260px;
        padding: 40px 40px 0
    }

    .achievements span {
        font-size: 46px;
        margin-bottom: 30px
    }

    .achievements p {
        font-size: 16px;
        line-height: 21px;
    }

    .achievements p b {
        font-size: 20px;
        margin-bottom: 5px
    }
}

@media (min-width: 1200px) {
    .achievements {
        height:310px;
        padding: 40px 60px 0
    }

    .achievements span {
        font-size: 70px
    }

    .achievements p {
        word-wrap: normal;
        font-size: 17px;
        line-height: 24px;
    }

    .achievements p b {
        font-size: 28px;
        margin-bottom: 10px
    }
}

.else {
    margin-top: 30px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 0 0;
    height: 200px;
    width: 100%;
}

.else span {
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    font-size: 17px
}

.else ul li {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 10px;
    background: url("../img/ch.svg") no-repeat left top 5px;
}

.else ul li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .else {
        height:260px;
        padding: 55px 20px 0
    }

    .else span {
        font-size: 18px
    }

    .else ul li {
        font-size: 16px;
        line-height: 21px;
        background-size: 12px auto
    }
}

@media (min-width: 1200px) {
    .else {
        height:310px;
        padding: 75px 20px 0
    }

    .else span {
        font-size: 24px;
        margin-bottom: 20px
    }

    .else ul li {
        font-size: 17px;
        line-height: 24px;
        padding-left: 40px;
        background-size: 20px auto;
        background-position: left top 10px;
        margin-bottom: 15px;
    }

    .else ul li:last-child {
        margin-bottom: 0
    }
}

.accordion2__title {
    padding: 30px 20px;
    border-radius: 4px;
    background-color: #f6f6f6;
}

.accordion2__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
    font-size: 24px;
}

.accordion2__title h2 span {
    color: #43b063
}

.accordion2__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px
}

.accordion2__card {
    border-bottom: 1px solid #b7b8b9;
    width: 100%
}

.accordion2__btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    text-align: left;
    width: 100%;
}

.accordion2__btn span {
    display: block;
    width: calc(100% - 40px);
    font-size: 16px;
    color: #000
}

.accordion2__btn svg {
    transition: .4s ease
}

.accordion2__btn[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion2__content {
    padding: 20px 20px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.accordion2__content .open-img {
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #b7b8b9;
    margin-right: 20px;
}

.accordion2__content .open-img:before {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url("../img/plus.svg") no-repeat center #fff;
    border: 2px solid #43b063;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    transition: .4s ease
}

.accordion2__content .open-img img {
    width: 180px
}

.accordion2__content .open-img:last-child {
    margin-right: 0
}

.accordion2__content .open-img:hover:before {
    transform: rotate(180deg)
}

.accordion2__content--2 {
    padding: 20px 0 0
}

.accordion2__odp {
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

.accordion2__odp ul {
    margin-bottom: 20px;
}

.accordion2__odp ul:last-child {
    margin-bottom: 0
}

.accordion2__odp ul li {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

.accordion2__odp ul li:last-child {
    margin-bottom: 0
}

.accordion2__odp p {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
}

.accordion2__odp p b {
    font-weight: normal;
    font-family: 'montserrat-bold'
}

.accordion2__odp p:last-child {
    margin-bottom: 0
}

.accordion2__odp table {
    width: 100%;
}

.accordion2__odp table td {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #b7b8b9;
}

.accordion2__odp table td:first-child {
    padding: 10px 20px 10px 0
}

.accordion2__odp table tr:last-child td {
    border-bottom: 0
}

.accordion2__odp-wrap {
    margin: 30px 0 -20px;
}

.accordion2__odp-wrap p {
    margin-bottom: 20px !important
}

.accordion2--odp .accordion2__title {
    padding: 30px 0;
    position: relative;
}

.accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    background-color: #f6f6f6;
    top: 0;
    bottom: 0
}

.accordion2--odp .accordion2__title:before {
    right: 100%
}

.accordion2--odp .accordion2__title:after {
    left: 100%
}

.accordion2--odp .accordion2__btn {
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding: 20px 0;
    background-color: #f6f6f6;
    position: relative;
}

.accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    background-color: #f6f6f6;
    top: 0;
    bottom: 0
}

.accordion2--odp .accordion2__btn:before {
    right: 100%
}

.accordion2--odp .accordion2__btn:after {
    left: 100%
}

@media (min-width: 576px) {
    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        width:calc((100vw - 510px) / 2)
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        width: calc((100vw - 510px) / 2)
    }

    .accordion2__content--2 {
        padding: 0
    }
}

@media (min-width: 768px) {
    .accordion2__title {
        padding:30px;
    }

    .accordion2__title h2 {
        font-size: 32px
    }

    .accordion2__title p {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__btn {
        height: 110px
    }

    .accordion2__content .open-img img {
        width: 220px
    }

    .accordion2__odp ul li {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__odp p {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__odp table td {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__odp-wrap {
        position: relative;
        margin: 30px 0;
    }

    .accordion2__odp-wrap:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        bottom: 0;
        width: 1px;
        height: auto;
        background-color: #b7b8b9;
        left: 50%
    }

    .accordion2__odp-wrap p {
        margin-bottom: 0 !important
    }

    .accordion2__odp-wrap .col-12:nth-child(odd) {
        margin-top: 30px;
    }

    .accordion2__odp-wrap .col-12:nth-child(odd) p {
        padding-right: 75px
    }

    .accordion2__odp-wrap .col-12:nth-child(even) {
        margin-top: 30px;
    }

    .accordion2__odp-wrap .col-12:nth-child(even) p {
        padding-left: 75px
    }

    .accordion2__odp-wrap .col-12:first-child,.accordion2__odp-wrap .col-12:nth-child(2) {
        margin-top: 0
    }

    .accordion2--odp .accordion2__btn {
        height: 70px;
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        width: calc((100vw - 690px) / 2)
    }

    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        width: calc((100vw - 690px) / 2)
    }
}

@media (min-width: 992px) {
    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        width:calc((100vw - 930px) / 2)
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        width: calc((100vw - 930px) / 2)
    }
}

@media (min-width: 1200px) {
    .accordion2__title {
        padding:50px 70px 50px;
    }

    .accordion2__title h2 {
        font-size: 36px
    }

    .accordion2__title p {
        font-size: 17px;
        line-height: 21px;
        display: block
    }

    .accordion2__btn {
        padding: 0 70px;
    }

    .accordion2__btn span {
        width: calc(100% - 300px);
        font-size: 20px
    }

    .accordion2__content {
        padding: 20px 70px;
    }

    .accordion2__content .open-img {
        margin-right: 60px
    }

    .accordion2__content--2 {
        padding: 20px 0 0
    }

    .accordion2__odp {
        margin-bottom: 25px;
        position: relative;
        margin-top: 0;
    }

    .accordion2__odp table td {
        font-size: 17px;
        line-height: 21px;
        padding: 15px 0;
    }

    .accordion2__odp table td:first-child {
        padding: 15px 20px 15px 0
    }

    .accordion2__odp ul {
        margin-bottom: 25px;
    }

    .accordion2__odp ul li {
        font-size: 17px;
        line-height: 21px
    }

    .accordion2__odp ul:last-child {
        margin-bottom: 0
    }

    .accordion2__odp p {
        margin-bottom: 25px;
        font-size: 17px;
        line-height: 21px;
    }

    .accordion2__odp p:last-child {
        margin-bottom: 0
    }

    .accordion2--odp {
        position: relative;
        padding-bottom: 40px;
        background-color: #f6f6f6;
    }

    .accordion2--odp:before,.accordion2--odp:after {
        content: '';
        position: absolute;
        display: block;
        width: 80px;
        background-color: #f6f6f6;
        top: 0;
        bottom: 0
    }

    .accordion2--odp:before {
        right: 100%;
        border-radius: 8px 0 0 8px
    }

    .accordion2--odp:after {
        border-radius: 0 8px 8px 0;
        left: 100%
    }

    .accordion2--odp .accordion2__odp {
        background-color: #fff;
        margin-bottom: 0;
        padding-bottom: 25px;
        padding-top: 25px
    }

    .accordion2--odp .accordion2__title {
        margin-top: 90px;
        padding: 50px 0 50px;
    }

    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        display: none
    }

    .accordion2--odp .accordion2__btn {
        height: 70px;
        padding: 0 20px 0 0;
    }

    .accordion2--odp .accordion2__btn span {
        font-size: 17px
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        display: none
    }

    .accordion2--odp .accordion2__card {
        position: relative;
    }

    .accordion2--odp .accordion2__card:before,.accordion2--odp .accordion2__card:after {
        content: '';
        position: absolute;
        display: block;
        width: 80px;
        background-color: #fff;
        z-index: 1;
        top: 70px;
        bottom: 0;
        transition: .4s ease
    }

    .accordion2--odp .accordion2__card:before {
        right: 100%
    }

    .accordion2--odp .accordion2__card:after {
        left: 100%
    }

    .accordion2--odp .accordion2__card .accordion2__content--2 {
        background-color: #fff
    }

    .accordion2--odp .accordion2__card:last-child {
        border-bottom: none
    }
}

.accordion3 {
    margin-top: 30px;
}

.accordion3__card {
    width: 100%;
}

.accordion3__card:last-child .accordion3__content {
    padding: 20px 0 0
}

.accordion3__btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%;
    height: 70px;
    position: relative;
}

.accordion3__btn:before {
    content: '';
    position: absolute;
    display: block;
    width: 170px;
    height: 2px;
    left: 0;
    top: 0;
    background-color: #b3b4b5;
    transition: .4s ease
}

.accordion3__btn span {
    display: block;
    width: calc(100% - 40px);
    font-size: 16px;
    color: #b3b4b5;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    transition: .4s ease
}

.accordion3__btn svg {
    transition: .4s ease
}

.accordion3__btn--green[aria-expanded="true"]:before {
    background-color: #43b063
}

.accordion3__btn--green[aria-expanded="true"] span {
    color: #43b063
}

.accordion3__btn--green[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__btn--yellow[aria-expanded="true"]:before {
    background-color: #fcbf1d
}

.accordion3__btn--yellow[aria-expanded="true"] span {
    color: #fcbf1d
}

.accordion3__btn--yellow[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__btn--blue[aria-expanded="true"]:before {
    background-color: #005faf
}

.accordion3__btn--blue[aria-expanded="true"] span {
    color: #005faf
}

.accordion3__btn--blue[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__btn--purple[aria-expanded="true"]:before {
    background-color: #ac48a4
}

.accordion3__btn--purple[aria-expanded="true"] span {
    color: #ac48a4
}

.accordion3__btn--purple[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__content {
    padding: 20px 0 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.accordion3__content li {
    padding: 0 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.accordion3__content li:last-child {
    margin-bottom: 0
}

.accordion3__content li:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 7px;
    left: 0
}

.accordion3__content--green li:before {
    background-color: #43b063
}

.accordion3__content--yellow li:before {
    background-color: #fcbf1d
}

.accordion3__content--blue li:before {
    background-color: #005faf
}

.accordion3__content--purple li:before {
    background-color: #ac48a4
}

@media (min-width: 1200px) {
    .accordion3 {
        display:none
    }
}

.tabs {
    display: none;
}

.tabs__content--2 {
    padding: 20px 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.tabs__content--2 li {
    padding: 0 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.tabs__content--2 li:last-child {
    margin-bottom: 0
}

.tabs__content--2 li:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 7px;
    left: 0
}

.tabs__content--green li:before {
    background-color: #43b063
}

.tabs__content--yellow li:before {
    background-color: #fcbf1d
}

.tabs__content--blue li:before {
    background-color: #005faf
}

.tabs__content--purple li:before {
    background-color: #ac48a4
}

.tabs__nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.tabs__nav li {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 60px;
    position: relative;
}

.tabs__nav li:last-child {
    margin-right: 0
}

.tabs__nav a {
    font-size: 24px;
    color: #b3b4b5;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    line-height: 100%;
    padding-top: 40px;
}

.tabs__nav a:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    transition: .4s ease
}

.tabs__nav a.green.active {
    color: #43b063;
}

.tabs__nav a.green.active:before {
    background-color: #43b063
}

.tabs__nav a.green:hover {
    color: #43b063
}

.tabs__nav a.yellow.active {
    color: #fcbf1d;
}

.tabs__nav a.yellow.active:before {
    background-color: #fcbf1d
}

.tabs__nav a.yellow:hover {
    color: #fcbf1d
}

.tabs__nav a.blue.active {
    color: #005faf;
}

.tabs__nav a.blue.active:before {
    background-color: #005faf
}

.tabs__nav a.blue:hover {
    color: #005faf
}

.tabs__nav a.purple.active {
    color: #ac48a4;
}

.tabs__nav a.purple.active:before {
    background-color: #ac48a4
}

.tabs__nav a.purple:hover {
    color: #ac48a4
}

.tabs--mob {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 30px;
    background-color: #fff;
    padding-bottom: 50px;
}

.tabs--mob:before,.tabs--mob:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    top: 0;
    width: 15px;
    background-color: #fff;
    pointer-events: none;
    z-index: 1
}

.tabs--mob:before {
    right: 100%
}

.tabs--mob:after {
    left: 100%
}

.tabs--mob .opti {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    color: #005faf;
    margin-bottom: 20px;
    padding-right: 35px;
    position: relative;
}

.tabs--mob .opti:before {
    content: '+';
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 16px;
    border-radius: 50%;
    border: 1px solid #005faf;
    right: 0;
    color: #005faf;
    transition: .4s ease
}

.tabs--mob .opti:after {
    content: '—';
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 50%;
    right: 0;
    color: #005faf;
    opacity: 0;
    transition: .4s ease
}

.tabs--mob .opti[aria-expanded="true"]:before {
    color: transparent
}

.tabs--mob .opti[aria-expanded="true"]:after {
    opacity: 1
}

.tabs--mob .tabs__nav {
    margin-bottom: 20px;
}

.tabs--mob .tabs__nav a {
    font-size: 20px;
    padding-top: 30px
}

.tabs--mob .tabs__nav li:last-child {
    display: none
}

.tabs--mob .tabs__content {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.tabs--mob .tabs__content li {
    padding: 0 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.tabs--mob .tabs__content li:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 7px;
    left: 0
}

.tabs--mob .tabs__content--green li:before {
    background-color: #43b063
}

.tabs--mob .tabs__content--yellow li:before {
    background-color: #fcbf1d
}

.tabs--mob .tabs__content--blue li:before {
    background-color: #005faf
}

.tabs--mob .tabs__content--purple li:before {
    background-color: #ac48a4
}

.tabs--mob .tabs__content:last-child {
    padding-bottom: 20px
}

.tabs--mob .accordion2__btn {
    padding: 20px 0;
}

.tabs--mob .accordion2__btn span {
    font-family: 'montserrat-bold';
    font-size: 16px
}

@media (min-width: 576px) {
    .tabs--mob:before,.tabs--mob:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .tabs--mob {
        padding-bottom:70px;
    }

    .tabs--mob:before,.tabs--mob:after {
        width: calc((100vw - 690px) / 2)
    }

    .tabs--mob .tabs__nav li:last-child {
        display: inline-flex
    }
}

@media (min-width: 992px) {
    .tabs--mob:before,.tabs--mob:after {
        width:calc((100vw - 930px) / 2)
    }
}

@media (min-width: 1200px) {
    .tabs {
        display:block;
        position: relative;
        width: 100%;
        margin-top: 20px;
        background-color: #fff
    }

    .tabs--mob {
        padding-bottom: 80px;
        margin-bottom: 90px;
    }

    .tabs--mob .opti {
        margin-left: 230px;
        font-size: 17px
    }

    .tabs--mob .accordion2__btn span {
        font-size: 20px;
        width: 200px
    }

    .tabs--mob .tabs__nav {
        margin-bottom: 30px;
    }

    .tabs--mob .tabs__nav a {
        padding-top: 40px;
        font-size: 24px
    }

    .tabs--mob .tabs__content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
        padding-left: 200px;
        padding-right: 100px;
        z-index: 1;
    }

    .tabs--mob .tabs__content li {
        padding: 0 30px 0 80px;
        width: 50%;
        position: relative;
        margin-bottom: 20px;
        font-size: 17px;
        line-height: 28px;
        color: #000;
        margin-top: 0;
    }

    .tabs--mob .tabs__content li:after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 36px;
        left: -1px;
        background-color: #dededf;
        top: 9px
    }

    .tabs--mob .tabs__content li:last-child {
        margin-bottom: 20px
    }

    .tabs--mob .tabs__content li:before {
        content: '';
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        top: 9px;
        left: 50px
    }

    .tabs--mob .tabs__content li:nth-child(3n+2) {
        width: 50%;
        padding: 0 30px 0 80px;
    }

    .tabs--mob .tabs__content li:nth-child(3n+2):before {
        left: 50px
    }

    .tabs--mob .tabs__content li:nth-child(3n+2):after {
        display: block
    }

    .tabs--mob .tabs__content li:nth-child(3n+3) {
        padding: 0 30px 0 80px;
    }

    .tabs--mob .tabs__content li:nth-child(3n+3):before {
        left: 50px
    }

    .tabs--mob .tabs__content li:nth-child(2n-1) {
        padding: 0 100px 0 30px;
    }

    .tabs--mob .tabs__content li:nth-child(2n-1):before {
        left: 0
    }

    .tabs--mob .tabs__content li:nth-child(2n-1):after {
        display: none
    }

    .tabs:before,.tabs:after {
        content: '';
        position: absolute;
        display: block;
        bottom: 0;
        top: 0;
        width: 80px;
        background-color: #fff;
        pointer-events: none;
        z-index: 1
    }

    .tabs:before {
        right: 100%
    }

    .tabs:after {
        left: 100%
    }

    .tabs:before {
        border-radius: 8px 0 0 8px
    }

    .tabs:after {
        border-radius: 0 8px 8px 0
    }

    .tabs__content {
        padding: 0 0 70px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
    }

    .tabs__content li {
        padding: 0 100px 0 30px;
        width: 28%;
        position: relative;
        margin-bottom: 15px;
        font-size: 17px;
        line-height: 28px;
        color: #000;
        margin-top: 70px;
    }

    .tabs__content li:last-child {
        margin-bottom: 0
    }

    .tabs__content li:before {
        content: '';
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        top: 9px;
        left: 0
    }

    .tabs__content li:nth-child(3n+2) {
        width: 44%;
        padding-left: 130px;
        padding-right: 80px;
    }

    .tabs__content li:nth-child(3n+2):before {
        left: 80px
    }

    .tabs__content li:nth-child(3n+2):after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 36px;
        left: -1px;
        background-color: #dededf;
        top: 9px
    }

    .tabs__content li:nth-child(3n+3) {
        padding-left: 110px;
        padding-right: 0;
    }

    .tabs__content li:nth-child(3n+3):before {
        left: 80px
    }

    .tabs__content li:nth-child(3n+3):after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 36px;
        left: -1px;
        background-color: #dededf;
        top: 9px
    }

    .tabs__content--2 {
        padding-bottom: 0;
    }

    .tabs__content--2 li {
        margin-top: 40px
    }

    .tabs__content--green li:before {
        background-color: #43b063
    }

    .tabs__content--yellow li:before {
        background-color: #fcbf1d
    }

    .tabs__content--blue li:before {
        background-color: #005faf
    }

    .tabs__content--purple li:before {
        background-color: #ac48a4
    }
}

.accordion4__card {
    width: 100%;
    margin-top: 30px;
}

.accordion4__card:last-child .accordion4__content {
    padding: 20px 0 0
}

.accordion4__btn {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    padding: 20px 0 15px;
    background-color: #14454d;
    position: relative;
}

.accordion4__btn:before,.accordion4__btn:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #14454d;
    top: 0;
    bottom: 0;
    width: 15px;
    pointer-events: none
}

.accordion4__btn:before {
    right: 100%
}

.accordion4__btn:after {
    left: 100%
}

.accordion4__btn span {
    display: block;
    font-size: 20px;
    color: #fff;
    font-family: 'montserrat-bold'
}

.accordion4__btn p {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 15px
}

.accordion4__btn svg {
    transition: .4s ease;
    margin: 0 auto
}

.accordion4__btn[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion4__content {
    padding: 20px 0 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

@media (min-width: 576px) {
    .accordion4__btn:before,.accordion4__btn:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .accordion4 {
        margin-top:-30px
    }

    .accordion4__btn {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 0;
        min-height: 130px;
    }

    .accordion4__btn:before,.accordion4__btn:after {
        width: calc((100vw - 690px) / 2)
    }

    .accordion4__btn span {
        font-size: 26px;
        width: 150px
    }

    .accordion4__btn p {
        margin: 0;
        width: calc(100% - 250px);
        font-size: 16px;
        line-height: 21px
    }

    .accordion4__btn svg {
        margin: 0 0 0 auto
    }
}

@media (min-width: 992px) {
    .accordion4__btn {
        padding:20px 60px;
    }

    .accordion4__btn:before {
        width: 15px;
        border-radius: 10px 0 0 10px
    }

    .accordion4__btn:after {
        width: 15px;
        border-radius: 0 10px 10px 0
    }

    .accordion4__btn span {
        font-size: 36px;
        width: 220px
    }

    .accordion4__btn p {
        width: calc(100% - 320px);
        font-size: 17px
    }
}

.brands {
    background-color: #00343d;
    padding: 50px 0;
    background: url("../img/brands-mob.png") no-repeat center top 160px/cover #00343d;
}

.brands .section__title {
    margin-bottom: 50px
}

.brands__stat {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.brands__stat li {
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative;
    width: 190px;
}

.brands__stat li:before {
    content: '';
    width: 56px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -28px;
    background-color: #fff;
    border-radius: 2px
}

.brands__stat li:last-child {
    padding-bottom: 0;
}

.brands__stat li:last-child:before {
    display: none
}

.brands__stat li:first-child {
    margin-top: 50px
}

.brands__stat span {
    font-size: 42px;
    color: #fff
}

.brands__stat p {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
    text-align: left
}

@media (min-width: 768px) {
    .brands {
        padding:0;
        background: url("../img/brands-desk.jpg") no-repeat center top 195px/cover #00343d
    }

    .brands .section__title {
        margin-bottom: 60px;
        margin-top: 60px
    }

    .brands__stat {
        flex-direction: row;
        margin-top: 60px;
        margin-bottom: 60px;
        width: 100%;
    }

    .brands__stat li {
        width: auto;
        padding-right: 60px;
        margin-right: 60px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .brands__stat li:before {
        width: 3px;
        height: 56px;
        right: -1px;
        top: 50%;
        bottom: auto;
        left: auto;
        margin-left: 0;
        margin-top: -28px
    }

    .brands__stat li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .brands__stat li:last-child:before {
        display: none
    }

    .brands__stat li:first-child {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .brands__stat li {
        padding-right:100px;
        margin-right: 100px;
    }

    .brands__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .brands {
        background-position:center top 200px
    }

    .brands__stat li {
        padding-right: 120px;
        margin-right: 120px;
    }

    .brands__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .brands__stat span {
        font-size: 66px
    }

    .brands__stat p {
        font-size: 21px;
        line-height: 29px
    }
}

.statp {
    padding: 50px 0;
    background-color: #00343d;
    background: url("../img/stats-mob.jpg") no-repeat center/cover #00343d;
}

.statp__stat {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 50px;
}

.statp__stat li {
    width: 100%;
    margin-top: 35px;
    padding-bottom: 35px;
    position: relative;
}

.statp__stat li:before {
    content: '';
    width: 56px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin-left: -28px;
    background-color: #1a846c;
    border-radius: 2px
}

.statp__stat li:last-child {
    padding-bottom: 0;
}

.statp__stat li:last-child:before {
    display: none
}

.statp__stat li:first-child {
    margin-top: 0
}

.statp__stat span {
    font-size: 42px;
    color: #fff;
    font-family: 'montserrat-bold';
    font-weight: normal;
    line-height: 100%;
    margin-bottom: 10px;
    display: block;
    white-space: nowrap;
}

.statp__stat span small {
    font-size: 30px;
    font-weight: normal
}

.statp__stat p {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
    text-align: left;
}

.statp__stat p b {
    font-family: 'montserrat-bold';
    font-weight: normal;
    display: block;
    margin-bottom: 10px
}

@media (min-width: 370px) {
    .statp__stat {
        padding:0 60px
    }
}

@media (min-width: 768px) {
    .statp {
        background:url("../img/stats.jpg") no-repeat center/cover #00343d
    }

    .statp__stat {
        flex-direction: row;
        margin-top: 60px;
        margin-bottom: 60px;
        width: 100%;
        padding: 0;
    }

    .statp__stat li {
        width: 33%;
        padding-right: 30px;
        margin-right: 30px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .statp__stat li:before {
        width: 3px;
        height: 56px;
        right: -1px;
        top: 50%;
        bottom: auto;
        left: auto;
        margin-left: 0;
        margin-top: -28px
    }

    .statp__stat li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .statp__stat li:last-child:before {
        display: none
    }

    .statp__stat li:first-child {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .statp__stat li {
        padding-right:40px;
        margin-right: 40px;
    }

    .statp__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .statp__stat li {
        padding-right:60px;
        margin-right: 60px;
    }

    .statp__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .statp__stat span {
        font-size: 50px
    }

    .statp__stat p {
        font-size: 21px;
        line-height: 29px
    }
}

.breadcrumb-mobile {
    display: block;
    background-color: #0c3245;
    padding-top: 25px
}

.breadcrumb {
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.breadcrumb li {
    color: #b3b4b5;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    padding-right: 15px;
}

.breadcrumb li:before {
    content: '/';
    position: absolute;
    color: #b3b4b5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 15px;
    right: 0;
    top: 0
}

.breadcrumb li a {
    color: #b3b4b5;
}

.breadcrumb li a:hover {
    color: #01353e
}

.breadcrumb li:last-child {
    padding-right: 0;
}

.breadcrumb li:last-child:before {
    display: none
}

.breadcrumb--head {
    margin-bottom: 0;
    margin-top: 25px;
}

.breadcrumb--head li:before {
    color: #b3b4b5
}

.breadcrumb--head li a {
    color: #b3b4b5;
}

.breadcrumb--head li a:hover {
    color: #fff
}

.breadcrumb--head2 {
    margin-bottom: 0;
    margin-top: 25px;
}

.breadcrumb--head2 li:before {
    color: #b3b4b5
}

.breadcrumb--head2 li a {
    color: #b3b4b5;
}

.breadcrumb--head2 li a:hover {
    color: #01353e
}

.breadcrumb--footer {
    display: flex;
    margin-bottom: 0;
}

.breadcrumb--footer li a {
    color: #b3b4b5;
}

.breadcrumb--footer li a:hover {
    color: #fff
}

@media (min-width: 768px) {
    .breadcrumb {
        margin-bottom:30px
    }

    .breadcrumb li {
        font-size: 16px;
        line-height: 21px
    }

    .breadcrumb--head,.breadcrumb--head2 {
        margin-top: 40px;
        margin-bottom: 0
    }

    .breadcrumb--footer {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .breadcrumb {
        display:flex
    }

    .breadcrumb li {
        font-size: 17px;
        line-height: 21px
    }

    .breadcrumb--big {
        margin-top: 15px
    }

    .breadcrumb--footer {
        display: none
    }
}

.equip {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 40px;
}

.equip__img {
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
    border-radius: 50%;
    overflow: hidden;
}

.equip__img img {
    width: 100%;
    height: auto
}

.equip__title {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding-right: 20px;
    margin-top: 30px
}

.equip__text {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
    max-width: 235px
}

.equip__link {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    margin-top: 40px;
    text-align: right;
}

.equip__link span {
    display: block;
    width: calc(100% - 30px)
}

.equip__link svg {
    stroke: #00b15e;
    height: auto;
    width: 20px !important;
    margin-top: 1px;
    transition: .4s ease;
    margin-left: 10px
}

.equip__link:hover {
    color: #04454d;
}

.equip__link:hover svg {
    stroke: #04454d
}

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

    .equip__title {
        font-size: 20px
    }

    .equip__text {
        font-size: 17px;
        line-height: 25px
    }

    .equip__link {
        font-size: 20px;
        margin-top: 60px;
        justify-content: flex-start
    }
}

@media (min-width: 1200px) {
    .equip {
        margin-top:80px
    }
}

.condition {
    margin-top: 30px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 20px 40px 40px;
    position: relative;
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15);
}

.condition:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    height: 10px;
    left: 0;
    width: 245px
}

.condition h3 {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding-right: 20px
}

.condition ul {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
}

.condition ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.condition ul li:before {
    content: '—';
    position: absolute;
    left: 0;
    color: #000;
    font-size: 15px
}

.condition ul li:last-child {
    margin-bottom: 0
}

.condition--blue:before {
    background-color: #005faf
}

.condition--green:before {
    background-color: #86c336
}

@media (min-width: 768px) {
    .condition {
        height:275px;
        padding: 40px 20px 0 40px
    }

    .condition h3 {
        font-size: 20px
    }

    .condition ul {
        font-size: 17px;
        line-height: 25px;
    }

    .condition ul li {
        margin-bottom: 10px;
    }

    .condition ul li:before {
        font-size: 16px
    }

    .condition ul li:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .condition {
        padding:40px 20px 0 65px
    }

    .condition ul li {
        padding-left: 30px
    }
}

@media (min-width: 1200px) {
    .condition {
        padding:40px 30px 0 65px
    }
}

.steps {
    margin-top: 30px;
}

.steps__item {
    position: relative;
    padding-left: 55px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;
}

.steps__item:first-child {
    margin-top: 0
}

.steps__item:last-child:before {
    display: none
}

.steps__item:before {
    content: '';
    position: absolute;
    display: block;
    top: 18px;
    bottom: -30px;
    left: 17px;
    width: 2px;
    background-color: #43b063;
    z-index: 1
}

.steps__item span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #43b063;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
    color: #04454d;
    font-size: 20px;
    font-family: 'montserrat-bold';
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 2
}

.steps__item h3 {
    color: #43b063;
    font-size: 18px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 10px;
    width: auto;
    border-bottom: 2px dotted #43b063
}

.steps__item p {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px
}

.steps__item ul {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
}

.steps__item ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
	padding-left: 25px;
}

.steps__item ul li:before {
    content: '— ';
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 15px
}

.steps__item ul li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .steps {
        margin:30px auto 0;
        width: 680px
    }

    .steps__item {
        width: 680px;
        padding-left: 0;
        padding-right: 400px;
        margin-top: 0;
    }

    .steps__item span {
        width: 50px;
        height: 50px;
        font-size: 24px;
        left: 50%;
        margin-left: -25px;
        top: 13px
    }

    .steps__item h3 {
        font-size: 20px;
        width: 100%
    }

    .steps__item p {
        font-size: 17px;
        line-height: 25px
    }

    .steps__item ul {
        font-size: 17px;
        line-height: 25px;
    }

    .steps__item ul li {
        margin-bottom: 10px;
    }

    .steps__item ul li:before {
        font-size: 16px
    }

    .steps__item ul li:last-child {
        margin-bottom: 0
    }

    .steps__item:before {
        left: 339px;
        top: 25px;
        bottom: -45px
    }

    .steps__item:nth-child(2n) {
        padding-left: 400px;
        padding-right: 0;
    }

    .steps__item:nth-child(2n) h3 {
        text-align: right
    }
}

.feature {
    margin-top: 30px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #ebf5f3;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 20px 40px 40px;
    position: relative;
}

.feature img {
    position: absolute;
    top: 35px;
    left: 0;
    height: 60px;
    width: auto
}

.feature h3 {
    margin-bottom: 0;
    font-size: 18px;
    color: #00343d;
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding-left: 50px;
    padding-right: 20px;
    min-height: 54px
}

.feature ul {
    margin-bottom: 0;
    color: #04454d;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
}

.feature ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.feature ul li:before {
    content: '—';
    position: absolute;
    left: 0;
    color: #04454d;
    font-size: 15px
}

.feature ul li:last-child {
    margin-bottom: 0
}

.feature--collapse img {
    left: 20px
}

.feature--collapse h3 {
    padding-left: 75px
}

@media (min-width: 768px) {
    .feature {
        height:320px;
        padding: 40px 20px 0 40px
    }

    .feature h3 {
        font-size: 20px;
        min-height: 60px
    }

    .feature ul {
        font-size: 17px;
        line-height: 25px;
    }

    .feature ul li {
        margin-bottom: 10px;
    }

    .feature ul li:before {
        font-size: 16px
    }

    .feature ul li:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .feature {
        padding:40px 20px 0 65px
    }

    .feature img {
        left: 20px
    }

    .feature ul li {
        padding-left: 30px
    }

    .feature--collapse {
        padding: 40px 40px 0 65px;
    }

    .feature--collapse img {
        left: 45px
    }

    .feature--collapse h3 {
        padding-left: 80px
    }
}

@media (min-width: 1200px) {
    .feature {
        padding:40px 30px 0 65px
    }

    .feature--collapse {
        padding: 40px 40px 0 65px
    }
}

.differences {
    margin-top: 30px;
    border-radius: 8px;
    background-color: #0e615b;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 20px 20px 20px 60px;
}

.differences__value {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 17px;
    color: #43b063
}

.differences__title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    font-family: 'montserrat-bold';
    font-weight: normal
}

.differences__text {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px
}

.differences--white {
    background-color: #fff;
    padding: 20px 20px 20px 70px;
}

.differences--white .differences__value {
    font-size: 36px;
    font-family: 'montserrat-bold';
    color: #1a846c
}

.differences--white .differences__title {
    color: #000
}

.differences--white .differences__text {
    color: #000
}

.differences--green {
    background-color: #ebf5f3
}

@media (min-width: 768px) {
    .differences {
        height:230px
    }

    .differences__value {
        font-size: 20px
    }

    .differences__title {
        font-size: 20px
    }

    .differences__text {
        font-size: 17px;
        line-height: 25px
    }
}

@media (min-width: 992px) {
    .differences {
        padding:30px 40px 0 100px
    }

    .differences__value {
        top: 30px;
        left: 50px
    }
}

@media (min-width: 1200px) {
    .differences {
        height:240px;
        padding: 40px 40px 0 120px
    }

    .differences__title {
        font-size: 26px;
        margin-bottom: 15px
    }

    .differences__value {
        font-size: 30px;
        top: 40px;
        line-height: 130%;
        left: 60px
    }

    .differences--white {
        height: 230px;
    }

    .differences--white .differences__value {
        font-size: 60px;
        line-height: 100%;
        left: 45px
    }

    .differences--white .differences__title {
        font-size: 24px
    }
}

.sol {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}

.sol img {
    width: 100%;
    border-radius: 4px;
    transition: .4s ease
}

.sol h3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    color: #000;
    height: 50px;
    transition: .4s ease
}

.sol:hover h3 {
    color: #00b15e
}

@media (min-width: 768px) {
    .sol h3 {
        font-size:17px;
        height: 60px
    }
}

.ossol {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f6f6f6;
}

.ossol__content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.ossol__content h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    width: 100%;
    color: #000
}

.ossol__content span {
    display: block;
    margin-top: 20px;
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    font-size: 16px
}

.ossol__content ul {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
}

.ossol__content ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.ossol__content ul li:before {
    content: '—';
    position: absolute;
    left: -5px;
    color: #000;
    font-size: 15px
}

.ossol__content ul li:last-child {
    margin-bottom: 0
}

.ossol__content a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px auto 0;
    border-radius: 8px;
    font-size: 18px;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.ossol__content a.green {
    background-color: #1a846c;
    color: #fff;
}

.ossol__content a.green:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.ossol__content a.yellow {
    background-color: #fcbf1d;
    color: #000;
}

.ossol__content a.yellow:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.ossol__img {
    display: block;
    width: 100%;
}

.ossol__img img {
    width: 100%
}

.ossol__wrap {
    width: 100%;
    position: relative
}

@media (min-width: 576px) {
    .ossol__wrap {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .ossol__wrap a {
        width: 200px
    }
}

@media (min-width: 768px) {
    .ossol {
        margin-top:50px
    }

    .ossol__content {
        padding: 30px;
    }

    .ossol__content h3 {
        font-size: 24px
    }

    .ossol__content ul {
        font-size: 17px;
        line-height: 25px;
    }

    .ossol__content ul li {
        margin-bottom: 10px;
    }

    .ossol__content ul li:before {
        font-size: 16px
    }

    .ossol__content ul li:last-child {
        margin-bottom: 0
    }

    .ossol__wrap {
        flex-direction: column;
        justify-content: flex-start;
    }

    .ossol__wrap a {
        width: 230px
    }
}

@media (min-width: 992px) {
    .ossol {
        flex-direction:row;
        align-items: stretch;
        height: 380px
    }

    .ossol__img {
        width: 530px;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .ossol__img img {
        position: absolute;
        height: auto;
        width: 100%;
        margin: auto;
        top: -100px;
        left: -100px;
        right: -100px;
        bottom: -100px
    }

    .ossol__content {
        width: calc(100% - 530px);
        height: 100%;
        padding: 0 30px;
        justify-content: center;
    }

    .ossol__content a {
        margin: 20px 0 0
    }

    .ossol__wrap {
        flex-direction: row;
        justify-content: space-between;
    }

    .ossol__wrap a {
        width: 160px
    }
}

@media (min-width: 1200px) {
    .ossol {
        height:490px
    }

    .ossol__img {
        width: 650px
    }

    .ossol__content {
        width: calc(100% - 650px);
        padding: 0 60px;
    }

    .ossol__content h3 {
        font-size: 32px
    }

    .ossol__content span {
        font-size: 20px
    }

    .ossol__content a {
        margin: 40px 0 0
    }

    .ossol__wrap a {
        width: 210px
    }
}

@media (min-width: 1300px) {
    .container--big {
        max-width:1330px
    }

    .container--big .ossol__content {
        padding: 0 80px
    }
}

.cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #0e615b;
    border-radius: 4px;
    margin-top: 30px;
    padding: 40px;
}

.cta h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #fff
}

.cta a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px 0 0;
    border-radius: 8px;
    color: #000;
    font-size: 18px;
    background-color: #fcbf1d;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.cta a:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

@media (min-width: 768px) {
    .cta {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        height: 160px;
        margin-top: 50px
    }

    .cta h3 {
        font-size: 32px;
        width: 400px
    }

    .cta a {
        margin: 0
    }
}

@media (min-width: 992px) {
    .cta {
        padding:0 70px
    }
}

@media (min-width: 1200px) {
    .cta h3 {
        font-size:36px;
        width: 450px
    }
}

.prt {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px;
    height: 220px;
    width: 100%;
    display: block;
}

.prt__img {
    position: absolute;
    height: 100%;
    width: auto;
    top: -100px;
    right: -100px;
    left: -100px;
    bottom: -100px;
    margin: auto;
    z-index: 1;
    transition: .4s ease
}

.prt:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0,rgba(0,52,61,0.4) 0%,rgba(0,52,61,0.4) 30%);
    pointer-events: none;
    transition: .4s ease
}

.prt__content {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    transition: .4s ease;
    background-color: transparent;
}

.prt__content h3 {
    font-family: 'montserrat-bold';
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 0;
    transition: .4s ease
}

.prt__content span {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: auto;
    transition: .4s ease
}

.prt__content p {
    display: none;
    transition: .4s ease
}

.prt__content a {
    font-family: 'montserrat-bold';
    color: #fff;
    font-size: 16px
}

@media (min-width: 576px) {
    .prt {
        height:250px
    }
}

@media (min-width: 768px) {
    .prt {
        height:320px
    }

    .prt--big .prt__content p {
        display: block;
        color: #fff;
        font-size: 16px;
        margin-bottom: auto
    }

    .prt--big .prt__content span {
        margin-bottom: 30px
    }
}

@media (min-width: 992px) {
    .prt {
        height:220px
    }

    .prt--big {
        height: 470px;
    }

    .prt--big .prt__content {
        padding: 20px 30px 20px
    }

    .prt--medium {
        height: 280px
    }
}

@media (min-width: 1200px) {
    .prt {
        height:245px
    }

    .prt--big {
        height: 520px;
    }

    .prt--big .prt__content {
        padding: 60px 60px 30px;
        top: 380px
    }

    .prt--medium {
        height: 340px;
    }

    .prt--medium .prt__content {
        top: 230px
    }

    .prt:before {
        top: 30%;
        background: linear-gradient(0,rgba(0,52,61,0.4) 0%,rgba(0,52,61,0) 100%)
    }

    .prt:after {
        content: '';
        position: absolute;
        display: block;
        pointer-events: none;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: rgba(0,52,61,0.6);
        transition: .4s ease;
        visibility:hidden;
    }

    .prt__content {
        padding: 30px;
        height: auto;
        top: 130px;
    }

    .prt__content h3 {
        font-size: 20px
    }

    .prt__content span,.prt__content p {
        pointer-events: none;
        visibility:hidden;
    }

    .prt__content a {
        pointer-events: none;
        visibility:hidden;
    }

    .prt:hover .prt__content {
        top: 0;
    }

    .prt:hover .prt__content span,.prt:hover .prt__content p {
        pointer-events: auto;
        visibility:visible;
    }

    .prt:hover .prt__content a {
        pointer-events: auto;
        visibility:visible;
    }

    .prt:hover:before {
        visibility:hidden;
    }

    .prt:hover:after {
        visibility:visible;
    }
}

.stat-wrap {
    margin-top: 10px;
}

.stat-wrap .row {
    margin-right: -10px;
    margin-left: -10px;
}

.stat-wrap .row .col-12,.stat-wrap .row .col-md-4 {
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width: 1200px) {
    .stat-wrap {
        padding:0 70px
    }
}

.stat {
    margin-top: 20px;
    background-color: #ebf5f3;
    border-radius: 4px;
    overflow: hidden;
    padding: 40px 0 40px 40px;
}

.stat span {
    color: #000;
    font-size: 56px;
    line-height: 100%
}

.stat p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
}

.stat p b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.stat--green {
    background-color: #43b063;
}

.stat--green span {
    color: #fff
}

.stat--green p {
    color: #fff;
}

.stat--green p b {
    font-size: 18px
}

.stat--blue {
    background-color: #005faf;
}

.stat--blue span {
    color: #fff
}

.stat--blue p {
    color: #fff;
}

.stat--blue p b {
    font-size: 18px
}

@media (min-width: 768px) {
    .stat p {
        font-size:17px;
        line-height: 25px
    }

    .stat--default {
        padding: 40px 0 40px 20px;
        height: 250px
    }

    .stat--blue,.stat--green {
        padding: 40px 0 40px 60px
    }
}

@media (min-width: 992px) {
    .stat {
        height:245px
    }

    .stat span {
        font-size: 66px
    }

    .stat--default {
        padding: 50px 0 0 40px
    }

    .stat--blue,.stat--green {
        padding: 50px 0 0 100px;
    }

    .stat--blue p b,.stat--green p b {
        font-size: 24px
    }
}

@media (min-width: 1200px) {
    .stat--default {
        padding:50px 0 0 60px
    }

    .stat--default3 {
        padding: 50px 0 0 85px
    }

    .stat--blue,.stat--green {
        padding: 50px 0 0 140px
    }
}

.testimonial {
    background-color: #f5f2eb;
    padding: 50px 0 70px;
}

.testimonial__text1 {
    font-family: 'montserrat-bold';
    color: #00343d;
    font-size: 24px;
    margin-bottom: 40px;
    position: relative;
    z-index: 2
}

.testimonial__text2 {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    font-style: italic;
    color: #00343d;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    padding-left: 35px;
}

.testimonial__text2:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 25px;
    height: 25px;
    background: url("../img/q1.svg") no-repeat left top/100% auto;
    pointer-events: none
}

.testimonial__text2:after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../img/q2.svg") no-repeat left top/100% auto;
    pointer-events: none
}

.testimonial__sale {
    display: none
}

@media (min-width: 768px) {
    .testimonial {
        padding:70px 0 90px
    }

    .testimonial__text1 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 50px;
        width: 490px
    }

    .testimonial__text2 {
        font-size: 17px;
        line-height: 25px;
        width: 440px;
        padding-right: 40px;
        padding-left: 60px;
    }

    .testimonial__text2:before {
        top: 5px;
        width: 40px;
        height: 40px
    }

    .testimonial__text2:after {
        bottom: 20px;
        width: 25px;
        height: 25px
    }
}

@media (min-width: 1200px) {
    .testimonial {
        padding:0
    }

    .testimonial__text1 {
        margin-bottom: 0;
        font-size: 36px
    }

    .testimonial__content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        padding-top: 140px;
        height: 530px;
        padding-left: 40px;
        position: relative
    }

    .testimonial__sale {
        display: block;
        color: #fff;
        font-family: 'montserrat-bold';
        font-size: 450px;
        line-height: 530px;
        pointer-events: none;
        position: absolute;
        text-align: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    .testimonial__text2 {
        width: 515px;
        padding-left: 100px;
    }

    .testimonial__text2:before {
        top: 0;
        width: 60px;
        height: 60px
    }

    .testimonial__text2:after {
        bottom: 30px;
        width: 30px;
        height: 30px
    }
}

.form {
    background-color: #f5f2eb;
    padding: 50px 0 70px;
}

.form__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px
}

.form__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.form__wrap {
    display: block;
    margin-top: 50px;
}

.form__wrap--modal {
    margin-top: 20px;
}

.form__wrap--modal .form__group {
    margin-bottom: 15px;
}

.form__wrap--modal .form__group input {
    height: 44px
}

.form__wrap--modal .form__group textarea {
    height: 70px
}

.form__group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.form__group label {
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
    font-family: 'montserrat-bold';
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    display: none
}

.form__group input {
    height: 52px;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    border: none;
    padding: 0 20px;
    width: 100%
}

.form__group textarea {
    padding: 10px 20px;
    width: 100%;
    height: 110px;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    border: none;
    resize: none
}

.form__group--checkbox {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    overflow: hidden;
}

.form__group--checkbox input:not(:checked),.form__group--checkbox input:checked {
    position: absolute;
    left: -9999px
}

.form__group--checkbox input:not(:checked) + label,.form__group--checkbox input:checked + label {
    font-size: 11px;
    color: #b3b4b5;
    font-weight: normal;
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    line-height: 16px;
    margin: 0;
    text-transform: none;
    font-family: 'montserrat-regular';
}

.form__group--checkbox input:not(:checked) + label a,.form__group--checkbox input:checked + label a {
    color: #b3b4b5;
    text-decoration: underline;
}

.form__group--checkbox input:not(:checked) + label a:hover,.form__group--checkbox input:checked + label a:hover {
    color: #b3b4b5;
    text-decoration: none
}

.form__group--checkbox input:not(:checked) + label:before,.form__group--checkbox input:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #b3b4b5;
    border-radius: 4px;
    background-color: transparent
}

.form__group--checkbox input:not(:checked) + label:after,.form__group--checkbox input:checked + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    text-align: center;
    transition: .4s;
    background: url("../img/check.svg") no-repeat center/10px auto
}

.form__group--checkbox input:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0)
}

.form__group--checkbox input:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

.form__group--checkbox label {
    display: block;
}

.form__group--checkbox label::-moz-selection {
    background: transparent;
    color: #b3b4b5
}

.form__group--checkbox label::selection {
    background: transparent;
    color: #b3b4b5
}

.form__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 52px;
    background-color: #1a846c;
    color: #fff;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    font-size: 15px;
    border-radius: 8px;
    margin: 0 auto;
}

.form__btn:hover {
    background-color: #fcbf1c;
    color: #000;
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15)
}

.form__btn[disabled="disabled"] {
    cursor: default;
}

.form__btn[disabled="disabled"]:hover {
    background-color: #1a846c;
    color: #fff;
    box-shadow: none
}

.form__alert {
    font-size: 14px;
    line-height: 21px;
    color: #43b063;
    margin-bottom: 0;
    margin-top: 0;
    height: 0;
    overflow: hidden;
    transition: .4s;
}

.form__alert.active {
    height: 21px;
    margin-top: 20px
}

@media (min-width: 576px) {
    .form__group--checkbox input:not(:checked) + label,.form__group--checkbox input:checked + label {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .form {
        padding:70px 0 80px
    }

    .form__title h2 {
        font-size: 32px
    }

    .form__title p {
        font-size: 16px;
        line-height: 21px
    }

    .form__wrap--modal {
        margin-top: 50px;
    }

    .form__wrap--modal .form__group {
        margin-bottom: 20px;
    }

    .form__wrap--modal .form__group input {
        height: 52px
    }

    .form__wrap--modal .form__group textarea {
        height: 110px
    }

    .form__wrap--modal .form__group--checkbox {
        margin-bottom: 30px
    }

    .form--tab {
        background-color: transparent;
        padding: 30px 0 0;
    }

    .form--tab .form__group input,.form--tab .form__group textarea {
        background-color: #f5f2eb
    }
}

@media (min-width: 992px) {
    .form__content {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .form__title {
        width: 350px;
    }

    .form__title h2 {
        line-height: 100%
    }

    .form__title p {
        margin-top: 30px
    }

    .form__wrap {
        margin-top: 0;
        width: 500px
    }

    .form__group {
        flex-direction: row;
        align-items: center;
    }

    .form__group label {
        width: 140px;
        margin-bottom: 0;
        display: block
    }

    .form__group input,.form__group textarea {
        width: calc(100% - 140px);
        font-size: 16px
    }

    .form__group--checkbox {
        width: auto;
        margin-left: 140px;
    }

    .form__group--checkbox label {
        width: 100%
    }

    .form__btn {
        margin-left: 140px
    }

    .form__alert {
        margin-left: 140px
    }
}

@media (min-width: 1200px) {
    .form {
        background-color:transparent;
        padding: 0
    }

    .form--page {
        padding: 0 0 100px
    }

    .form--tab .form__content {
        padding: 50px 0 0;
        background-color: #fff
    }

    .form__content {
        background-color: #f5f2eb;
        padding: 100px 70px 80px;
        border-radius: 8px
    }

    .form__title {
        width: 390px;
    }

    .form__title h2 {
        font-size: 36px
    }

    .form__title p {
        font-size: 17px;
        line-height: 21px
    }

    .form__wrap {
        width: 560px
    }

    .form__group label {
        font-size: 17px
    }
}

@media (min-width: 1300px) {
    .form .container {
        max-width:1330px
    }

    .form__content {
        padding: 100px 150px 80px
    }
}

.partners {
    margin-top: 30px;
    position: relative;
}

.partners__slider {
    padding: 0 20px;
}

.partners__slider a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

.partners__slider a h3 {
    color: #000;
    margin-bottom: 0;
    display: block;
    text-align: center;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-top: 10px;
    font-size: 16px
}

.partners__btn {
    position: absolute;
    height: 28px;
    width: auto;
    top: 50%;
    margin-top: -24px;
    z-index: 1;
}

.partners__btn svg {
    width: auto;
    height: 28px
}

.partners__btn--prev {
    left: 0
}

.partners__btn--next {
    right: 0
}

@media (min-width: 768px) {
    .partners__slider a h3 {
        font-size:18px;
        margin-top: 15px
    }
}

.reviews {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.reviews .owl-item.active .reviews__item {
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25)
}

.reviews__slider {
    position: relative
}

.reviews__item {
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    transition: .4s ease;
    margin-bottom: 15px
}

.reviews__item-img {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.reviews__item-img img {
    width: 100% !important;
    height: auto;
    position: absolute;
    margin: auto
}

.reviews__item-cnt {
    padding: 20px;
}

.reviews__item-cnt p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-style: italic
}

.reviews__item-cnt a {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #43b063;
    font-size: 15px;
    line-height: 20px;
    font-style: italic;
    margin-top: 20px;
}

.reviews__item-cnt a svg {
    stroke: #00b15e;
    width: 16px;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    margin-top: 1px
}

.reviews__item-cnt a:hover {
    color: #04454d;
}

.reviews__item-cnt a:hover svg {
    stroke: #04454d
}

.reviews__btn {
    position: absolute;
    height: 28px;
    width: auto;
    top: 50%;
    margin-top: -24px;
    z-index: 2;
}

.reviews__btn svg {
    width: auto;
    height: 28px
}

.reviews__btn--prev {
    left: 0
}

.reviews__btn--next {
    right: 0
}

@media (min-width: 576px) {
    .reviews__item {
        display:flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch
    }

    .reviews__item-img {
        width: 220px;
        height: 230px;
        border-radius: 0 0 80px 0;
    }

    .reviews__item-img img {
        position: relative
    }

    .reviews__item-cnt {
        width: calc(100% - 220px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px
    }
}

@media (min-width: 768px) {
    .reviews__item-img {
        width:260px;
        height: 270px
    }

    .reviews__item-cnt {
        width: calc(100% - 260px);
        padding: 0 40px;
    }

    .reviews__item-cnt p,.reviews__item-cnt a {
        font-size: 16px;
        line-height: 21px
    }

    .reviews__slider:before,.reviews__slider:after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        width: 60px;
        z-index: 1;
        pointer-events: none
    }

    .reviews__slider:before {
        left: 0;
        background: linear-gradient(90deg,#f6f6f6 0%,rgba(246,246,246,0.5) 60%,rgba(246,246,246,0) 100%)
    }

    .reviews__slider:after {
        right: 0;
        background: linear-gradient(-90deg,#f6f6f6 0%,rgba(246,246,246,0.5) 60%,rgba(246,246,246,0) 100%)
    }
}

@media (min-width: 1200px) {
    .reviews__item {
        height:210px
    }

    .reviews .owl-item {
        height: 285px;
        padding-top: 30px;
        transition: .4s ease;
    }

    .reviews .owl-item.active {
        padding-top: 0;
    }

    .reviews .owl-item.active .reviews__item {
        height: 270px
    }

    .reviews__slider:before,.reviews__slider:after {
        width: 100px
    }
}

.contacts {
    margin-bottom: 25px;
}

.contacts div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px
}

.contacts p {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px
}

.contacts a {
    color: #43b063;
    font-size: 24px;
    font-family: 'montserrat-bold'
}

.contacts span {
    font-size: 14px;
    color: #b3b4b5
}

@media (min-width: 768px) {
    .contacts {
        display:flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 35px
    }

    .contacts div {
        margin-top: 0;
        margin-left: 80px
    }

    .contacts p {
        font-size: 24px;
        line-height: 32px
    }

    .contacts a {
        font-size: 28px
    }

    .contacts span {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .contacts {
        margin-bottom:40px
    }

    .contacts p {
        font-size: 28px;
        line-height: 36px
    }

    .contacts a {
        font-size: 30px
    }

    .contacts span {
        font-size: 17px
    }
}

.contact {
    position: relative;
    background-color: #ebf5f3;
    padding: 20px 20px 65px;
    margin-top: 30px;
    border-radius: 4px;
    transition: .4s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact h3 {
    font-family: 'montserrat-bold';
    color: #000;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
    transition: .4s ease;
}

.contact h3.mt-20 {
    margin-top: 20px
}

.contact p {
    font-size: 15px;
    line-height: 25px;
    color: #000;
    margin-bottom: 0;
    margin-top: 5px;
    transition: .4s ease
}

.contact a {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    margin-top: 5px;
}

.contact a svg {
    fill: #000;
    transition: .4s ease;
    margin-right: 10px;
    width: 14px;
    height: auto
}

.contact a b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.contact__link {
    position: absolute;
    color: #04454d;
    font-size: 15px;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    left: 35px;
    bottom: 25px;
    z-index: 1;
}

.contact__link svg {
    stroke: #04454d;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    width: 18px
}

.contact__link:hover {
    color: #27ac8e;
}

.contact__link:hover svg {
    stroke: #27ac8e
}

.contact__link.active {
    color: #27ac8e;
    cursor: default;
}

.contact__link.active svg {
    stroke: #27ac8e
}

.contact__link.active + .contact {
    background-color: #1a846c;
}

.contact__link.active + .contact h3,.contact__link.active + .contact p,.contact__link.active + .contact a {
    color: #fff;
}

.contact__link.active + .contact h3 svg,.contact__link.active + .contact p svg,.contact__link.active + .contact a svg {
    fill: #fff
}

.contact__btn {
    color: #04454d;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
    height: 22px;
    overflow: hidden;
    transition: .4s ease;
}

.contact__btn svg {
    stroke: #04454d;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    width: 18px
}

.contact__btn:hover {
    color: #27ac8e;
}

.contact__btn:hover svg {
    stroke: #27ac8e
}

.contact__btn[aria-expanded="true"] {
    height: 0;
    opacity: 0
}

.contact__desk {
    display: none
}

.contact--map {
    margin-top: 0;
    border-radius: 0 0 4px 4px;
    background-color: #1a846c;
    padding: 20px;
    margin-bottom: 35px;
}

.contact--map h3,.contact--map p,.contact--map a {
    color: #fff
}

.contact--mobile {
    padding: 20px
}

.contact--mobile2 {
    padding: 0 20px 20px;
    margin-top: 0;
    border-radius: 0
}

@media (min-width: 768px) {
    .contact--map {
        margin-bottom:50px
    }
}

@media (min-width: 992px) {
    .contact__desk {
        display:flex
    }

    .contact--map {
        width: 290px;
        position: absolute;
        left: 15px;
        top: 80px;
        z-index: 1;
        border-radius: 0 4px 4px 0;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .contact {
        padding:30px 30px 65px
    }

    .contact h3 {
        font-size: 20px
    }

    .contact p {
        font-size: 17px
    }

    .contact a {
        font-size: 17px
    }

    .contact__link {
        left: 45px;
        font-size: 17px
    }

    .contact--map {
        padding: 30px;
        width: 360px
    }
}

.map {
    height: 240px;
    border-radius: 0 0 4px 4px;
}

@media (min-width: 768px) {
    .map {
        height:350px
    }
}

@media (min-width: 992px) {
    .map {
        margin-top:30px;
        height: 500px;
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .map {
        margin-bottom:60px
    }
}

.accordion {
    margin-bottom: 35px;
}

.accordion__card {
    position: relative
}

@media (min-width: 992px) {
    .accordion {
        display:none
    }
}

.contact-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    border: 2px solid #efefef;
    border-radius: 4px;
    margin-bottom: 35px;
}

.contact-box__title {
    width: 100%;
}

.contact-box__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px
}

.contact-box__title a {
    display: block;
    font-size: 17px;
    color: #fcbe20;
}

.contact-box__title a:hover {
    color: #1a846c
}

.contact-box__text {
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 15px;
}

.contact-box__text a {
    color: #fcbe20;
    text-decoration: underline;
    font-family: 'montserrat-bold';
}

.contact-box__text a:hover {
    color: #1a846c
}

.contact-box--white {
    margin-bottom: 0;
    border: none;
    padding: 0 20px
}

@media (min-width: 768px) {
    .contact-box {
        margin-bottom:75px;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 25px 20px 30px
    }

    .contact-box--white {
        margin-bottom: 0;
        padding: 0 20px
    }

    .contact-box__title {
        order: 1;
    }

    .contact-box__title h2 {
        font-size: 28px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        width: 100%
    }

    .contact-box__title a {
        font-size: 30px;
        width: auto;
        margin-left: 35px
    }

    .contact-box__text {
        order: 3;
        margin-left: 65px;
        margin-bottom: 0;
        margin-top: 28px;
        font-size: 17px;
        line-height: 25px
    }

    .contact-box .section__file {
        order: 2;
        margin-top: 25px
    }
}

@media (min-width: 1200px) {
    .contact-box {
        padding:45px 90px 50px
    }

    .contact-box--white {
        padding: 0 90px
    }
}

.footer {
    background-color: #0c3245;
    padding-top: 50px;
}

.footer__copyright {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    border-top: 1px solid #04454d;
    height: 100px;
}

.footer__copyright small {
    color: #a9b7cb;
    font-size: 14px
}

.footer__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 50px
}

.footer__box {
    margin-top: 30px;
    width: 100%;
}

.footer__box:first-child {
    margin-top: 0
}

.footer__box h6 {
    font-size: 16px;
    color: #fff;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-bottom: 0;
}

.footer__box h6 a {
    color: #fff
}

.footer__box h6.fwnormal {
    font-family: 'montserrat-regular'
}

.footer__box p {
    font-size: 16px;
    color: #a9b7cb;
    margin-bottom: 0;
    margin-top: 20px;
    line-height: 28px;
}

.footer__box p b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.footer__box p a {
    color: #a9b7cb;
    margin-top: 5px;
}

.footer__box p a:hover {
    color: #fff
}

.footer__box--notitle {
    margin-top: 0
}

.footer__city {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: -20px;
}

.footer__city div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #a9b7cb;
}

.footer__city div input {
    font-size: 16px;
    height: 28px;
    color: #a9b7cb;
    width: auto;
    background-color: transparent;
    border: none;
    margin-right: 5px
}

.footer__city div svg {
    transition: .4s ease
}

.footer__city .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    min-width: 220px;
    padding: 25px 35px;
    display: block;
    transition: .4s ease;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.footer__city .dropdown-menu li {
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #353535;
    position: relative;
    cursor: pointer;
    transition: .4s;
    margin-bottom: 5px;
}

.footer__city .dropdown-menu li:hover {
    color: #43b063
}

.footer__city .dropdown-menu li:last-child {
    margin-bottom: 0
}

.footer__city .dropdown-menu li.active {
    display: none
}

.footer__city .dropdown-menu.show {
    pointer-events: auto;
    opacity: 1
}

.footer__city.show svg {
    transform: rotate(180deg)
}

.footer__nav {
    margin-top: 20px;
    margin-bottom: 0;
}

.footer__nav a {
    font-size: 16px;
    color: #a9b7cb;
    line-height: 28px;
}

.footer__nav a:hover {
    color: #fff
}

.footer__social {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.footer__social a {
    display: block;
    margin-right: 20px;
}

.footer__social a svg {
    fill: #a9b7cb;
    width: 24px;
    height: auto;
    transition: .4s ease
}

.footer__social a:last-child {
    margin-right: 0
}

.footer__social a:hover svg {
    fill: #1c856c
}

@media (min-width: 768px) {
    .footer {
        padding-top:60px
    }

    .footer__content {
        padding: 0 0 60px
    }

    .footer__copyright {
        justify-content: flex-end;
    }

    .footer__copyright small {
        font-size: 16px
    }
}

.ph {
    display: none !important;
}

.ph.active {
    display: block !important
}

.modal {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    margin: 20px auto 400px;
}

.modal--form {
    background-color: #f5f2eb;
    padding: 20px;
}

.modal--form .form__title p {
    margin-top: 15px
}

.modal__thx {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
    padding: 20px
}

@media (min-width: 768px) {
    .modal {
        margin:40px auto 400px
    }

    .modal--form {
        padding: 50px;
    }

    .modal--form .form__title p {
        margin-top: 25px
    }

    .modal__thx {
        padding: 50px;
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .modal--form {
        max-width:1000px
    }
}

@media (min-width: 1200px) {
    .modal {
        margin:40px auto
    }

    .modal--form {
        max-width: 1140px;
    }

    .modal--form .form__content {
        padding: 0
    }
}

.mfp-container {
    height: auto;
}

.mfp-container:before {
    display: none
}

.mfp-no-margins img.mfp-img {
    padding: 0
}

.mfp-figure {
    margin: 40px auto;
}

.mfp-figure figure {
    background-color: #fff;
    padding-top: 20px
}

.mfp-figure:after {
    background-color: transparent;
    box-shadow: none
}

.mfp-wrap {
    height: auto;
    bottom: 0;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch
}

.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0
}

.mfp-no-margins .mfp-container {
    padding: 0
}

.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .5
}

.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .5
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .5
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

/* Форма  */

@font-face {
    font-family: 'montserrat-regular';
    src: url("../fonts/montserrat-regular-webfont.eot");
    src: url("../fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat-regular-webfont.woff2") format("woff2"),url("../fonts/montserrat-regular-webfont.woff") format("woff"),url("../fonts/montserrat-regular-webfont.ttf") format("truetype"),url("../fonts/montserrat-regular-webfont.svg#montserrat-regular-webfont") format('svg');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'montserrat-bold';
    src: url("../fonts/montserrat-bold-webfont.eot");
    src: url("../fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat-bold-webfont.woff2") format("woff2"),url("../fonts/montserrat-bold-webfont.woff") format("woff"),url("../fonts/montserrat-bold-webfont.ttf") format("truetype"),url("../fonts/montserrat-bold-webfont.svg#montserrat-bold-webfont") format('svg');
    font-style: normal;
    font-weight: normal
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,body {
    height: 100%
}

body {
    font-family: 'montserrat-regular';
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: normal
}

button {
    padding: 0;
    border: none;
    background-color: transparent;
    transition: .4s ease;
    cursor: pointer;
}

button:focus {
    outline: none
}

a {
    transition: .4s ease;
    color: #43b063;
}

a:hover,a:active,a:focus {
    outline: none;
    color: #43b063;
    text-decoration: none
}

input,textarea,select {
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
}

input:focus,textarea:focus,select:focus {
    outline: none
}

select::-ms-expand {
    display: none
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

::-moz-selection {
    background: #0e615b;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #0e615b;
    color: #fff;
    text-shadow: none
}

::placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
}

@media (min-width: 992px) {
    ::placeholder {
        color:transparent
    }
}

::-webkit-input-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    ::-webkit-input-placeholder {
        color:transparent
    }
}

::-moz-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    ::-moz-placeholder {
        color:transparent
    }
}

:-moz-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    :-moz-placeholder {
        color:transparent
    }
}

:-ms-input-placeholder {
    color: #b3b4b5;
    font-family: 'montserrat-bold';
    opacity: 1;
}

@media (min-width: 992px) {
    :-ms-input-placeholder {
        color:transparent
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1170px
    }
}

.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .4s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.fade {
    transition: opacity .3s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.owl-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.owl-dots .owl-dot span {
    display: block;
    height: 4px;
    width: 20px;
    border-radius: 2px;
    background-color: #b3b4b5;
    margin: 0 5px;
    transition: .4s ease
}

.owl-dots .owl-dot.active {
    cursor: default;
}

.owl-dots .owl-dot.active span {
    background-color: #43b063
}

@media (min-width: 768px) {
    .owl-dots {
        margin-top:45px
    }

    .owl-dots .owl-dot span {
        width: 70px;
        margin: 0 10px
    }
}

@media (min-width: 1200px) {
    .owl-dots {
        margin-top:65px
    }
}

.row--ps {
    margin-top: -10px;
}

@media (min-width: 768px) {
    .row--ps {
        margin-top:-20px
    }
}

@media (min-width: 1200px) {
    .row--ps {
        margin-top:-30px
    }
}

.fancybox-content {
    background-color: #fff !important
}

.header__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative
}

.header__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    width: 100%
}

.header__phones {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    width: 100%;
    background-color: #ebf5f3;
    position: relative;
}

.header__phones:before,.header__phones:after {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    top: 0;
    bottom: 0;
    background-color: #ebf5f3
}

.header__phones:before {
    right: 100%
}

.header__phones:after {
    left: 100%
}

.header__phone {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
}

.header__phone a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: #353535;
    font-family: 'montserrat-bold';
}

.header__phone a:hover {
    color: #353535
}

.header__phone--green a {
    color: #04454d;
}

.header__phone--green a:hover {
    color: #04454d
}

.header__phone-title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: #353535;
    width: 100%
}

.header__city {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.header__city div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: #353535;
    cursor: pointer;
}

.header__city div input {
    font-size: 14px;
    color: #353535;
    width: auto;
    background-color: transparent;
    border: none;
    margin-right: 5px
}

.header__city div svg {
    transition: .4s ease
}

.header__city .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    min-width: 220px;
    padding: 25px 35px;
    display: block;
    transition: .4s ease;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.header__city .dropdown-menu li {
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #353535;
    position: relative;
    cursor: pointer;
    transition: .4s;
    margin-bottom: 5px;
}

.header__city .dropdown-menu li:hover {
    color: #43b063
}

.header__city .dropdown-menu li:last-child {
    margin-bottom: 0
}

.header__city .dropdown-menu li.active {
    display: none
}

.header__city .dropdown-menu.show {
    pointer-events: auto;
    opacity: 1
}

.header__city.show svg {
    transform: rotate(180deg)
}

.header__info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 16px;
    height: 16px;
    position: relative;
    margin-left: 2px;
    cursor: pointer;
}

.header__info svg {
    position: relative;
    width: 100%;
    height: auto;
    stroke: #b3b4b5
}

.header__info p {
    position: absolute;
    top: 100%;
    right: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
    font-size: 16px;
    line-height: 24px;
    color: #43b063;
    padding: 15px;
    width: 200px;
    margin-top: 10px;
    pointer-events: none;
    opacity: 0;
    transition: .4s;
    z-index: 4
}

.header__info:hover p {
    opacity: 1;
    pointer-events: auto
}

.header__email {
    display: none
}

.header__code {
    font-size: 14px;
    color: #b3b4b5
}

.header__link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 174px;
    border-radius: 8px;
    border: 1px solid #005faf;
    color: #005faf;
    font-size: 14px;
}

.header__link:hover {
    background-color: #005faf;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.35)
}

.header__btn {
    display: block;
    position: relative;
    width: 28px;
    height: 50px;
}

.header__btn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 28px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .4s;
    top: 16px;
    background-color: #b3b4b5;
}

.header__btn span:nth-child(2) {
    top: 24px
}

.header__btn span:nth-child(3) {
    top: 32px
}

.header__btn--active span:nth-child(1) {
    top: 24px;
    transform: rotate(45deg)
}

.header__btn--active span:nth-child(2) {
    opacity: 0
}

.header__btn--active span:nth-child(3) {
    top: 24px;
    transform: rotate(-45deg)
}

@media (min-width: 360px) {
    .header__info {
        margin-left:6px
    }
}

@media (min-width: 576px) {
    .header__phones:before,.header__phones:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .header__phones:before,.header__phones:after {
        width:calc((100vw - 690px) / 2)
    }
}

@media (min-width: 992px) {
    .header__content {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

    .header__phones {
        background-color: transparent;
        width: auto;
        height: 60px;
    }

    .header__phones:before,.header__phones:after {
        display: none
    }

    .header__phone {
        width: 150px;
        margin-right: 25px;
    }

    .header__phone:last-child {
        margin-right: 0
    }

    .header__wrap {
        width: auto
    }

    .header__link {
        order: 1;
        margin-right: 30px
    }

    .header__code {
        order: 2;
        margin-right: 60px
    }

    .header__btn {
        position: absolute;
        right: 0
    }
}

@media (min-width: 1200px) {
    .header__logo {
        margin-right:20px
    }

    .header__btn {
        display: none
    }

    .header__code {
        margin-right: 0
    }

    .header__link {
        height: 40px;
        width: 180px;
        margin-right: 15px
    }

    .header__phone {
        width: auto;
        justify-content: center
    }

    .header__phone-title {
        margin-right: 10px;
        width: auto
    }

    .header__city {
        width: auto;
        margin-right: 10px
    }

    .header__info p {
        width: 250px;
        padding: 25px 40px;
        right: -70px
    }

    .header__email {
        display: inline-block;
        color: #353535;
        font-size: 14px;
    }

    .header__email:hover {
        color: #353535
    }
}

.navigation {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    position: fixed;
    z-index: 99;
    top: 60px;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 60px;
    transform: translate3d(-100%,0,0);
    transition: .4s ease;
}

.navigation li {
    margin-bottom: 20px;
    width: auto;
}

.navigation li:last-child {
    margin-bottom: 0
}

.navigation a {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #000;
}

.navigation a svg {
    stroke: #000;
    transition: .4s ease;
    margin-left: 5px;
    margin-top: 1px
}

.navigation a:hover {
    color: #1c987c;
}

.navigation a:hover svg {
    stroke: #1c987c
}

.navigation__dropdown {
    position: relative;
    display: block;
}

.navigation__dropdown a {
    pointer-events: none
}

.navigation__dropdown.active a {
    pointer-events: auto
}

.navigation__dropdown.active .navigation__dropdown-menu {
    z-index: 1000;
    pointer-events: auto;
    opacity: 1
}

.navigation__dropdown:hover .navigation__dropdown-menu {
    z-index: 1000;
    pointer-events: auto;
    opacity: 1
}

.navigation__dropdown-menu {
    position: absolute;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 260px;
    min-width: 100%;
    text-align: left;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: .4s ease;
    top: 100%;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.navigation__dropdown-menu:before {
    content: '';
    position: absolute;
    display: none;
    height: 3px;
    top: 0;
    left: 20px;
    right: 20px;
    background-color: #1c987c
}

.navigation__dropdown-menu .sub-menu {
    position: absolute;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    min-width: 100%;
    text-align: left;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: .4s ease;
    top: 0;
    left: 90%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 12px 5px 9px 1px rgba(0,0,0,0.25);
    padding-top: 30px;
    padding-bottom: 30px;
}

.navigation__dropdown-menu .sub-menu:before {
    position: absolute;
    display: block;
    height: 3px;
    top: 0;
    left: 20px;
    right: 20px;
    background-color: #1c987c
}

.navigation__dropdown-menu li {
    margin-bottom: 5px !important;
    width: 100%;
}

.navigation__dropdown-menu li:last-child {
    margin-bottom: 0 !important
}

.navigation__dropdown-menu li.menu-item-has-children:before {
    content: '';
    position: relative;
    display: none;
    height: 10px;
    cursor: pointer;
    top: -3px;
    right: 0;
    order: 2;
    width: 10px;
    bottom: 4px;
    background: url("../img/ard.svg") no-repeat center;
    pointer-events: none;
    transform: rotate(-90deg)
}

.navigation__dropdown-menu li.menu-item-has-children:hover a {
    color: #353535
}

.navigation__dropdown-menu li.menu-item-has-children:hover .sub-menu {
    z-index: 1000;
    pointer-events: auto;
    opacity: 1;
}

.navigation__dropdown-menu li.menu-item-has-children:hover .sub-menu a {
    color: #353535;
}

.navigation__dropdown-menu li.menu-item-has-children:hover .sub-menu a:hover {
    color: #1c987c
}

.navigation__dropdown-menu a {
    font-size: 16px;
    color: #353535;
    margin-bottom: 5px;
    pointer-events: none;
    width: 100%;
}

.navigation__dropdown-menu a:last-child {
    margin-bottom: 0
}

.navigation__dropdown-menu a:hover {
    color: #1c987c
}

.navigation--active {
    transform: translate3d(0,0,0);
    box-shadow: 0 5px 10px 1px rgba(0,0,0,0.25)
}

@media (min-width: 576px) {
    .navigation {
        width:400px;
        transform: translate3d(-400px,0,0)
    }

    .navigation--active {
        transform: translate3d(0,0,0)
    }
}

@media (min-width: 1200px) {
    .navigation {
        flex-direction:row;
        align-items: center;
        position: relative;
        z-index: 3;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        padding-left: calc((100% - 1140px) / 2);
        padding-right: calc((100% - 1140px) / 2);
        padding-top: 0;
        padding-bottom: 0;
        transform: translate3d(0,0,0);
        background-color: #01353e;
        box-shadow: none;
        height: 100px
    }

    .navigation li {
        width: auto;
        margin-bottom: 0;
        margin-right: 40px;
    }

    .navigation li:last-child {
        margin-right: 0
    }

    .navigation a {
        color: #fff;
    }

    .navigation a svg {
        stroke: #fff
    }

    .navigation a:hover {
        color: #1c987c;
    }

    .navigation a:hover svg {
        stroke: #1c987c
    }

    .navigation__dropdown a {
        pointer-events: auto;
    }

    .navigation__dropdown a.active {
        z-index: -1;
        pointer-events: none;
        opacity: 0
    }

    .navigation__dropdown-menu {
        width: auto;
        padding: 30px 60px;
        left: -60px;
        padding-right: 0;
    }

    .navigation__dropdown-menu:before {
        left: 60px;
        right: 60px
    }

    .navigation__dropdown-menu li {
        margin-right: 0;
        display: flex;
        align-items: center;
        width: 100%;
        padding-right: 60px;
    }

    .navigation__dropdown-menu li.menu-item-has-children:before {
        display: block
    }

    .navigation__dropdown-menu a {
        color: #353535;
        white-space: nowrap;
        pointer-events: none
    }

    .navigation__dropdown-menu:hover a {
        pointer-events: auto
    }

    .navigation__move {
        margin-right: 20px;
        margin-left: auto
    }

    .navigation--home {
        position: absolute;
        background-color: transparent;
        top: 60px
    }
}

.home {
    background: url("../img/bg.jpg") no-repeat center/auto 100%;
    background-position: center left -550px;
}

.home__content {
    width: 100%;
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 0 40px
}

.home__title {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #fff;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 34px
}

.home__text {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: auto
}

.home__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 0 auto;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
}

.home__btn:hover {
    background-color: #eee;
    color: #43b063
}

.home__btn--yellow:hover {
    background-color: #fcbf1c;
    color: #000
}

.home__stat {
    display: none
}

@media (min-width: 768px) {
    .home {
        background:url("../img/bg.jpg") no-repeat center center/cover
    }

    .home__content {
        padding: 90px 0;
        justify-content: flex-start;
        height: auto
    }

    .home__title {
        font-size: 40px;
        line-height: 50px
    }

    .home__text {
        font-size: 20px;
        margin-bottom: 0
    }

    .home__btn {
        margin: 50px 0 0
    }

    .home__stat {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 90px;
        width: 100%;
    }

    .home__stat li {
        width: auto;
        position: relative;
        padding-right: 65px;
        margin-right: 65px;
    }

    .home__stat li:before {
        content: '';
        width: 3px;
        height: 56px;
        display: block;
        position: absolute;
        right: -1px;
        top: 50%;
        margin-top: -28px;
        background-color: #1a846c;
        border-radius: 2px
    }

    .home__stat li:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .home__stat li:nth-child(2) p {
        margin-left: 15px
    }

    .home__stat li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .home__stat li:last-child:before {
        display: none
    }

    .home__stat span {
        font-size: 42px;
        color: #fff
    }

    .home__stat p {
        margin-bottom: 0;
        color: #fff;
        font-size: 17px;
        text-align: left
    }
}

@media (min-width: 992px) {
    .home__title {
        width:690px
    }

    .home__stat li {
        padding-right: 120px;
        margin-right: 120px;
    }

    .home__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .home__content {
        height:calc(100vh - 60px);
        min-height: 750px;
        padding: 150px 0 100px
    }

    .home__title {
        font-size: 45px;
        line-height: 55px;
        /*width: 780px;*/
		width: 100%;
    }

    .home__text {
        font-size: 24px
    }

    .home__btn {
        width: 260px;
        height: 60px;
        font-size: 20px
    }

    .home__stat {
        margin-top: auto;
    }

    .home__stat li {
        padding-right: 125px;
        margin-right: 125px;
    }

    .home__stat li:nth-child(2) p {
        margin-left: 5px
    }

    .home__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .home__stat span {
        font-size: 66px
    }

    .home__stat p {
        font-size: 21px;
        line-height: 29px
    }
}

@media (min-width: 1900px) {
    .home__title {
        font-size:50px;
        line-height: 65px
    }
}

.pagehead__content {
    width: 100%;
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 0 40px
}

.pagehead__title {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #fff;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px
}

.pagehead__text {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: auto
}

.pagehead__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 0 auto;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
}

.pagehead__btn:hover {
    background-color: #fcbf1c;
    color: #000
}

@media (min-width: 768px) {
    .pagehead__content {
        padding:90px 0;
        justify-content: flex-start;
        height: auto
    }

    .pagehead__title {
        font-size: 40px;
        line-height: 50px
    }

    .pagehead__text {
        font-size: 17px;
        margin-bottom: 0
    }

    .pagehead__btn {
        margin: 50px 0 0
    }
}

@media (min-width: 992px) {
    .pagehead__title {
        width:690px
    }

    .pagehead__text {
        width: 440px
    }
}

@media (min-width: 1200px) {
    .pagehead__content {
        height:calc(100vh - 220px);
        min-height: 530px;
        padding: 40px 0 0
    }

    .pagehead__title {
        font-size: 40px;
        line-height: 55px;
        width: 780px
    }

    .pagehead__btn {
        width: 260px;
        height: 60px;
        font-size: 20px
    }
}

@media (min-width: 1900px) {
    .pagehead__title {
        font-size:50px;
        line-height: 65px
    }
}

.singlehead__content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px 0;
}

.singlehead__content--2 {
    padding-top: 0
}

.singlehead__content--odp1 {
    display: none
}

.singlehead__title {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px
}

.singlehead__text {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0
}

.singlehead__img {
    position: relative;
    display: block;
    width: 100%;
}

.singlehead__img:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    right: 0;
    height: 290px;
    top: 50%;
    margin-top: -145px;
    border-radius: 8px;
    background-color: #43b063
}

.singlehead__img img {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    display: block
}

.singlehead__img--mob {
    margin-top: 30px
}

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

    .singlehead__content--1 {
        padding-bottom: 50px
    }

    .singlehead__content--2 {
        padding-top: 0
    }

    .singlehead__title {
        font-size: 40px;
        line-height: 50px
    }

    .singlehead__text {
        font-size: 17px
    }
}

@media (min-width: 992px) {
    .singlehead__content {
        padding:90px 0;
    }

    .singlehead__content--odp1 {
        display: flex
    }

    .singlehead__img--mob {
        display: none
    }
}

@media (min-width: 1200px) {
    .singlehead__content {
        height:calc(100vh - 120px);
        min-height: 700px;
    }

    .singlehead__content--1 {
        padding: 0;
        justify-content: center
    }

    .singlehead__title {
        font-size: 40px;
        line-height: 55px
    }

    .singlehead__text {
        padding-right: 120px
    }
}

@media (min-width: 1900px) {
    .singlehead__title {
        font-size:50px;
        line-height: 65px
    }
}

.prt__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
    position: relative;
    background-color: #f6f6f6;
    padding: 30px 0;
}

.prt__title h2 b {
    color: #43b063;
    font-weight: normal
}

.prt__title h2:before,.prt__title h2:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    top: 0;
    width: 15px;
    background-color: #f6f6f6;
    pointer-events: none;
    z-index: 1
}

.prt__title h2:before {
    right: 100%
}

.prt__title h2:after {
    left: 100%
}

.prt__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.prt__title ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prt__title ul li {
    width: 200px;
    margin-top: 40px
}

.prt__title ul span {
    width: 200px;
    height: 60px;
    background-color: #fcbf1d;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: center;
}

.prt__title ul span b {
    font-family: 'montserrat-bold';
    font-weight: normal;
    font-size: 24px
}

.prt__title ul p {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    line-height: 21px
}

.prt__slider {
    position: relative;
    margin-top: 30px;
    width: 100%;
    display: none;
}

.prt__slider .lslide,.prt__slider .clone {
    padding: 0;
}

.prt__slider .lslide img,.prt__slider .clone img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    max-height: 320px
}

.prt__slider .lSPager li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    padding: 5px;
    border: 0 solid transparent;
    border-top: 4px solid transparent;
    transition: .4s ease;
    background-color: #fff;
    margin-bottom: 20px;
    height: 130px;
}

.prt__slider .lSPager li.active {
    border-color: transparent;
    border-radius: 0 !important;
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15);
    border-color: #1a846c
}

.prt__slider .lSPager a {
    padding: 5px;
    display: block
}

.prt__slider .lSPager img {
    width: auto;
    max-width: 100%;
    max-height: 80px
}

.prt__slider--mob {
    display: block
}

.prt__slider-list {
    margin-bottom: 20px;
}

.prt__slider-list li {
    overflow: hidden
}

@media (min-width: 576px) {
    .prt__title h2:before,.prt__title h2:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .prt__slider {
        width:500px;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .prt__slider .lslide img,.prt__slider .clone img {
        max-height: 400px
    }

    .prt__title h2 {
        font-size: 32px;
    }

    .prt__title h2:before,.prt__title h2:after {
        width: calc((100vw - 690px) / 2)
    }

    .prt__title p {
        margin-top: 35px;
        font-size: 16px;
        line-height: 21px
    }

    .prt__title ul {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }
}

@media (min-width: 992px) {
    .prt__slider {
        width:100%;
        margin-bottom: 0;
    }

    .prt__slider--mob {
        display: none
    }

    .prt__slider--desk {
        display: block
    }

    .prt__slider .lslide img,.prt__slider .clone img {
        max-height: 500px
    }

    .prt__title h2 {
        height: 200px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
    }

    .prt__title h2:before,.prt__title h2:after {
        display: none
    }

    .prt__title p {
        margin-top: 40px
    }

    .prt__title ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .prt__title ul li {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .prt__title ul li p {
        margin-bottom: 0;
        margin-left: 40px;
        margin-top: 0;
        width: 200px
    }

    .prt__title .section__btn {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .prt__slider {
        padding-right:30px;
        margin-top: 100px;
    }

    .prt__slider .lslide img,.prt__slider .clone img {
        max-height: 600px
    }

    .prt__title {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .prt__title h2 {
        height: 270px;
        font-size: 36px
    }

    .prt__title p {
        margin-top: 50px;
        font-size: 17px;
        line-height: 21px
    }

    .prt__title ul {
        margin-bottom: 60px;
    }

    .prt__title ul li p {
        width: 220px
    }

    .prt__title .section__btn {
        margin-left: 0;
        margin-bottom: 20px;
        margin-top: auto
    }
}

.section {
    padding: 50px 0 70px;
}

.section--steps {
    background: url("../img/steps/bg.jpg") no-repeat center/cover
}

.section--equip {
    background-color: #ebf5f3;
    padding: 10px 0 70px
}

.section--equip2 {
    padding: 50px 0 70px;
    overflow: hidden;
}

.section--equip2 .section__title {
    margin-bottom: 0;
}

.section--equip2 .section__title p {
    margin-bottom: 0
}

.section--grey {
    background-color: #f6f6f6
}

.section--first {
    padding: 40px 0 70px
}

.section--green {
    background-color: #ebf5f3
}

.section--green2 {
    background-color: #00343d
}

.section--pb0 {
    padding-bottom: 0
}

.section--pb0m {
    padding-bottom: 0
}

.section--design {
    padding-top: 0
}

.section--design2 {
    margin-bottom: 70px
}

.section--composition {
    padding-top: 0
}

.section--mt0 {
    padding-top: 0
}

.section--prt {
    padding-top: 0
}

.section__title {
    margin-bottom: 25px;
}

.section__title h1,.section__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
}

.section__title h1 b,.section__title h2 b {
    color: #43b063;
    font-weight: normal
}

.section__title h3 {
    font-size: 22px;
    margin-bottom: 0;
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
}

.section__title h3.sertit {
    font-size: 18px;
    margin-top: 10px
}

.section__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.section__title span {
    color: #000;
    font-size: 16px;
}

.section__title span b {
    font-weight: normal;
    font-family: 'montserrat-bold'
}

.section__title--white h2 {
    color: #fff
}

.section__title--white p {
    color: #fff
}

.section__title--white span {
    color: #fff
}

.section__title--sol1 {
    margin-top: 10px;
    margin-bottom: 0
}

.section__title--sol2 {
    margin-top: 50px;
    margin-bottom: 0
}

.section__title--2 {
    margin-bottom: 0;
    margin-top: 25px
}

.section__title--big h1 {
    font-size: 32px
}

.section__article h1,.section__article h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
    font-size: 24px;
}

.section__article h1 b,.section__article h2 b {
    color: #43b063;
    font-weight: normal
}

.section__article h1:last-child,.section__article h2:last-child {
    margin-bottom: 0
}

.section__article h3 {
    font-size: 22px
}

.section__article h4 {
    font-size: 20px
}

.section__article h5 {
    font-size: 18px
}

.section__article h6 {
    font-size: 16px
}

.section__article h3,.section__article h4,.section__article h5,.section__article h6 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
}

.section__article h3:last-child,.section__article h4:last-child,.section__article h5:last-child,.section__article h6:last-child {
    margin-bottom: 0
}

.section__article p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 25px;
}

.section__article p:last-child {
    margin-bottom: 0
}

.section__pretitle {
    margin-bottom: 0;
}

.section__pretitle h3 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
}

.section__pretitle h3 b {
    color: #43b063;
    font-weight: normal
}

.section__pretitle--mt {
    margin-top: 50px
}

.section__text {
    margin-bottom: 0;
    margin-top: 30px;
    color: #000;
    font-size: 15px;
    line-height: 20px
}

.section__more {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 30px auto 75px;
    background-color: #43b063;
    position: relative;
    border-radius: 4px;
    height: 58px;
    color: #fff;
    font-size: 18px;
}

.section__more span {
    color: #fff !important;
}

/*.section__more:after {
    content: 'Свернуть';
    position: absolute;
    color: transparent;
    transition: .4s ease;
    z-index: 2
}*/

.section__more svg {
    width: 20px;
    fill: #fff;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    left: 50%;
    margin-left: -10px;
    bottom: -8px;
}

.section__more svg rect {
    transition: .4s ease
}

.section__more span {
    position: relative;
    z-index: 3
}

.section__more:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: -20px;
    left: 50%;
    margin-left: -30px;
    background-color: #43b063;
    border-radius: 50%;
    z-index: 1
}

.section__more:hover {
    color: #fff
}

.section__more[aria-expanded="true"] .more-text {
    display: none;
}
.section__more[aria-expanded="false"] .less-text {
    display: none;
}

.section__more[aria-expanded="true"] svg rect:last-child {
    display: none;
}

.section__more[aria-expanded="true"]:after {
    color: #fff
}

.section__more--mb0 {
    margin-bottom: 0
}

.section__more__text {
    display: inline-block;
    margin-bottom: 40px;
	font-size: 20px;
    margin-top: 15px;
}
.section__more__text[aria-expanded="true"] .more-text {
    display: none;
}
.section__more__text[aria-expanded="false"] .less-text {
    display: none;
}
.section__more__text svg {
    margin-left: 10px;
    transform: scale(1.2);
    margin-top: -3px;
}
.section__more__text[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.section__tabs-nav {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.section__tabs-nav li {
    width: calc(50% - 10px)
}

.section__tabs-nav a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    background-color: transparent;
    color: #fff;
    border: 3px solid transparent;
    font-family: 'montserrat-bold';
    font-size: 13px;
    height: 60px;
    text-align: center;
}

.section__tabs-nav a span {
    font-size: 12px;
    font-family: 'montserrat-regular'
}

.section__tabs-nav a.green {
    background-color: #86c336;
    border-color: #86c336;
    box-shadow: 0 9px 20px 0 rgba(0,0,0,0.35);
    color: #fff;
}

.section__tabs-nav a.green.active {
    border-color: #86c336;
    color: #86c336;
    background-color: transparent;
    box-shadow: none;
    cursor: default
}

.section__tabs-nav a.blue {
    background-color: #005faf;
    border-color: #005faf;
    box-shadow: 0 9px 20px 0 rgba(0,0,0,0.35);
    color: #fff;
}

.section__tabs-nav a.blue.active {
    border-color: #005faf;
    color: #005faf;
    background-color: transparent;
    box-shadow: none;
    cursor: default
}

.section__product {
    margin-top: 30px;
}

.section__product img {
    width: 100%
}

.section__product-labels {
    margin-top: 40px;
}

.section__product-labels li {
    width: 270px;
    height: 86px;
    background-color: #fcbf1d;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    margin: 0 auto 20px;
}

.section__product-labels li span {
    font-size: 22px;
    text-align: center;
    width: 70px;
    line-height: 100%;
    margin-right: 30px;
}

.section__product-labels li span b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.section__product-labels li p {
    margin-bottom: 0;
    color: #000;
    font-size: 16px
}

.section__product-labels li:last-child {
    margin: 0 auto
}

.section__product-labels-desk {
    display: none
}

.section__file {
    margin-top: 10px;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
}

.section__file svg {
    width: 50px;
    height: auto;
    margin-right: 25px
}

.section__file:hover {
    color: #1a846c
}

.section__nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.section__nav button {
    display: block;
    height: 2px;
    width: 40px;
    border-radius: 2px;
    background-color: #b3b4b5;
    margin: 0 5px;
    transition: .4s ease;
}

.section__nav button:hover {
    background-color: #43b063
}

.section__nav button.active {
    background-color: #43b063
}

.section__link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    margin: 40px auto 0;
    width: 190px;
}

.section__link svg {
    stroke: #00b15e;
    height: auto;
    transition: .4s ease;
    margin-left: 10px
}

.section__link:hover {
    color: #04454d;
}

.section__link:hover svg {
    stroke: #04454d
}

.section__link--big {
    width: 290px
}

.section__link--more svg {
    width: 20px;
    margin-top: 1px
}

.section__link--down svg {
    margin-top: 2px
}

.section__note {
    display: none
}

.section__singleimg {
    position: relative;
    display: block;
    width: 100%;
}

.section__singleimg:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    right: 0;
    height: 190px;
    top: 50%;
    margin-top: -95px;
    border-radius: 8px;
    background-color: #1a846c
}

.section__singleimg img {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    display: block
}

.section__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 40px auto 0;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.section__btn:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.section__bg {
    position: relative;
    display: block;
    overflow: hidden;
    height: 300px;
    width: 100%;
}

.section__bg img {
    position: absolute;
    top: -99px;
    left: -99px;
    right: -99px;
    bottom: -99px;
    display: block;
    margin: auto;
    width: auto;
    height: 100%
}

@media (min-width: 360px) {
    .section__tabs-nav a {
        font-size:15px
    }
}

@media (min-width: 576px) {
    .section__tabs-nav li {
        width:calc(50% - 15px)
    }

    .section__tabs-nav a {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .section {
        padding:70px 0 90px
    }

    .section--equip {
        padding: 10px 0 70px
    }

    .section--equip2 {
        padding: 70px 0 90px;
    }

    .section--equip2 .section__title {
        margin-bottom: 0;
    }

    .section--equip2 .section__title p {
        margin-bottom: 0
    }

    .section--first {
        padding: 40px 0 90px
    }

    .section--pb0 {
        padding-bottom: 0
    }

    .section--design {
        padding-top: 0
    }

    .section--composition {
        padding-top: 0
    }

    .section--mt0 {
        padding-top: 0
    }

    .section--prt {
        padding-top: 0
    }

    .section--design2 {
        margin-bottom: 90px
    }

    .section__title {
        margin-bottom: 35px;
    }

    .section__title h1,.section__title h2 {
        font-size: 32px
    }

    .section__title h3 {
        font-size: 26px;
    }

    .section__title h3.sertit {
        font-size: 20px
    }

    .section__title p {
        margin-top: 35px;
        font-size: 16px;
        line-height: 21px
    }

    .section__title span {
        font-size: 18px
    }

    .section__title--center h2 {
        text-align: center
    }

    .section__title--center p {
        text-align: center
    }

    .section__title--sol1 {
        margin-top: 30px;
        margin-bottom: 0
    }

    .section__title--sol2 {
        margin-top: 70px;
        margin-bottom: 0
    }

    .section__title--2 {
        margin-bottom: 0;
        margin-top: 35px
    }

    .section__title--big h1 {
        font-size: 42px
    }

    .section__article h1,.section__article h2 {
        font-size: 32px
    }

    .section__article h3 {
        font-size: 26px
    }

    .section__article h4 {
        font-size: 24px
    }

    .section__article h5 {
        font-size: 20px
    }

    .section__article h6 {
        font-size: 18px
    }

    .section__article h1,.section__article h2,.section__article h3,.section__article h4,.section__article h5,.section__article h6 {
        margin-bottom: 30px;
    }

    .section__article h1:last-child,.section__article h2:last-child,.section__article h3:last-child,.section__article h4:last-child,.section__article h5:last-child,.section__article h6:last-child {
        margin-bottom: 0
    }

    .section__article p {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 22px;
    }

    .section__article p:last-child {
        margin-bottom: 0
    }

    .section__pretitle {
        margin-top: 30px;
    }

    .section__pretitle h3 {
        font-size: 24px
    }

    .section__pretitle--mt {
        margin-top: 70px
    }

    .section__text {
        font-size: 16px;
        line-height: 21px;
        margin-top: 40px;
        margin-bottom: 10px
    }

    .section__more {
        margin: 30px auto 115px;
    }

    .section__more--mb0 {
        margin-bottom: 0
    }

    .section__tabs-nav {
        margin-bottom: 20px;
    }

    .section__tabs-nav a {
        height: 80px;
        font-size: 20px;
    }

    .section__tabs-nav a span {
        font-size: 14px
    }

    .section__product {
        padding: 0 100px
    }

    .section__product-labels {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 50px;
    }

    .section__product-labels li {
        margin: 0 15px;
    }

    .section__product-labels li:last-child {
        margin: 0 15px
    }

    .section__nav {
        margin-top: 45px;
    }

    .section__nav button {
        width: 70px;
        height: 4px;
        margin: 0 10px
    }

    .section__link {
        font-size: 20px
    }

    .section__btn {
        margin: 70px auto 0
    }

    .section__bg {
        height: 400px
    }
}

@media (min-width: 992px) {
    .section--design {
        position:relative;
    }

    .section--design:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        height: 390px;
        background-color: #ebf5f3
    }

    .section--green2 {
        padding: 60px 0
    }

    .section--prt {
        position: relative;
    }

    .section--prt:before {
        content: '';
        position: absolute;
        z-index: 1;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        height: 200px;
        background-color: #f6f6f6
    }

    .section--prt .container {
        position: relative;
        z-index: 2
    }

    .section__title--1 {
        margin-bottom: 0
    }

    .section__title--2 {
        margin-top: 0;
        margin-bottom: 0
    }

    .section__title--single {
        margin-bottom: 0;
    }

    .section__title--single p {
        margin-bottom: 0
    }

    .section__more {
        width: 50%
    }

    .section__product {
        padding: 0;
        margin-top: 0
    }

    .section__product-labels {
        display: none
    }

    .section__product-labels-desk {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 60px;
    }

    .section__product-labels-desk li {
        width: 150px;
        margin-right: 60px;
    }

    .section__product-labels-desk li:last-child {
        margin-right: 0
    }

    .section__product-labels-desk span {
        width: 150px;
        height: 56px;
        background-color: #fcbf1d;
        border-radius: 4px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        text-align: center;
    }

    .section__product-labels-desk span b {
        font-family: 'montserrat-bold';
        font-weight: normal;
        font-size: 24px;
        margin-right: 5px
    }

    .section__product-labels-desk p {
        margin-bottom: 0;
        font-size: 16px;
        color: #000;
        margin-left: 15px;
        margin-top: 10px;
        line-height: 21px
    }

    .section__bg {
        height: 450px
    }
}

@media (min-width: 1200px) {
    .section {
        padding:90px 0 120px
    }

    .section--equip {
        padding: 20px 0 70px
    }

    .section--equip2 {
        padding: 90px 0 120px;
    }

    .section--equip2 .section__title {
        margin-bottom: 0;
    }

    .section--equip2 .section__title p {
        margin-bottom: 0
    }

    .section--first {
        padding: 40px 0 120px
    }

    .section--pb0 {
        padding-bottom: 0
    }

    .section--design {
        padding-top: 0
    }

    .section--green2 {
        padding: 50px 0 60px
    }

    .section--mt0 {
        padding-top: 0
    }

    .section--prt {
        padding-top: 0
    }

    .section--prt:before {
        height: 270px
    }

    .section--design2 {
        margin-bottom: 120px
    }

    .section__title {
        margin-bottom: 40px;
    }

    .section__title h1,.section__title h2 {
        font-size: 36px
    }

    .section__title h3 {
        font-size: 32px;
    }

    .section__title h3.sertit {
        font-size: 22px;
        margin-top: 0
    }

    .section__title p {
        margin-top: 40px;
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 50px;
        display: block;
    }

    .section__title p.al {
        text-align: left;
        padding: 0 65px
    }

    .section__title span {
        font-size: 20px
    }

    .section__title--product {
        margin-top: 50px;
        padding-left: 40px
    }

    .section__title--product2 {
        margin-top: 20px
    }

    .section__title--sol1 {
        margin-top: 0;
        margin-bottom: 0
    }

    .section__title--sol2 {
        margin-top: 70px;
        margin-bottom: 0
    }

    .section__title--1,.section__title--2 {
        margin-bottom: 0;
    }

    .section__title--1 p,.section__title--2 p {
        margin-bottom: 0;
        margin-top: 15px
    }

    .section__title--single {
        margin-bottom: 0;
    }

    .section__title--single p {
        margin-bottom: 0;
        padding-right: 100px
    }

    .section__title--big h1 {
        font-size: 40px
    }

    .section__article h1,.section__article h2 {
        font-size: 36px
    }

    .section__article h3 {
        font-size: 32px
    }

    .section__article h4 {
        font-size: 26px
    }

    .section__article h5 {
        font-size: 20px
    }

    .section__article h6 {
        font-size: 18px
    }

    .section__article p {
        font-size: 17px;
        line-height: 24px
    }

    .section__pretitle {
        margin-top: 20px;
    }

    .section__pretitle h3 {
        font-size: 28px;
        line-height: 100%
    }

    .section__pretitle--mt {
        margin-top: 70px
    }

    .section__text {
        font-size: 17px;
        line-height: 21px;
        margin-top: 50px;
        margin-bottom: 20px;
        width: 66%
    }

    .section__more {
        margin: 30px auto 150px;
        width: 70%;
        font-size: 20px;
    }

    .section__more--mb0 {
        margin-bottom: 0
    }

    .section__tabs-nav {
        margin-bottom: 30px;
    }

    .section__tabs-nav li {
        width: 488px
    }

    .section__tabs-nav a {
        height: 100px;
        font-size: 24px;
    }

    .section__tabs-nav a span {
        font-size: 17px
    }

    .section__product-labels-desk {
        margin-top: 80px;
        margin-left: 40px;
    }

    .section__product-labels-desk p {
        font-size: 17px
    }

    .section__nav {
        margin-top: 65px
    }

    .section__content div p {
        margin-bottom: 0
    }

    .section__note {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 94px;
        margin-top: 0;
        padding-left: 30px;
        font-size: 17px;
        color: #005faf;
        position: relative;
        margin-bottom: 50px;
        margin-top: 150px;
    }

    .section__note:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #005faf;
        width: 4px;
        border-radius: 2px
    }

    .section__singleimg {
        padding-top: 85px;
    }

    .section__singleimg:before {
        height: 290px;
        margin-top: 0;
        top: 15px
    }

    .section__bg {
        height: calc(100vh - 390px);
    }

    .section__bg img {
        position: relative;
        height: auto;
        width: 100%;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }

    .section__file {
        font-size: 17px;
        line-height: 25px
    }
}

@media (min-width: 1900px) {
    .section__title--big h1 {
        font-size:50px
    }
}

.product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
    border: 1px solid #e4e5e5;
    position: relative;
    overflow: hidden;
}

.product__img {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 10px;
}

.product__img img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.product__title {
    display: block;
    position: relative;
    width: 100%;
    height: 110px;
    font-size: 17px;
    color: #000;
    font-weight: normal;
    padding: 25px 90px 0;
}

.product__title:before {
    content: '';
    position: absolute;
    display: block;
    width: 72px;
    height: 4px;
    top: 0;
    left: 50%;
    margin-left: -36px;
    background-color: #fcbf1d;
    transition: .4s ease
}

.product__title--center {
    text-align: center;
    padding: 25px 25px 0
}

.product__icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 127px;
    width: 100%;
    padding-right: 50%;
}

.product__icons img {
    margin-left: 10px
}

.product__note {
    padding: 0 30px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px
}

.product:hover {
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15);
    border-color: transparent;
}

.product:hover .product__title:before {
    background-color: #1a846c
}

.product--pot {
    margin-top: 50px;
}

.product--pot .product__title {
    height: auto;
    padding: 0 30px;
    font-family: 'montserrat-bold';
}

.product--pot .product__title:before {
    display: none
}

.product--dop .product__img img {
    margin-top: -150px
}

@media (min-width: 576px) {
    .product__title {
        padding:25px 50px 0;
    }

    .product__title--center {
        padding: 25px 25px 0
    }

    .product--dop .product__img img {
        margin-top: -120px
    }
}

@media (min-width: 768px) {
    .product {
        margin-top:40px
    }

    .product__title {
        padding: 25px 80px 0;
    }

    .product__title--center {
        padding: 25px 25px 0
    }

    .product--dop .product__img img {
        margin-top: -150px
    }
}

@media (min-width: 1200px) {
    .product {
        margin-top:50px
    }

    .product__title {
        padding: 25px 90px 0;
        height: 100px;
    }

    .product__title--center {
        padding: 25px 25px 0
    }

    .product__icons {
        bottom: 117px
    }

    .product--pot {
        margin-top: 60px
    }
}

.design__content h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
}

.design__content h2 b {
    color: #43b063;
    font-weight: normal
}

.design__content p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px
}

.design__content ul {
    margin-bottom: 0;
    color: #1a846c;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px
}

.design__carousel {
    position: relative;
    padding-top: 40px;
    margin-top: 40px;
}

.design__carousel:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: -15px;
    right: -15px;
    height: 250px;
    background-color: #ebf5f3
}

.design__cta {
    margin-top: 50px;
}

.design__cta h3 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 22px;
    text-align: center;
    display: block
}

.design__cta a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px auto 0;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.design__cta a:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.design__cta--desk {
    display: none
}

@media (min-width: 576px) {
    .design__carousel:before {
        left:calc((100vw - 510px) / -2);
        right: calc((100vw - 510px) / -2);
        height: 300px
    }
}

@media (min-width: 768px) {
    .design__content h2 {
        font-size:32px;
        margin-bottom: 30px
    }

    .design__content p {
        font-size: 16px;
        line-height: 21px
    }

    .design__content ul {
        font-size: 16px;
        line-height: 21px
    }

    .design__carousel {
        padding-top: 20px;
        margin-top: 60px;
    }

    .design__carousel:before {
        left: calc((100vw - 690px) / -2);
        right: calc((100vw - 690px) / -2)
    }

    .design__cta {
        margin-top: 70px;
    }

    .design__cta h3 {
        font-size: 24px
    }

    .design__cta a {
        margin: 40px auto 0
    }
}

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

    .design__carousel:before {
        display: none
    }

    .design__cta--mob {
        display: none
    }

    .design__cta--desk {
        display: block
    }

    .design__cta h3 {
        text-align: left;
        font-size: 28px
    }

    .design__cta a {
        margin: 40px 0 0
    }

    .design__content {
        margin-top: 60px
    }
}

@media (min-width: 1200px) {
    .design__carousel {
        margin-top:50px
    }

    .design__cta {
        padding-left: 60px
    }

    .design__content {
        padding-left: 60px;
    }

    .design__content h2 {
        font-size: 36px
    }

    .design__content p {
        font-size: 17px;
        line-height: 21px
    }

    .design__content ul {
        font-size: 17px;
        line-height: 21px
    }

    .design__content a {
        margin: 40px 0 0
    }
}

.system {
    margin-top: 30px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.system__img img {
    width: 100%
}

.system__title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 30px 30px;
    width: 100%;
    border-left: 1px solid #e4e5e5;
    border-right: 1px solid #e4e5e5;
    border-bottom: 1px solid #e4e5e5;
}

.system__title h3 {
    margin-bottom: 0;
    font-size: 17px;
    text-align: left;
    color: #000;
    font-weight: normal
}

.system__title a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px auto 0;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    background-color: #1a846c;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.system__title a:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

@media (min-width: 1200px) {
    .system__title {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        padding: 30px;
    }

    .system__title a {
        margin: 0
    }
}

.back {
    background-color: #f6f6f6;
    padding: 30px 0;
    margin-bottom: 70px;
}

.back__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.back__content h3 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px
}

.back__content a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    width: 190px;
}

.back__content a svg {
    stroke: #00b15e;
    width: 20px;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    margin-top: 1px
}

.back__content a:hover {
    color: #04454d;
}

.back__content a:hover svg {
    stroke: #04454d
}

@media (min-width: 768px) {
    .back {
        margin-bottom:80px
    }

    .back__content {
        align-items: center;
    }

    .back__content h3 {
        font-size: 32px
    }

    .back__content a {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .back {
        margin-bottom:100px
    }

    .back__content h3 {
        font-size: 36px
    }
}

.text {
    padding: 50px 0;
    background-color: #f6f6f6;
}

.text__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px;
}

.text__title h2 span {
    color: #43b063
}

.text__title h3 {
    font-size: 22px;
    margin-bottom: 0;
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-top: 35px;
    margin-bottom: -5px
}

.text__title h4 {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.text__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.text__title--grey {
    padding: 50px 0;
    background-color: #f6f6f6;
    position: relative;
}

.text__title--grey:before,.text__title--grey:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #f6f6f6;
    top: 0;
    bottom: 0;
    width: 15px;
    pointer-events: none
}

.text__title--grey:before {
    right: 100%
}

.text__title--grey:after {
    left: 100%
}

.text__link {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    margin-top: 30px;
}

.text__link svg {
    stroke: #00b15e;
    transition: .4s ease;
    margin-left: 10px;
    margin-top: 2px
}

.text__link:hover {
    color: #04454d;
}

.text__link:hover svg {
    stroke: #04454d
}

.text__link[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.text--orange {
    background-color: #f5f2eb
}

@media (min-width: 576px) {
    .text__title--grey:before,.text__title--grey:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .text {
        padding:70px 0
    }

    .text__title h2 {
        font-size: 32px
    }

    .text__title h3 {
        font-size: 26px;
        margin-bottom: -10px
    }

    .text__title p {
        margin-top: 35px;
        font-size: 16px;
        line-height: 21px
    }

    .text__title--grey {
        padding: 70px 0;
    }

    .text__title--grey:before,.text__title--grey:after {
        width: calc((100vw - 690px) / 2)
    }

    .text__link {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .text__title--grey:before,.text__title--grey:after {
        width:calc((100vw - 930px) / 2)
    }
}

@media (min-width: 1200px) {
    .text {
        padding:0;
        background-color: transparent
    }

    .text__title {
        background-color: #f6f6f6;
        border-radius: 8px;
        margin-top: 90px;
        padding: 90px 70px;
    }

    .text__title h2 {
        font-size: 36px
    }

    .text__title h3 {
        font-size: 32px;
        margin-bottom: -10px;
        margin-top: 35px
    }

    .text__title p {
        font-size: 17px;
        line-height: 21px
    }

    .text__title--mt0 {
        margin-top: 0
    }

    .text__title--grey:before,.text__title--grey:after {
        display: none
    }

    .text__title--orange h2 {
        padding-right: 50px
    }

    .text__title--orange p {
        margin-top: 10px
    }

    .text--full {
        background-color: #f6f6f6
    }

    .text--mb {
        margin-bottom: 120px
    }

    .text--mt {
        margin-top: 120px
    }

    .text--orange .text__title {
        background-color: #f5f2eb
    }
}

@media (min-width: 1300px) {
    .text .container {
        max-width:1330px
    }

    .text__title {
        padding: 90px 150px;
    }

    .text__title--grey {
        padding: 90px 460px 90px 0;
        border-radius: 0;
    }

    .text__title--grey:before,.text__title--grey:after {
        display: block;
        width: 80px
    }
}

.about {
    background-color: #f5f2eb;
    padding: 40px 0;
}

.about__img {
    width: 100%
}

.about__text {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 40px;
}

.about__text b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

@media (min-width: 768px) {
    .about {
        padding:70px 0 90px
    }

    .about__text {
        font-size: 16px;
        line-height: 21px;
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .about__img {
        position:absolute;
        right: 15px
    }
}

@media (min-width: 1200px) {
    .about {
        padding:90px 0 120px
    }

    .about__text {
        font-size: 17px;
        line-height: 21px
    }

    .about__img {
        right: -70px;
        top: -70px;
        width: 700px
    }
}

.achievements {
    margin-top: 30px;
    border-radius: 4px;
    background-color: #f5f2eb;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 20px 0;
    height: 200px;
    width: 100%;
}

.achievements span {
    font-size: 32px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-bottom: 10px;
    display: block;
    line-height: 100%;
    color: #000
}

.achievements p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    word-wrap: break-word;
    width: 100%;
    color: #000;
}

.achievements p b {
    display: block;
    font-family: 'montserrat-bold';
    font-weight: normal;
    font-size: 16px
}

.achievements--green {
    background-color: #1a846c;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.achievements--green span {
    color: #fff
}

.achievements--green p {
    color: #fff
}

@media (min-width: 768px) {
    .achievements {
        height:260px;
        padding: 40px 40px 0
    }

    .achievements span {
        font-size: 46px;
        margin-bottom: 30px
    }

    .achievements p {
        font-size: 16px;
        line-height: 21px;
    }

    .achievements p b {
        font-size: 20px;
        margin-bottom: 5px
    }
}

@media (min-width: 1200px) {
    .achievements {
        height:310px;
        padding: 40px 60px 0
    }

    .achievements span {
        font-size: 70px
    }

    .achievements p {
        word-wrap: normal;
        font-size: 17px;
        line-height: 24px;
    }

    .achievements p b {
        font-size: 28px;
        margin-bottom: 10px
    }
}

.else {
    margin-top: 30px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 0 0;
    height: 200px;
    width: 100%;
}

.else span {
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    font-size: 17px
}

.else ul li {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 10px;
    background: url("../img/ch.svg") no-repeat left top 5px;
}

.else ul li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .else {
        height:260px;
        padding: 55px 20px 0
    }

    .else span {
        font-size: 18px
    }

    .else ul li {
        font-size: 16px;
        line-height: 21px;
        background-size: 12px auto
    }
}

@media (min-width: 1200px) {
    .else {
        height:310px;
        padding: 75px 20px 0
    }

    .else span {
        font-size: 24px;
        margin-bottom: 20px
    }

    .else ul li {
        font-size: 17px;
        line-height: 24px;
        padding-left: 40px;
        background-size: 20px auto;
        background-position: left top 10px;
        margin-bottom: 15px;
    }

    .else ul li:last-child {
        margin-bottom: 0
    }
}

.accordion2__title {
    padding: 30px 20px;
    border-radius: 4px;
    background-color: #f6f6f6;
}

.accordion2__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
    font-size: 24px;
}

.accordion2__title h2 span {
    color: #43b063
}

.accordion2__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px
}

.accordion2__card {
    border-bottom: 1px solid #b7b8b9;
    width: 100%
}

.accordion2__btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    text-align: left;
    width: 100%;
}

.accordion2__btn span {
    display: block;
    width: calc(100% - 40px);
    font-size: 16px;
    color: #000
}

.accordion2__btn svg {
    transition: .4s ease
}

.accordion2__btn[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion2__content {
    padding: 20px 20px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.accordion2__content .open-img {
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #b7b8b9;
    margin-right: 20px;
}

.accordion2__content .open-img:before {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url("../img/plus.svg") no-repeat center #fff;
    border: 2px solid #43b063;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    transition: .4s ease
}

.accordion2__content .open-img img {
    width: 180px
}

.accordion2__content .open-img:last-child {
    margin-right: 0
}

.accordion2__content .open-img:hover:before {
    transform: rotate(180deg)
}

.accordion2__content--2 {
    padding: 20px 0 0
}

.accordion2__odp {
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

.accordion2__odp ul {
    margin-bottom: 20px;
}

.accordion2__odp ul:last-child {
    margin-bottom: 0
}

.accordion2__odp ul li {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

.accordion2__odp ul li:last-child {
    margin-bottom: 0
}

.accordion2__odp p {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
}

.accordion2__odp p b {
    font-weight: normal;
    font-family: 'montserrat-bold'
}

.accordion2__odp p:last-child {
    margin-bottom: 0
}

.accordion2__odp table {
    width: 100%;
}

.accordion2__odp table td {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #b7b8b9;
}

.accordion2__odp table td:first-child {
    padding: 10px 20px 10px 0
}

.accordion2__odp table tr:last-child td {
    border-bottom: 0
}

.accordion2__odp-wrap {
    margin: 30px 0 -20px;
}

.accordion2__odp-wrap p {
    margin-bottom: 20px !important
}

.accordion2--odp .accordion2__title {
    padding: 30px 0;
    position: relative;
}

.accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    background-color: #f6f6f6;
    top: 0;
    bottom: 0
}

.accordion2--odp .accordion2__title:before {
    right: 100%
}

.accordion2--odp .accordion2__title:after {
    left: 100%
}

.accordion2--odp .accordion2__btn {
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding: 30px 0;
    background-color: #f6f6f6;
    position: relative;
}

.accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    background-color: #f6f6f6;
    top: 0;
    bottom: 0
}

.accordion2--odp .accordion2__btn:before {
    right: 100%
}

.accordion2--odp .accordion2__btn:after {
    left: 100%
}

@media (min-width: 576px) {
    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        width:calc((100vw - 510px) / 2)
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        width: calc((100vw - 510px) / 2)
    }

    .accordion2__content--2 {
        padding: 0
    }
}

@media (min-width: 768px) {
    .accordion2__title {
        padding:30px;
    }

    .accordion2__title h2 {
        font-size: 32px
    }

    .accordion2__title p {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__btn {
        height: 110px
    }

    .accordion2__content .open-img img {
        width: 220px
    }

    .accordion2__odp ul li {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__odp p {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__odp table td {
        font-size: 16px;
        line-height: 21px
    }

    .accordion2__odp-wrap {
        position: relative;
        margin: 30px 0;
    }

    .accordion2__odp-wrap:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        bottom: 0;
        width: 1px;
        height: auto;
        background-color: #b7b8b9;
        left: 50%
    }

    .accordion2__odp-wrap p {
        margin-bottom: 0 !important
    }

    .accordion2__odp-wrap .col-12:nth-child(odd) {
        margin-top: 30px;
    }

    .accordion2__odp-wrap .col-12:nth-child(odd) p {
        padding-right: 75px
    }

    .accordion2__odp-wrap .col-12:nth-child(even) {
        margin-top: 30px;
    }

    .accordion2__odp-wrap .col-12:nth-child(even) p {
        padding-left: 75px
    }

    .accordion2__odp-wrap .col-12:first-child,.accordion2__odp-wrap .col-12:nth-child(2) {
        margin-top: 0
    }

    .accordion2--odp .accordion2__btn {
        height: 70px;
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        width: calc((100vw - 690px) / 2)
    }

    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        width: calc((100vw - 690px) / 2)
    }
}

@media (min-width: 992px) {
    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        width:calc((100vw - 930px) / 2)
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        width: calc((100vw - 930px) / 2)
    }
}

@media (min-width: 1200px) {
    .accordion2__title {
        padding:50px 70px 50px;
    }

    .accordion2__title h2 {
        font-size: 36px
    }

    .accordion2__title p {
        font-size: 17px;
        line-height: 21px;
        display: block
    }

    .accordion2__btn {
        padding: 0 70px;
    }

    .accordion2__btn span {
        width: calc(100% - 300px);
        font-size: 20px
    }

    .accordion2__content {
        padding: 20px 70px;
    }

    .accordion2__content .open-img {
        margin-right: 60px
    }

    .accordion2__content--2 {
        padding: 20px 0 0
    }

    .accordion2__odp {
        margin-bottom: 25px;
        position: relative;
        margin-top: 0;
    }

    .accordion2__odp table td {
        font-size: 17px;
        line-height: 21px;
        padding: 15px 0;
    }

    .accordion2__odp table td:first-child {
        padding: 15px 20px 15px 0
    }

    .accordion2__odp ul {
        margin-bottom: 25px;
    }

    .accordion2__odp ul li {
        font-size: 17px;
        line-height: 21px
    }

    .accordion2__odp ul:last-child {
        margin-bottom: 0
    }

    .accordion2__odp p {
        margin-bottom: 25px;
        font-size: 17px;
        line-height: 21px;
    }

    .accordion2__odp p:last-child {
        margin-bottom: 0
    }

    .accordion2--odp {
        position: relative;
        padding-bottom: 40px;
        background-color: #f6f6f6;
    }

    .accordion2--odp:before,.accordion2--odp:after {
        content: '';
        position: absolute;
        display: block;
        width: 80px;
        background-color: #f6f6f6;
        top: 0;
        bottom: 0
    }

    .accordion2--odp:before {
        right: 100%;
        border-radius: 8px 0 0 8px
    }

    .accordion2--odp:after {
        border-radius: 0 8px 8px 0;
        left: 100%
    }

    .accordion2--odp .accordion2__odp {
        background-color: #fff;
        margin-bottom: 0;
        padding-bottom: 25px;
        padding-top: 25px
    }

    .accordion2--odp .accordion2__title {
        margin-top: 90px;
        padding: 50px 0 50px;
    }

    .accordion2--odp .accordion2__title:before,.accordion2--odp .accordion2__title:after {
        display: none
    }

    .accordion2--odp .accordion2__btn {
        height: 70px;
        padding: 0 20px 0 0;
    }

    .accordion2--odp .accordion2__btn span {
        font-size: 17px
    }

    .accordion2--odp .accordion2__btn:before,.accordion2--odp .accordion2__btn:after {
        display: none
    }

    .accordion2--odp .accordion2__card {
        position: relative;
    }

    .accordion2--odp .accordion2__card:before,.accordion2--odp .accordion2__card:after {
        content: '';
        position: absolute;
        display: block;
        width: 80px;
        background-color: #fff;
        z-index: 1;
        top: 70px;
        bottom: 0;
        transition: .4s ease
    }

    .accordion2--odp .accordion2__card:before {
        right: 100%
    }

    .accordion2--odp .accordion2__card:after {
        left: 100%
    }

    .accordion2--odp .accordion2__card .accordion2__content--2 {
        background-color: #fff
    }

    .accordion2--odp .accordion2__card:last-child {
        border-bottom: none
    }
}

.accordion3 {
    margin-top: 30px;
}

.accordion3__card {
    width: 100%;
}

.accordion3__card:last-child .accordion3__content {
    padding: 20px 0 0
}

.accordion3__btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%;
    height: 70px;
    position: relative;
}

.accordion3__btn:before {
    content: '';
    position: absolute;
    display: block;
    width: 170px;
    height: 2px;
    left: 0;
    top: 0;
    background-color: #b3b4b5;
    transition: .4s ease
}

.accordion3__btn span {
    display: block;
    width: calc(100% - 40px);
    font-size: 16px;
    color: #b3b4b5;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    transition: .4s ease
}

.accordion3__btn svg {
    transition: .4s ease
}

.accordion3__btn--green[aria-expanded="true"]:before {
    background-color: #43b063
}

.accordion3__btn--green[aria-expanded="true"] span {
    color: #43b063
}

.accordion3__btn--green[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__btn--yellow[aria-expanded="true"]:before {
    background-color: #fcbf1d
}

.accordion3__btn--yellow[aria-expanded="true"] span {
    color: #fcbf1d
}

.accordion3__btn--yellow[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__btn--blue[aria-expanded="true"]:before {
    background-color: #005faf
}

.accordion3__btn--blue[aria-expanded="true"] span {
    color: #005faf
}

.accordion3__btn--blue[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__btn--purple[aria-expanded="true"]:before {
    background-color: #ac48a4
}

.accordion3__btn--purple[aria-expanded="true"] span {
    color: #ac48a4
}

.accordion3__btn--purple[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion3__content {
    padding: 20px 0 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.accordion3__content li {
    padding: 0 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.accordion3__content li:last-child {
    margin-bottom: 0
}

.accordion3__content li:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 7px;
    left: 0
}

.accordion3__content--green li:before {
    background-color: #43b063
}

.accordion3__content--yellow li:before {
    background-color: #fcbf1d
}

.accordion3__content--blue li:before {
    background-color: #005faf
}

.accordion3__content--purple li:before {
    background-color: #ac48a4
}

@media (min-width: 1200px) {
    .accordion3 {
        display:none
    }
}

.tabs {
    display: none;
}

.tabs__content--2 {
    padding: 20px 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.tabs__content--2 li {
    padding: 0 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.tabs__content--2 li:last-child {
    margin-bottom: 0
}

.tabs__content--2 li:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 7px;
    left: 0
}

.tabs__content--green li:before {
    background-color: #43b063
}

.tabs__content--yellow li:before {
    background-color: #fcbf1d
}

.tabs__content--blue li:before {
    background-color: #005faf
}

.tabs__content--purple li:before {
    background-color: #ac48a4
}

.tabs__nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.tabs__nav li {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 60px;
    position: relative;
}

.tabs__nav li:last-child {
    margin-right: 0
}

.tabs__nav a {
    font-size: 24px;
    color: #b3b4b5;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    line-height: 100%;
    padding-top: 40px;
}

.tabs__nav a:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    transition: .4s ease
}

.tabs__nav a.green.active {
    color: #43b063;
}

.tabs__nav a.green.active:before {
    background-color: #43b063
}

.tabs__nav a.green:hover {
    color: #43b063
}

.tabs__nav a.yellow.active {
    color: #fcbf1d;
}

.tabs__nav a.yellow.active:before {
    background-color: #fcbf1d
}

.tabs__nav a.yellow:hover {
    color: #fcbf1d
}

.tabs__nav a.blue.active {
    color: #005faf;
}

.tabs__nav a.blue.active:before {
    background-color: #005faf
}

.tabs__nav a.blue:hover {
    color: #005faf
}

.tabs__nav a.purple.active {
    color: #ac48a4;
}

.tabs__nav a.purple.active:before {
    background-color: #ac48a4
}

.tabs__nav a.purple:hover {
    color: #ac48a4
}

.tabs--mob {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 30px;
    background-color: #fff;
    padding-bottom: 50px;
}

.tabs--mob:before,.tabs--mob:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    top: 0;
    width: 15px;
    background-color: #fff;
    pointer-events: none;
    z-index: 1
}

.tabs--mob:before {
    right: 100%
}

.tabs--mob:after {
    left: 100%
}

.tabs--mob .opti {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    color: #005faf;
    margin-bottom: 20px;
    padding-right: 35px;
    position: relative;
}

.tabs--mob .opti:before {
    content: '+';
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 16px;
    border-radius: 50%;
    border: 1px solid #005faf;
    right: 0;
    color: #005faf;
    transition: .4s ease
}

.tabs--mob .opti:after {
    content: '—';
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 50%;
    right: 0;
    color: #005faf;
    opacity: 0;
    transition: .4s ease
}

.tabs--mob .opti[aria-expanded="true"]:before {
    color: transparent
}

.tabs--mob .opti[aria-expanded="true"]:after {
    opacity: 1
}

.tabs--mob .tabs__nav {
    margin-bottom: 20px;
}

.tabs--mob .tabs__nav a {
    font-size: 20px;
    padding-top: 30px
}

.tabs--mob .tabs__nav li:last-child {
    display: none
}

.tabs--mob .tabs__content {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.tabs--mob .tabs__content li {
    padding: 0 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.tabs--mob .tabs__content li:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 7px;
    left: 0
}

.tabs--mob .tabs__content--green li:before {
    background-color: #43b063
}

.tabs--mob .tabs__content--yellow li:before {
    background-color: #fcbf1d
}

.tabs--mob .tabs__content--blue li:before {
    background-color: #005faf
}

.tabs--mob .tabs__content--purple li:before {
    background-color: #ac48a4
}

.tabs--mob .tabs__content:last-child {
    padding-bottom: 20px
}

.tabs--mob .accordion2__btn {
    padding: 20px 0;
}

.tabs--mob .accordion2__btn span {
    font-family: 'montserrat-bold';
    font-size: 16px
}

@media (min-width: 576px) {
    .tabs--mob:before,.tabs--mob:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .tabs--mob {
        padding-bottom:70px;
    }

    .tabs--mob:before,.tabs--mob:after {
        width: calc((100vw - 690px) / 2)
    }

    .tabs--mob .tabs__nav li:last-child {
        display: inline-flex
    }
}

@media (min-width: 992px) {
    .tabs--mob:before,.tabs--mob:after {
        width:calc((100vw - 930px) / 2)
    }
}

@media (min-width: 1200px) {
    .tabs {
        display:block;
        position: relative;
        width: 100%;
        margin-top: 20px;
        background-color: #fff
    }

    .tabs--mob {
        padding-bottom: 80px;
        margin-bottom: 90px;
    }

    .tabs--mob .opti {
        margin-left: 230px;
        font-size: 17px
    }

    .tabs--mob .accordion2__btn span {
        font-size: 20px;
        width: 200px
    }

    .tabs--mob .tabs__nav {
        margin-bottom: 30px;
    }

    .tabs--mob .tabs__nav a {
        padding-top: 40px;
        font-size: 24px
    }

    .tabs--mob .tabs__content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
        padding-left: 200px;
        padding-right: 100px;
        z-index: 1;
    }

    .tabs--mob .tabs__content li {
        padding: 0 30px 0 80px;
        width: 50%;
        position: relative;
        margin-bottom: 20px;
        font-size: 17px;
        line-height: 28px;
        color: #000;
        margin-top: 0;
    }

    .tabs--mob .tabs__content li:after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 36px;
        left: -1px;
        background-color: #dededf;
        top: 9px
    }

    .tabs--mob .tabs__content li:last-child {
        margin-bottom: 20px
    }

    .tabs--mob .tabs__content li:before {
        content: '';
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        top: 9px;
        left: 50px
    }

    .tabs--mob .tabs__content li:nth-child(3n+2) {
        width: 50%;
        padding: 0 30px 0 80px;
    }

    .tabs--mob .tabs__content li:nth-child(3n+2):before {
        left: 50px
    }

    .tabs--mob .tabs__content li:nth-child(3n+2):after {
        display: block
    }

    .tabs--mob .tabs__content li:nth-child(3n+3) {
        padding: 0 30px 0 80px;
    }

    .tabs--mob .tabs__content li:nth-child(3n+3):before {
        left: 50px
    }

    .tabs--mob .tabs__content li:nth-child(2n-1) {
        padding: 0 100px 0 30px;
    }

    .tabs--mob .tabs__content li:nth-child(2n-1):before {
        left: 0
    }

    .tabs--mob .tabs__content li:nth-child(2n-1):after {
        display: none
    }

    .tabs:before,.tabs:after {
        content: '';
        position: absolute;
        display: block;
        bottom: 0;
        top: 0;
        width: 80px;
        background-color: #fff;
        pointer-events: none;
        z-index: 1
    }

    .tabs:before {
        right: 100%
    }

    .tabs:after {
        left: 100%
    }

    .tabs:before {
        border-radius: 8px 0 0 8px
    }

    .tabs:after {
        border-radius: 0 8px 8px 0
    }

    .tabs__content {
        padding: 0 0 70px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
    }

    .tabs__content li {
        padding: 0 100px 0 30px;
        width: 28%;
        position: relative;
        margin-bottom: 15px;
        font-size: 17px;
        line-height: 28px;
        color: #000;
        margin-top: 70px;
    }

    .tabs__content li:last-child {
        margin-bottom: 0
    }

    .tabs__content li:before {
        content: '';
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        top: 9px;
        left: 0
    }

    .tabs__content li:nth-child(3n+2) {
        width: 44%;
        padding-left: 130px;
        padding-right: 80px;
    }

    .tabs__content li:nth-child(3n+2):before {
        left: 80px
    }

    .tabs__content li:nth-child(3n+2):after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 36px;
        left: -1px;
        background-color: #dededf;
        top: 9px
    }

    .tabs__content li:nth-child(3n+3) {
        padding-left: 110px;
        padding-right: 0;
    }

    .tabs__content li:nth-child(3n+3):before {
        left: 80px
    }

    .tabs__content li:nth-child(3n+3):after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 36px;
        left: -1px;
        background-color: #dededf;
        top: 9px
    }

    .tabs__content--2 {
        padding-bottom: 0;
    }

    .tabs__content--2 li {
        margin-top: 40px
    }

    .tabs__content--green li:before {
        background-color: #43b063
    }

    .tabs__content--yellow li:before {
        background-color: #fcbf1d
    }

    .tabs__content--blue li:before {
        background-color: #005faf
    }

    .tabs__content--purple li:before {
        background-color: #ac48a4
    }
}

.accordion4__card {
    width: 100%;
    margin-top: 30px;
}

.accordion4__card:last-child .accordion4__content {
    padding: 20px 0 0
}

.accordion4__btn {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    padding: 20px 0 15px;
    background-color: #14454d;
    position: relative;
}

.accordion4__btn:before,.accordion4__btn:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #14454d;
    top: 0;
    bottom: 0;
    width: 15px;
    pointer-events: none
}

.accordion4__btn:before {
    right: 100%
}

.accordion4__btn:after {
    left: 100%
}

.accordion4__btn span {
    display: block;
    font-size: 20px;
    color: #fff;
    font-family: 'montserrat-bold'
}

.accordion4__btn p {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 15px
}

.accordion4__btn svg {
    transition: .4s ease;
    margin: 0 auto
}

.accordion4__btn[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.accordion4__content {
    padding: 20px 0 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

@media (min-width: 576px) {
    .accordion4__btn:before,.accordion4__btn:after {
        width:calc((100vw - 510px) / 2)
    }
}

@media (min-width: 768px) {
    .accordion4 {
        margin-top:-30px
    }

    .accordion4__btn {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 0;
        min-height: 130px;
    }

    .accordion4__btn:before,.accordion4__btn:after {
        width: calc((100vw - 690px) / 2)
    }

    .accordion4__btn span {
        font-size: 26px;
        width: 150px
    }

    .accordion4__btn p {
        margin: 0;
        width: calc(100% - 250px);
        font-size: 16px;
        line-height: 21px
    }

    .accordion4__btn svg {
        margin: 0 0 0 auto
    }
}

@media (min-width: 992px) {
    .accordion4__btn {
        padding:20px 60px;
    }

    .accordion4__btn:before {
        width: 15px;
        border-radius: 10px 0 0 10px
    }

    .accordion4__btn:after {
        width: 15px;
        border-radius: 0 10px 10px 0
    }

    .accordion4__btn span {
        font-size: 36px;
        width: 220px
    }

    .accordion4__btn p {
        width: calc(100% - 320px);
        font-size: 17px
    }
}

.brands {
    background-color: #00343d;
    padding: 50px 0;
    background: url("../img/brands-mob.png") no-repeat center top 160px/cover #00343d;
}

.brands .section__title {
    margin-bottom: 50px
}

.brands__stat {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.brands__stat li {
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative;
    width: 190px;
}

.brands__stat li:before {
    content: '';
    width: 56px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -28px;
    background-color: #fff;
    border-radius: 2px
}

.brands__stat li:last-child {
    padding-bottom: 0;
}

.brands__stat li:last-child:before {
    display: none
}

.brands__stat li:first-child {
    margin-top: 50px
}

.brands__stat span {
    font-size: 42px;
    color: #fff
}

.brands__stat p {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
    text-align: left
}

@media (min-width: 768px) {
    .brands {
        padding:0;
        background: url("../img/brands-desk.jpg") no-repeat center top 195px/cover #00343d
    }

    .brands .section__title {
        margin-bottom: 60px;
        margin-top: 60px
    }

    .brands__stat {
        flex-direction: row;
        margin-top: 60px;
        margin-bottom: 60px;
        width: 100%;
    }

    .brands__stat li {
        width: auto;
        padding-right: 60px;
        margin-right: 60px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .brands__stat li:before {
        width: 3px;
        height: 56px;
        right: -1px;
        top: 50%;
        bottom: auto;
        left: auto;
        margin-left: 0;
        margin-top: -28px
    }

    .brands__stat li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .brands__stat li:last-child:before {
        display: none
    }

    .brands__stat li:first-child {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .brands__stat li {
        padding-right:100px;
        margin-right: 100px;
    }

    .brands__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .brands {
        background-position:center top 200px
    }

    .brands__stat li {
        padding-right: 120px;
        margin-right: 120px;
    }

    .brands__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .brands__stat span {
        font-size: 66px
    }

    .brands__stat p {
        font-size: 21px;
        line-height: 29px
    }
}

.statp {
    padding: 50px 0;
    background-color: #00343d;
    background: url("../img/stats-mob.jpg") no-repeat center/cover #00343d;
}

.statp__stat {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 50px;
}

.statp__stat li {
    width: 100%;
    margin-top: 35px;
    padding-bottom: 35px;
    position: relative;
}

.statp__stat li:before {
    content: '';
    width: 56px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin-left: -28px;
    background-color: #1a846c;
    border-radius: 2px
}

.statp__stat li:last-child {
    padding-bottom: 0;
}

.statp__stat li:last-child:before {
    display: none
}

.statp__stat li:first-child {
    margin-top: 0
}

.statp__stat span {
    font-size: 42px;
    color: #fff;
    font-family: 'montserrat-bold';
    font-weight: normal;
    line-height: 100%;
    margin-bottom: 10px;
    display: block;
    white-space: nowrap;
}

.statp__stat span small {
    font-size: 30px;
    font-weight: normal
}

.statp__stat p {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
    text-align: left;
}

.statp__stat p b {
    font-family: 'montserrat-bold';
    font-weight: normal;
    display: block;
    margin-bottom: 10px
}

@media (min-width: 370px) {
    .statp__stat {
        padding:0 60px
    }
}

@media (min-width: 768px) {
    .statp {
        background:url("../img/stats.jpg") no-repeat center/cover #00343d
    }

    .statp__stat {
        flex-direction: row;
        margin-top: 60px;
        margin-bottom: 60px;
        width: 100%;
        padding: 0;
    }

    .statp__stat li {
        width: 33%;
        padding-right: 30px;
        margin-right: 30px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .statp__stat li:before {
        width: 3px;
        height: 56px;
        right: -1px;
        top: 50%;
        bottom: auto;
        left: auto;
        margin-left: 0;
        margin-top: -28px
    }

    .statp__stat li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .statp__stat li:last-child:before {
        display: none
    }

    .statp__stat li:first-child {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .statp__stat li {
        padding-right:40px;
        margin-right: 40px;
    }

    .statp__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .statp__stat li {
        padding-right:60px;
        margin-right: 60px;
    }

    .statp__stat li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .statp__stat span {
        font-size: 50px
    }

    .statp__stat p {
        font-size: 21px;
        line-height: 29px
    }
}

.breadcrumb-mobile {
    display: block;
    background-color: #0c3245;
    padding-top: 25px
}

.breadcrumb {
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.breadcrumb li {
    color: #b3b4b5;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    padding-right: 15px;
}

.breadcrumb li:before {
    content: '/';
    position: absolute;
    color: #b3b4b5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 15px;
    right: 0;
    top: 0
}

.breadcrumb li a {
    color: #b3b4b5;
}

.breadcrumb li a:hover {
    color: #01353e
}

.breadcrumb li:last-child {
    padding-right: 0;
}

.breadcrumb li:last-child:before {
    display: none
}

.breadcrumb--head {
    margin-bottom: 0;
    margin-top: 25px;
}

.breadcrumb--head li:before {
    color: #b3b4b5
}

.breadcrumb--head li a {
    color: #b3b4b5;
}

.breadcrumb--head li a:hover {
    color: #fff
}

.breadcrumb--head2 {
    margin-bottom: 0;
    margin-top: 25px;
}

.breadcrumb--head2 li:before {
    color: #b3b4b5
}

.breadcrumb--head2 li a {
    color: #b3b4b5;
}

.breadcrumb--head2 li a:hover {
    color: #01353e
}

.breadcrumb--footer {
    display: flex;
    margin-bottom: 0;
}

.breadcrumb--footer li a {
    color: #b3b4b5;
}

.breadcrumb--footer li a:hover {
    color: #fff
}

@media (min-width: 768px) {
    .breadcrumb {
        margin-bottom:30px
    }

    .breadcrumb li {
        font-size: 16px;
        line-height: 21px
    }

    .breadcrumb--head,.breadcrumb--head2 {
        margin-top: 40px;
        margin-bottom: 0
    }

    .breadcrumb--footer {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .breadcrumb {
        display:flex
    }

    .breadcrumb li {
        font-size: 17px;
        line-height: 21px
    }

    .breadcrumb--big {
        margin-top: 15px
    }

    .breadcrumb--footer {
        display: none
    }
}

.equip {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 40px;
}

.equip__img {
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
    border-radius: 50%;
    overflow: hidden;
}

.equip__img img {
    width: 100%;
    height: auto
}

.equip__title {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding-right: 20px;
    margin-top: 30px
}

.equip__text {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
    max-width: 235px
}

.equip__link {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 18px;
    color: #00b15e;
    margin-top: 40px;
    text-align: right;
}

.equip__link span {
    display: block;
    width: calc(100% - 30px)
}

.equip__link svg {
    stroke: #00b15e;
    height: auto;
    width: 20px !important;
    margin-top: 1px;
    transition: .4s ease;
    margin-left: 10px
}

.equip__link:hover {
    color: #04454d;
}

.equip__link:hover svg {
    stroke: #04454d
}

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

    .equip__title {
        font-size: 20px
    }

    .equip__text {
        font-size: 17px;
        line-height: 25px
    }

    .equip__link {
        font-size: 20px;
        margin-top: 60px;
        justify-content: flex-start
    }
}

@media (min-width: 1200px) {
    .equip {
        margin-top:80px
    }
}

.condition {
    margin-top: 30px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 20px 40px 40px;
    position: relative;
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15);
}

.condition:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    height: 10px;
    left: 0;
    width: 245px
}

.condition h3 {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding-right: 20px
}

.condition ul {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
}

.condition ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.condition ul li:before {
    content: '—';
    position: absolute;
    left: 0;
    color: #000;
    font-size: 15px
}

.condition ul li:last-child {
    margin-bottom: 0
}

.condition--blue:before {
    background-color: #005faf
}

.condition--green:before {
    background-color: #86c336
}

@media (min-width: 768px) {
    .condition {
        height:275px;
        padding: 40px 20px 0 40px
    }

    .condition h3 {
        font-size: 20px
    }

    .condition ul {
        font-size: 17px;
        line-height: 25px;
    }

    .condition ul li {
        margin-bottom: 10px;
    }

    .condition ul li:before {
        font-size: 16px
    }

    .condition ul li:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .condition {
        padding:40px 20px 0 65px
    }

    .condition ul li {
        padding-left: 30px
    }
}

@media (min-width: 1200px) {
    .condition {
        padding:40px 30px 0 65px
    }
}

.steps {
    margin-top: 30px;
}

.steps__item {
    position: relative;
    padding-left: 55px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;
}

.steps__item:first-child {
    margin-top: 0
}

.steps__item:last-child:before {
    display: none
}

.steps__item:before {
    content: '';
    position: absolute;
    display: block;
    top: 18px;
    bottom: -30px;
    left: 17px;
    width: 2px;
    background-color: #43b063;
    z-index: 1
}

.steps__item span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #43b063;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
    color: #04454d;
    font-size: 20px;
    font-family: 'montserrat-bold';
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 2
}

.steps__item h3 {
    color: #43b063;
    font-size: 18px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 10px;
    width: auto;
    border-bottom: 2px dotted #43b063
}

.steps__item p {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px
}

.steps__item ul {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
}

.steps__item ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
	padding-left: 25px;
}

.steps__item ul li:before {
    content: '— ';
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 15px
}

.steps__item ul li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .steps {
        margin:30px auto 0;
        width: 680px
    }

    .steps__item {
        width: 680px;
        padding-left: 0;
        padding-right: 400px;
        margin-top: 0;
    }

    .steps__item span {
        width: 50px;
        height: 50px;
        font-size: 24px;
        left: 50%;
        margin-left: -25px;
        top: 13px
    }

    .steps__item h3 {
        font-size: 20px;
        width: 100%
    }

    .steps__item p {
        font-size: 17px;
        line-height: 25px
    }

    .steps__item ul {
        font-size: 17px;
        line-height: 25px;
    }

    .steps__item ul li {
        margin-bottom: 10px;
    }

    .steps__item ul li:before {
        font-size: 16px
    }

    .steps__item ul li:last-child {
        margin-bottom: 0
    }

    .steps__item:before {
        left: 339px;
        top: 25px;
        bottom: -45px
    }

    .steps__item:nth-child(2n) {
        padding-left: 400px;
        padding-right: 0;
    }

    .steps__item:nth-child(2n) h3 {
        text-align: right
    }
}

.feature {
    margin-top: 30px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #ebf5f3;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 20px 40px 40px;
    position: relative;
}

.feature img {
    position: absolute;
    top: 35px;
    left: 0;
    height: 60px;
    width: auto
}

.feature h3 {
    margin-bottom: 0;
    font-size: 18px;
    color: #00343d;
    font-family: 'montserrat-bold';
    font-weight: normal;
    padding-left: 50px;
    padding-right: 20px;
    min-height: 54px
}

.feature ul {
    margin-bottom: 0;
    color: #04454d;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
}

.feature ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.feature ul li:before {
    content: '—';
    position: absolute;
    left: 0;
    color: #04454d;
    font-size: 15px
}

.feature ul li:last-child {
    margin-bottom: 0
}

.feature--collapse img {
    left: 20px
}

.feature--collapse h3 {
    padding-left: 75px
}

@media (min-width: 768px) {
    .feature {
        height:320px;
        padding: 40px 20px 0 40px
    }

    .feature h3 {
        font-size: 20px;
        min-height: 60px
    }

    .feature ul {
        font-size: 17px;
        line-height: 25px;
    }

    .feature ul li {
        margin-bottom: 10px;
    }

    .feature ul li:before {
        font-size: 16px
    }

    .feature ul li:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .feature {
        padding:40px 20px 0 65px
    }

    .feature img {
        left: 20px
    }

    .feature ul li {
        padding-left: 30px
    }

    .feature--collapse {
        padding: 40px 40px 0 65px;
    }

    .feature--collapse img {
        left: 45px
    }

    .feature--collapse h3 {
        padding-left: 80px
    }
}

@media (min-width: 1200px) {
    .feature {
        padding:40px 30px 0 65px
    }

    .feature--collapse {
        padding: 40px 40px 0 65px
    }
}

.differences {
    margin-top: 30px;
    border-radius: 8px;
    background-color: #0e615b;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 20px 20px 20px 60px;
}

.differences__value {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 17px;
    color: #43b063
}

.differences__title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    font-family: 'montserrat-bold';
    font-weight: normal
}

.differences__text {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px
}

.differences--white {
    background-color: #fff;
    padding: 20px 20px 20px 70px;
}

.differences--white .differences__value {
    font-size: 36px;
    font-family: 'montserrat-bold';
    color: #1a846c
}

.differences--white .differences__title {
    color: #000
}

.differences--white .differences__text {
    color: #000
}

.differences--green {
    background-color: #ebf5f3
}

@media (min-width: 768px) {
    .differences {
        height:230px
    }

    .differences__value {
        font-size: 20px
    }

    .differences__title {
        font-size: 20px
    }

    .differences__text {
        font-size: 17px;
        line-height: 25px
    }
}

@media (min-width: 992px) {
    .differences {
        padding:30px 40px 0 100px
    }

    .differences__value {
        top: 30px;
        left: 50px
    }
}

@media (min-width: 1200px) {
    .differences {
        height:240px;
        padding: 40px 40px 0 120px
    }

    .differences__title {
        font-size: 26px;
        margin-bottom: 15px
    }

    .differences__value {
        font-size: 30px;
        top: 40px;
        line-height: 130%;
        left: 60px
    }

    .differences--white {
        height: 230px;
    }

    .differences--white .differences__value {
        font-size: 60px;
        line-height: 100%;
        left: 45px
    }

    .differences--white .differences__title {
        font-size: 24px
    }
}

.sol {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}

.sol img {
    width: 100%;
    border-radius: 4px;
    transition: .4s ease
}

.sol h3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    color: #000;
    height: 50px;
    transition: .4s ease
}

.sol:hover h3 {
    color: #00b15e
}

@media (min-width: 768px) {
    .sol h3 {
        font-size:17px;
        height: 60px
    }
}

.ossol {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f6f6f6;
}

.ossol__content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.ossol__content h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    width: 100%;
    color: #000
}

.ossol__content span {
    display: block;
    margin-top: 20px;
    color: #000;
    font-family: 'montserrat-bold';
    font-weight: normal;
    font-size: 16px
}

.ossol__content ul {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
}

.ossol__content ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}

.ossol__content ul li:before {
    content: '—';
    position: absolute;
    left: 0;
    color: #000;
    font-size: 15px
}

.ossol__content ul li:last-child {
    margin-bottom: 0
}

.ossol__content a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px auto 0;
    border-radius: 8px;
    font-size: 18px;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.ossol__content a.green {
    background-color: #1a846c;
    color: #fff;
}

.ossol__content a.green:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.ossol__content a.yellow {
    background-color: #fcbf1d;
    color: #000;
}

.ossol__content a.yellow:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

.ossol__img {
    display: block;
    width: 100%;
}

.ossol__img img {
    width: 100%
}

.ossol__wrap {
    width: 100%;
    position: relative
}

@media (min-width: 576px) {
    .ossol__wrap {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .ossol__wrap a {
        width: 200px
    }
}

@media (min-width: 768px) {
    .ossol {
        margin-top:50px
    }

    .ossol__content {
        padding: 30px;
    }

    .ossol__content h3 {
        font-size: 24px
    }

    .ossol__content ul {
        font-size: 17px;
        line-height: 25px;
    }

    .ossol__content ul li {
        margin-bottom: 10px;
    }

    .ossol__content ul li:before {
        font-size: 16px
    }

    .ossol__content ul li:last-child {
        margin-bottom: 0
    }

    .ossol__wrap {
        flex-direction: column;
        justify-content: flex-start;
    }

    .ossol__wrap a {
        width: 230px
    }
}

@media (min-width: 992px) {
    .ossol {
        flex-direction:row;
        align-items: stretch;
        height: 380px
    }

    .ossol__img {
        width: 530px;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .ossol__img img {
        position: absolute;
        height: auto;
        width: 100%;
        margin: auto;
        top: -100px;
        left: -100px;
        right: -100px;
        bottom: -100px
    }

    .ossol__content {
        width: calc(100% - 530px);
        height: 100%;
        padding: 0 30px;
        justify-content: center;
    }

    .ossol__content a {
        margin: 20px 0 0
    }

    .ossol__wrap {
        flex-direction: row;
        justify-content: space-between;
    }

    .ossol__wrap a {
        width: 160px
    }
}

@media (min-width: 1200px) {
    .ossol {
        height:490px
    }

    .ossol__img {
        width: 650px
    }

    .ossol__content {
        width: calc(100% - 650px);
        padding: 0 60px;
    }

    .ossol__content h3 {
        font-size: 32px
    }

    .ossol__content span {
        font-size: 20px
    }

    .ossol__content a {
        margin: 40px 0 0
    }

    .ossol__wrap a {
        width: 210px
    }
}

@media (min-width: 1300px) {
    .container--big {
        max-width:1330px
    }

    .container--big .ossol__content {
        padding: 0 80px
    }
}

.cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #0e615b;
    border-radius: 4px;
    margin-top: 30px;
    padding: 40px;
}

.cta h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #fff
}

.cta a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;
    width: 230px;
    margin: 20px 0 0;
    border-radius: 8px;
    color: #000;
    font-size: 18px;
    background-color: #fcbf1d;
    box-shadow: 0 9px 10px 0 rgba(15,59,48,0.2);
}

.cta a:hover {
    background-color: #eee;
    color: #43b063;
    box-shadow: none
}

@media (min-width: 768px) {
    .cta {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        height: 160px;
        margin-top: 50px
    }

    .cta h3 {
        font-size: 32px;
        width: 400px
    }

    .cta a {
        margin: 0
    }
}

@media (min-width: 992px) {
    .cta {
        padding:0 70px
    }
}

@media (min-width: 1200px) {
    .cta h3 {
        font-size:36px;
        width: 450px
    }
}

.prt {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px;
    height: 220px;
    width: 100%;
    display: block;
}

.prt__img {
    position: absolute;
    height: 100%;
    width: auto;
    top: -100px;
    right: -100px;
    left: -100px;
    bottom: -100px;
    margin: auto;
    z-index: 1;
    transition: .4s ease
}

.prt:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0,rgba(0,52,61,0.4) 0%,rgba(0,52,61,0.4) 50%);
    pointer-events: none;
    transition: .4s ease
}

.prt__content {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    transition: .4s ease;
}

.prt__content h3 {
    font-family: 'montserrat-bold';
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 0;
    transition: .4s ease
}

.prt__content span {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: auto;
    transition: .4s ease
}

.prt__content p {
    display: none;
    transition: .4s ease
}

.prt__content a {
    font-family: 'montserrat-bold';
    color: #fff;
    font-size: 16px
}

@media (min-width: 576px) {
    .prt {
        height:250px
    }
}

@media (min-width: 768px) {
    .prt {
        height:320px
    }

    .prt--big .prt__content p {
        display: block;
        color: #fff;
        font-size: 16px;
        margin-bottom: auto
    }

    .prt--big .prt__content span {
        margin-bottom: 30px
    }
}

@media (min-width: 992px) {
    .prt {
        height:220px
    }

    .prt--big {
        height: 470px;
    }

    .prt--big .prt__content {
        padding: 20px 30px 20px
    }

    .prt--medium {
        height: 280px
    }
}

@media (min-width: 1200px) {
    .prt {
        height:245px
    }

    .prt--big {
        height: 520px;
    }

    .prt--big .prt__content {
        padding: 60px 60px 30px;
        top: 380px
    }

    .prt--medium {
        height: 340px;
    }

    .prt--medium .prt__content {
        top: 230px
    }

    .prt:before {
        /*top: 30%;
        background: linear-gradient(0,rgba(0,52,61,0.4) 0%,rgba(0,52,61,0) 100%)*/
		top: 60%;
        bottom: 0%;
        background: rgb(0,52,61);
		background: linear-gradient(0deg, rgba(0,52,61,0.5) 0%, rgba(0,52,61,0.5) 55%, rgba(0,52,61,0) 100%);
    }

    .prt:after {
        content: '';
        position: absolute;
        display: block;
        pointer-events: none;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: rgba(0,52,61,0.6);
        transition: .4s ease;
        opacity: 0;
    }

    .prt__content {
        padding: 30px;
        height: auto;
        top: 130px;
    }

    .prt__content h3 {
        font-size: 20px
    }

    .prt__content span,.prt__content p {
        pointer-events: none;
        visibility:hidden;
    }

    .prt__content a {
        pointer-events: none;
        visibility:hidden;
    }

    .prt:hover .prt__content {
        top: 0;
    }

    .prt:hover .prt__content span,.prt:hover .prt__content p {
        pointer-events: auto;
        visibility:visible;
    }

    .prt:hover .prt__content a {
        pointer-events: auto;
        visibility:visible;
    }

    .prt:hover:before {
        visibility:visible;
    }

    .prt:hover:after {
        opacity: 1;
    }
}

.stat-wrap {
    margin-top: 10px;
}

.stat-wrap .row {
    margin-right: -10px;
    margin-left: -10px;
}

.stat-wrap .row .col-12,.stat-wrap .row .col-md-4 {
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width: 1200px) {
    .stat-wrap {
        padding:0 70px
    }
}

.stat {
    margin-top: 20px;
    background-color: #ebf5f3;
    border-radius: 4px;
    overflow: hidden;
    padding: 40px 0 40px 40px;
}

.stat span {
    color: #000;
    font-size: 56px;
    line-height: 100%
}

.stat p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
}

.stat p b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.stat--green {
    background-color: #43b063;
}

.stat--green span {
    color: #fff
}

.stat--green p {
    color: #fff;
}

.stat--green p b {
    font-size: 18px
}

.stat--blue {
    background-color: #005faf;
}

.stat--blue span {
    color: #fff
}

.stat--blue p {
    color: #fff;
}

.stat--blue p b {
    font-size: 18px
}

@media (min-width: 768px) {
    .stat p {
        font-size:17px;
        line-height: 25px
    }

    .stat--default {
        padding: 40px 0 40px 20px;
        height: 250px
    }

    .stat--blue,.stat--green {
        padding: 40px 0 40px 60px
    }
}

@media (min-width: 992px) {
    .stat {
        height:245px
    }

    .stat span {
        font-size: 66px
    }

    .stat--default {
        padding: 50px 0 0 40px
    }

    .stat--blue,.stat--green {
        padding: 50px 0 0 100px;
    }

    .stat--blue p b,.stat--green p b {
        font-size: 24px
    }
}

@media (min-width: 1200px) {
    .stat--default {
        padding:50px 0 0 60px
    }

    .stat--default3 {
        padding: 50px 0 0 85px
    }

    .stat--blue,.stat--green {
        padding: 50px 0 0 140px
    }
}

.testimonial {
    background-color: #f5f2eb;
    padding: 50px 0 70px;
}

.testimonial__text1 {
    font-family: 'montserrat-bold';
    color: #00343d;
    font-size: 24px;
    margin-bottom: 40px;
    position: relative;
    z-index: 2
}

.testimonial__text2 {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    font-style: italic;
    color: #00343d;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    padding-left: 35px;
}

.testimonial__text2:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 25px;
    height: 25px;
    background: url("../img/q1.svg") no-repeat left top/100% auto;
    pointer-events: none
}

.testimonial__text2:after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../img/q2.svg") no-repeat left top/100% auto;
    pointer-events: none
}

.testimonial__sale {
    display: none
}

@media (min-width: 768px) {
    .testimonial {
        padding:70px 0 90px
    }

    .testimonial__text1 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 50px;
        width: 490px
    }

    .testimonial__text2 {
        font-size: 17px;
        line-height: 25px;
        width: 440px;
        padding-right: 40px;
        padding-left: 60px;
    }

    .testimonial__text2:before {
        top: 5px;
        width: 40px;
        height: 40px
    }

    .testimonial__text2:after {
        bottom: 20px;
        width: 25px;
        height: 25px
    }
}

@media (min-width: 1200px) {
    .testimonial {
        padding:0
    }

    .testimonial__text1 {
        margin-bottom: 0;
        font-size: 36px
    }

    .testimonial__content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        padding-top: 140px;
        height: 530px;
        padding-left: 40px;
        position: relative
    }

    .testimonial__sale {
        display: block;
        color: #fff;
        font-family: 'montserrat-bold';
        font-size: 450px;
        line-height: 530px;
        pointer-events: none;
        position: absolute;
        text-align: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    .testimonial__text2 {
        width: 515px;
        padding-left: 100px;
    }

    .testimonial__text2:before {
        top: 0;
        width: 60px;
        height: 60px
    }

    .testimonial__text2:after {
        bottom: 30px;
        width: 30px;
        height: 30px
    }
}

.form {
    background-color: #f5f2eb;
    padding: 50px 0 70px;
}

.form__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px
}

.form__title p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 25px
}

.form__wrap {
    display: block;
    margin-top: 50px;
}

.form__wrap--modal {
    margin-top: 20px;
}

.form__wrap--modal .form__group {
    margin-bottom: 15px;
}

.form__wrap--modal .form__group input {
    height: 44px
}

.form__wrap--modal .form__group textarea {
    height: 70px
}

.form__group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.form__group label {
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
    font-family: 'montserrat-bold';
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    display: none
}

.form__group input {
    height: 52px;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    border: none;
    padding: 0 20px;
    width: 100%
}

.form__group textarea {
    padding: 10px 20px;
    width: 100%;
    height: 110px;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    border: none;
    resize: none
}

.form__group--checkbox {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    overflow: hidden;
}

.form__group--checkbox input:not(:checked),.form__group--checkbox input:checked {
    position: absolute;
    left: -9999px
}

.form__group--checkbox input:not(:checked) + label,.form__group--checkbox input:checked + label {
    font-size: 11px;
    color: #b3b4b5;
    font-weight: normal;
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    line-height: 16px;
    margin: 0;
    text-transform: none;
    font-family: 'montserrat-regular';
}

.form__group--checkbox input:not(:checked) + label a,.form__group--checkbox input:checked + label a {
    color: #b3b4b5;
    text-decoration: underline;
}

.form__group--checkbox input:not(:checked) + label a:hover,.form__group--checkbox input:checked + label a:hover {
    color: #b3b4b5;
    text-decoration: none
}

.form__group--checkbox input:not(:checked) + label:before,.form__group--checkbox input:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #b3b4b5;
    border-radius: 4px;
    background-color: transparent
}

.form__group--checkbox input:not(:checked) + label:after,.form__group--checkbox input:checked + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    text-align: center;
    transition: .4s;
    background: url("../img/check.svg") no-repeat center/10px auto
}

.form__group--checkbox input:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0)
}

.form__group--checkbox input:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

.form__group--checkbox label {
    display: block;
}

.form__group--checkbox label::-moz-selection {
    background: transparent;
    color: #b3b4b5
}

.form__group--checkbox label::selection {
    background: transparent;
    color: #b3b4b5
}

.form__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 52px;
    background-color: #1a846c;
    color: #fff;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    font-size: 15px;
    border-radius: 8px;
    margin: 0 auto;
}

.form__btn:hover {
    background-color: #fcbf1c;
    color: #000;
    box-shadow: 0 9px 18px 0 rgba(0,0,0,0.15)
}

.form__btn[disabled="disabled"] {
    cursor: default;
}

.form__btn[disabled="disabled"]:hover {
    background-color: #1a846c;
    color: #fff;
    box-shadow: none
}

.form__alert {
    font-size: 14px;
    line-height: 21px;
    color: #43b063;
    margin-bottom: 0;
    margin-top: 0;
    height: 0;
    overflow: hidden;
    transition: .4s;
}

.form__alert.active {
    height: 21px;
    margin-top: 20px
}

@media (min-width: 576px) {
    .form__group--checkbox input:not(:checked) + label,.form__group--checkbox input:checked + label {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .form {
        padding:70px 0 80px
    }

    .form__title h2 {
        font-size: 32px
    }

    .form__title p {
        font-size: 16px;
        line-height: 21px
    }

    .form__wrap--modal {
        margin-top: 50px;
    }

    .form__wrap--modal .form__group {
        margin-bottom: 20px;
    }

    .form__wrap--modal .form__group input {
        height: 52px
    }

    .form__wrap--modal .form__group textarea {
        height: 110px
    }

    .form__wrap--modal .form__group--checkbox {
        margin-bottom: 30px
    }

    .form--tab {
        background-color: transparent;
        padding: 30px 0 0;
    }

    .form--tab .form__group input,.form--tab .form__group textarea {
        background-color: #f5f2eb
    }
}

@media (min-width: 992px) {
    .form__content {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .form__title {
        width: 350px;
    }

    .form__title h2 {
        line-height: 100%
    }

    .form__title p {
        margin-top: 30px
    }

    .form__wrap {
        margin-top: 0;
        width: 500px
    }

    .form__group {
        flex-direction: row;
        align-items: center;
    }

    .form__group label {
        width: 140px;
        margin-bottom: 0;
        display: block
    }

    .form__group input,.form__group textarea {
        width: calc(100% - 140px);
        font-size: 16px
    }

    .form__group--checkbox {
        width: auto;
        margin-left: 140px;
    }

    .form__group--checkbox label {
        width: 100%
    }

    .form__btn {
        margin-left: 140px
    }

    .form__alert {
        margin-left: 140px
    }
}

@media (min-width: 1200px) {
    .form {
        background-color:transparent;
        padding: 0
    }

    .form--page {
        padding: 0 0 100px
    }

    .form--tab .form__content {
        padding: 50px 0 0;
        background-color: #fff
    }

    .form__content {
        background-color: #f5f2eb;
        padding: 100px 70px 80px;
        border-radius: 8px
    }

    .form__title {
        width: 390px;
    }

    .form__title h2 {
        font-size: 36px
    }

    .form__title p {
        font-size: 17px;
        line-height: 21px
    }

    .form__wrap {
        width: 560px
    }

    .form__group label {
        font-size: 17px
    }
}

@media (min-width: 1300px) {
    .form .container {
        max-width:1330px
    }

    .form__content {
        padding: 100px 150px 80px
    }
}

.partners {
    margin-top: 30px;
    position: relative;
}

.partners__slider {
    padding: 0 20px;
}

.partners__slider a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

.partners__slider a h3 {
    color: #000;
    margin-bottom: 0;
    display: block;
    text-align: center;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-top: 10px;
    font-size: 16px
}

.partners__btn {
    position: absolute;
    height: 28px;
    width: auto;
    top: 50%;
    margin-top: -24px;
    z-index: 1;
}

.partners__btn svg {
    width: auto;
    height: 28px
}

.partners__btn--prev {
    left: 0
}

.partners__btn--next {
    right: 0
}

@media (min-width: 768px) {
    .partners__slider a h3 {
        font-size:18px;
        margin-top: 15px
    }
}

.reviews {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.reviews .owl-item.active .reviews__item {
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25)
}

.reviews__slider {
    position: relative
}

.reviews__item {
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    transition: .4s ease;
    margin-bottom: 15px
}

.reviews__item-img {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.reviews__item-img img {
    width: 100% !important;
    height: auto;
    position: absolute;
    margin: auto
}

.reviews__item-cnt {
    padding: 20px;
}

.reviews__item-cnt p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-style: italic
}

.reviews__item-cnt a {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #43b063;
    font-size: 15px;
    line-height: 20px;
    font-style: italic;
    margin-top: 20px;
}

.reviews__item-cnt a svg {
    stroke: #00b15e;
    width: 16px;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    margin-top: 1px
}

.reviews__item-cnt a:hover {
    color: #04454d;
}

.reviews__item-cnt a:hover svg {
    stroke: #04454d
}

.reviews__btn {
    position: absolute;
    height: 28px;
    width: auto;
    top: 50%;
    margin-top: -24px;
    z-index: 2;
}

.reviews__btn svg {
    width: auto;
    height: 28px
}

.reviews__btn--prev {
    left: 0
}

.reviews__btn--next {
    right: 0
}

@media (min-width: 576px) {
    .reviews__item {
        display:flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch
    }

    .reviews__item-img {
        width: 220px;
        height: 230px;
        border-radius: 0 0 80px 0;
    }

    .reviews__item-img img {
        position: relative
    }

    .reviews__item-cnt {
        width: calc(100% - 220px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px
    }
}

@media (min-width: 768px) {
    .reviews__item-img {
        width:260px;
        height: 270px
    }

    .reviews__item-cnt {
        width: calc(100% - 260px);
        padding: 0 40px;
    }

    .reviews__item-cnt p,.reviews__item-cnt a {
        font-size: 16px;
        line-height: 21px
    }

    .reviews__slider:before,.reviews__slider:after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        width: 60px;
        z-index: 1;
        pointer-events: none
    }

    .reviews__slider:before {
        left: 0;
        background: linear-gradient(90deg,#f6f6f6 0%,rgba(246,246,246,0.5) 60%,rgba(246,246,246,0) 100%)
    }

    .reviews__slider:after {
        right: 0;
        background: linear-gradient(-90deg,#f6f6f6 0%,rgba(246,246,246,0.5) 60%,rgba(246,246,246,0) 100%)
    }
}

@media (min-width: 1200px) {
    .reviews__item {
        height:210px
    }

    .reviews .owl-item {
        height: 285px;
        padding-top: 30px;
        transition: .4s ease;
    }

    .reviews .owl-item.active {
        padding-top: 0;
    }

    .reviews .owl-item.active .reviews__item {
        height: 270px
    }

    .reviews__slider:before,.reviews__slider:after {
        width: 100px
    }
}

.contacts {
    margin-bottom: 25px;
}

.contacts div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px
}

.contacts p {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px
}

.contacts a {
    color: #43b063;
    font-size: 24px;
    font-family: 'montserrat-bold'
}

.contacts span {
    font-size: 14px;
    color: #b3b4b5
}

@media (min-width: 768px) {
    .contacts {
        display:flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 35px
    }

    .contacts div {
        margin-top: 0;
        margin-left: 80px
    }

    .contacts p {
        font-size: 24px;
        line-height: 32px
    }

    .contacts a {
        font-size: 28px
    }

    .contacts span {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .contacts {
        margin-bottom:40px
    }

    .contacts p {
        font-size: 28px;
        line-height: 36px
    }

    .contacts a {
        font-size: 30px
    }

    .contacts span {
        font-size: 17px
    }
}

.contact {
    position: relative;
    background-color: #ebf5f3;
    padding: 20px 20px 65px;
    margin-top: 30px;
    border-radius: 4px;
    transition: .4s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact h3 {
    font-family: 'montserrat-bold';
    color: #000;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
    transition: .4s ease;
}

.contact h3.mt-20 {
    margin-top: 20px
}

.contact p {
    font-size: 15px;
    line-height: 25px;
    color: #000;
    margin-bottom: 0;
    margin-top: 5px;
    transition: .4s ease
}

.contact a {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    margin-top: 5px;
}

.contact a svg {
    fill: #000;
    transition: .4s ease;
    margin-right: 10px;
    width: 14px;
    height: auto
}

.contact a b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.contact__link {
    position: absolute;
    color: #04454d;
    font-size: 15px;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    left: 35px;
    bottom: 25px;
    z-index: 1;
}

.contact__link svg {
    stroke: #04454d;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    width: 18px
}

.contact__link:hover {
    color: #27ac8e;
}

.contact__link:hover svg {
    stroke: #27ac8e
}

.contact__link.active {
    color: #27ac8e;
    cursor: default;
}

.contact__link.active svg {
    stroke: #27ac8e
}

.contact__link.active + .contact {
    background-color: #1a846c;
}

.contact__link.active + .contact h3,.contact__link.active + .contact p,.contact__link.active + .contact a {
    color: #fff;
}

.contact__link.active + .contact h3 svg,.contact__link.active + .contact p svg,.contact__link.active + .contact a svg {
    fill: #fff
}

.contact__btn {
    color: #04454d;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
    height: 22px;
    overflow: hidden;
    transition: .4s ease;
}

.contact__btn svg {
    stroke: #04454d;
    height: auto;
    transition: .4s ease;
    margin-left: 10px;
    width: 18px
}

.contact__btn:hover {
    color: #27ac8e;
}

.contact__btn:hover svg {
    stroke: #27ac8e
}

.contact__btn[aria-expanded="true"] {
    height: 0;
    opacity: 0
}

.contact__desk {
    display: none
}

.contact--map {
    margin-top: 0;
    border-radius: 0 0 4px 4px;
    background-color: #1a846c;
    padding: 20px;
    margin-bottom: 35px;
}

.contact--map h3,.contact--map p,.contact--map a {
    color: #fff
}

.contact--mobile {
    padding: 20px
}

.contact--mobile2 {
    padding: 0 20px 20px;
    margin-top: 0;
    border-radius: 0
}

@media (min-width: 768px) {
    .contact--map {
        margin-bottom:50px
    }
}

@media (min-width: 992px) {
    .contact__desk {
        display:flex
    }

    .contact--map {
        width: 290px;
        position: absolute;
        left: 15px;
        top: 80px;
        z-index: 1;
        border-radius: 0 4px 4px 0;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .contact {
        padding:30px 30px 65px
    }

    .contact h3 {
        font-size: 20px
    }

    .contact p {
        font-size: 17px
    }

    .contact a {
        font-size: 17px
    }

    .contact__link {
        left: 45px;
        font-size: 17px
    }

    .contact--map {
        padding: 30px;
        width: 360px
    }
}

.map {
    height: 240px;
    border-radius: 0 0 4px 4px;
}

@media (min-width: 768px) {
    .map {
        height:350px
    }
}

@media (min-width: 992px) {
    .map {
        margin-top:30px;
        height: 500px;
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .map {
        margin-bottom:60px
    }
}

.accordion {
    margin-bottom: 35px;
}

.accordion__card {
    position: relative
}

@media (min-width: 992px) {
    .accordion {
        display:none
    }
}

.contact-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    border: 2px solid #efefef;
    border-radius: 4px;
    margin-bottom: 35px;
}

.contact-box__title {
    width: 100%;
}

.contact-box__title h2 {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 24px
}

.contact-box__title a {
    display: block;
    font-size: 17px;
    color: #fcbe20;
}

.contact-box__title a:hover {
    color: #1a846c
}

.contact-box__text {
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 15px;
}

.contact-box__text a {
    color: #fcbe20;
    text-decoration: underline;
    font-family: 'montserrat-bold';
}

.contact-box__text a:hover {
    color: #1a846c
}

.contact-box--white {
    margin-bottom: 0;
    border: none;
    padding: 0 20px
}

@media (min-width: 768px) {
    .contact-box {
        margin-bottom:75px;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 25px 20px 30px
    }

    .contact-box--white {
        margin-bottom: 0;
        padding: 0 20px
    }

    .contact-box__title {
        order: 1;
    }

    .contact-box__title h2 {
        font-size: 28px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        width: 100%
    }

    .contact-box__title a {
        font-size: 30px;
        width: auto;
        margin-left: 35px
    }

    .contact-box__text {
        order: 3;
        margin-left: 65px;
        margin-bottom: 0;
        margin-top: 28px;
        font-size: 17px;
        line-height: 25px
    }

    .contact-box .section__file {
        order: 2;
        margin-top: 25px
    }
}

@media (min-width: 1200px) {
    .contact-box {
        padding:45px 90px 50px
    }

    .contact-box--white {
        padding: 0 90px
    }
}

.footer {
    background-color: #0c3245;
    padding-top: 50px;
}

.footer__copyright {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    border-top: 1px solid #04454d;
    height: 100px;
}

.footer__copyright small {
    color: #a9b7cb;
    font-size: 14px
}

.footer__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 50px
}

.footer__box {
    margin-top: 30px;
    width: 100%;
}

.footer__box:first-child {
    margin-top: 0
}

.footer__box h6 {
    font-size: 16px;
    color: #fff;
    font-family: 'montserrat-bold';
    font-weight: normal;
    margin-bottom: 0;
}

.footer__box h6 a {
    color: #fff
}

.footer__box h6.fwnormal {
    font-family: 'montserrat-regular'
}

.footer__box p {
    font-size: 16px;
    color: #a9b7cb;
    margin-bottom: 0;
    margin-top: 20px;
    line-height: 28px;
}

.footer__box p b {
    font-family: 'montserrat-bold';
    font-weight: normal
}

.footer__box p a {
    color: #a9b7cb;
    margin-top: 5px;
}

.footer__box p a:hover {
    color: #fff
}

.footer__box--notitle {
    margin-top: 0
}

.footer__city {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: -20px;
}

.footer__city div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #a9b7cb;
}

.footer__city div input {
    font-size: 16px;
    height: 28px;
    color: #a9b7cb;
    width: auto;
    background-color: transparent;
    border: none;
    margin-right: 5px
}

.footer__city div svg {
    transition: .4s ease
}

.footer__city .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    min-width: 220px;
    padding: 25px 35px;
    display: block;
    transition: .4s ease;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 9px 1px rgba(0,0,0,0.25);
}

.footer__city .dropdown-menu li {
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #353535;
    position: relative;
    cursor: pointer;
    transition: .4s;
    margin-bottom: 5px;
}

.footer__city .dropdown-menu li:hover {
    color: #43b063
}

.footer__city .dropdown-menu li:last-child {
    margin-bottom: 0
}

.footer__city .dropdown-menu li.active {
    display: none
}

.footer__city .dropdown-menu.show {
    pointer-events: auto;
    opacity: 1
}

.footer__city.show svg {
    transform: rotate(180deg)
}

.footer__nav {
    margin-top: 20px;
    margin-bottom: 0;
}

.footer__nav a {
    font-size: 16px;
    color: #a9b7cb;
    line-height: 28px;
}

.footer__nav a:hover {
    color: #fff
}

.footer__social {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.footer__social a {
    display: block;
    margin-right: 20px;
}

.footer__social a svg {
    fill: #a9b7cb;
    width: 24px;
    height: auto;
    transition: .4s ease
}

.footer__social a:last-child {
    margin-right: 0
}

.footer__social a:hover svg {
    fill: #1c856c
}

@media (min-width: 768px) {
    .footer {
        padding-top:60px
    }

    .footer__content {
        padding: 0 0 60px
    }

    .footer__copyright {
        justify-content: flex-end;
    }

    .footer__copyright small {
        font-size: 16px
    }
}

.ph {
    display: none !important;
}

.ph.active {
    display: block !important
}

.modal {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    margin: 20px auto 400px;
}

.modal--form {
    background-color: #f5f2eb;
    padding: 20px;
}

.modal--form .form__title p {
    margin-top: 15px
}

.modal__thx {
    font-family: 'montserrat-bold';
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    font-size: 20px;
    padding: 20px
}

@media (min-width: 768px) {
    .modal {
        margin:40px auto 400px
    }

    .modal--form {
        padding: 50px;
    }

    .modal--form .form__title p {
        margin-top: 25px
    }

    .modal__thx {
        padding: 50px;
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .modal--form {
        max-width:1000px
    }
}

@media (min-width: 1200px) {
    .modal {
        margin:40px auto
    }

    .modal--form {
        max-width: 1140px;
    }

    .modal--form .form__content {
        padding: 0
    }
}

.mfp-container {
    height: auto;
}

.mfp-container:before {
    display: none
}

.mfp-no-margins img.mfp-img {
    padding: 0
}

.mfp-figure {
    margin: 40px auto;
}

.mfp-figure figure {
    background-color: #fff;
    padding-top: 20px
}

.mfp-figure:after {
    background-color: transparent;
    box-shadow: none
}

.mfp-wrap {
    height: auto;
    bottom: 0;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch
}

.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0
}

.mfp-no-margins .mfp-container {
    padding: 0
}

.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .5
}

.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .5
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .5
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

/* Форма  */

.formas {
  margin: 40px 0;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.formas-body {
  border: 2px solid #efefef;
  border-radius: 10px;
  padding: 40px 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.formas-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  
}

.formas-form {
  display: none;
  margin-bottom: 10px;
}

.formas-form.show {
  display: block;
  margin-bottom: 0px;
}

.formas-title {
  margin: 0 0 10px 0;
  font-size: 28px;
  font-family: 'montserrat-bold';
  color: #000000;
}

.formas-link {
  color: #005fb3;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: 'montserrat-bold';
}

.formas-link:hover, .formas-link:focus {
  border-bottom: 1px solid #005fb3;
}

.formas-decor {
  display: inline-block;
  min-width: 58px;
  width: 260px;
  height: 58px;
  background-color: #1a846c;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
}

.formas-decor:after {
  content: '';
  display: inline-block;
  min-width: 17px;
  width: 17px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/formas-decor-after.png);
  position: relative;
  top: 17px;
  margin-left: 15px;
  transition: all 0.5s;
}
.formas-decor.show:after {
    transform: rotate(180deg);
}
.formas-decor::before {
    content: "Заполните форму";
    color: rgb(255, 255, 255);
    font-size: 17px;
    position: relative;
    top: 16px;
    font-family: montserrat-bold;
}
.formas-main {
  background-color: #f5f2eb;
  border-radius: 10px;
  padding: 40px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 50px;
}

.formas-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.formas-list .formas-text {
  font-size: 17px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  font-family: 'montserrat-bold';
}

.formas-item {
  margin: 15px 0;
}

.formas-lbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.formas-field {
  border-radius: 8px;
  background-color: #ffffff;
  width: calc(100% - 225px);
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  border: 0;
  font-size: 17px;
}
.formas-field::placeholder {
    opacity: 0;
}

.formas-field-area {
  min-height: 100px;
}

.formas-field-file {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 0 !important;
}

.formas-bottom {
  padding: 40px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.formas-sublist {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.formas-sublist .formas-lbl {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.formas-sublist .formas-field {
  border: 2px solid #efefef;
}

.formas-subitem {
  margin: 15px 0;
}

.formas-text {
  display: inline-block;
  width: 225px;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 17px;
  color: #000;
}

.formas-files {
  width: calc(100% - 225px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 17px;
}

.formas-files-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-style: solid;
  border-width: 2px;
  border-color: #efefef;
  border-radius: 8px;
  height: 50px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15px;
  margin-bottom: 15px;
}

.formas-files-quad {
  padding: 15px 15px;
}

.formas-files-icon {
  display: inline-block;
  min-width: 24px;
  width: 24px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/formas-files-icon.png);
}

.formas-files-close {
  display: inline-block;
  min-width: 19px;
  width: 19px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/formas-files-close.png);
  margin-left: 20px;
}

.formas-more {
  text-align: center;
  margin-top: 30px;
}

.formas-more-btn {
  background-color: #1a846c;
  color: #ffffff;
  border-radius: 10px;
  padding: 18px 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 17px;
  text-transform: uppercase;
  font-family: 'montserrat-bold';
  border: 0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.formas-more-btn:hover, .formas-more-btn:focus {
  background-color: #27aa8b;
}

@media (max-width: 768px) {
  .formas-top {
    display: block;
  }
  .formas-top-right {
    margin-top: 20px;
  }
  .formas-decor {
    width: 240px;
  }
  /*.formas-decor::before {
    content: 'Заполните форму';
    color: #ffffff;
    font-size: 17px;
    position: relative;
    top: 16px;
    font-family: 'montserrat-bold';
  }*/
  .formas-decor::after {
    margin-left: 15px;
  }
  .formas-body {
    padding: 30px;
  }
  .formas-bottom {
    padding: 30px 0;
  }
  .formas-lbl {
    display: block;
  }
  .formas-text {
    display: inline-block;
  }
  .formas-field {
    width: 100% !important;
  }
  .formas-item .formas-field::placeholder {
    opacity: 1;
    color: #000000;
   }
  .formas-field-file {
    width: 0 !important;
  }
  .formas-item {
    position: relative;
  }
  .formas-item .formas-text {
    display: none;
    position: absolute;
    left: 17px;
    top: 15px;
    width: auto;
  }
  .formas-item .formas-field {
    padding-left: 20px;
    padding-right: 20px;
  }
  .formas-subitem {
    margin-bottom: 10px;
  }
  .formas-subitem .formas-text {
    width: 100%;
    margin-bottom: 10px;
  }
  .formas-files {
    width: 100%;
  }
  .formas-files .wpcf7-form-control-wrap {
    width: calc(100%);
  }
}

@media (max-width: 520px) {
  .text-hide {
    display: none;
}
  .prt:before {
    background: none;
    background-color: rgba(0,0,0,0.15);
  }
  .formas-top {
    padding-left: 40px;
    padding-right: 30px;
  }
  .formas-body {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
  .formas-title {
    font-size: 23px;
  }
  .formas-main {
    padding: 40px 30px;
    border-radius: 0;
  }
  .formas-field {
    height: 40px;
  }
  .formas-field-area {
    min-height: 40px;
  }
  .formas-item .formas-text {
    font-size: 13px;
    top: 10px;
  }
  .formas-item .formas-field::placeholder {
    font-size: 13px;
  }
  .formas-bottom {
    padding: 10px 30px;
  }
  .formas-text {
    font-size: 13px;
  }
  .formas-more-btn {
    padding: 17px 70px;
    font-size: 17px;
  }
  .formas-files-item {
    height: 40px;
  }
  .formas-files-icon {
    min-width: 20px;
    width: 20px;
    height: 21px;
    background-size: contain;
  }
}

@media (max-width: 360px) {
  .formas-top {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.wpcf7-form-control-wrap {
    width: calc(100% - 225px);
}

.formas-field {
    width: 100%;
}

.dnd-upload-status .dnd-upload-details .name em {
    color: #444242;
    font-weight: 700;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 1em;
    padding: 0.2em 1em;
    border: 0px;
	text-align: center;
}

.link-project:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 1200px) {
.text-hide {
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 3.9em;
	color: #fff;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.text-hide-big {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 7.9em;
	color: #fff;
}
}
/*@media (max-width: 767px) {
	.text-hide-big {
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 3.9em;
	color: #fff;
}
}*/
@media (max-width: 992px) {
  .text-hide, .text-hide-big {
    display: none !important;
}
.prt:before {
    background: none;
    background-color: rgba(0,0,0,0.15);
  }
}
.prt__content span {
    margin-top: 10px !important;
    margin-bottom: auto !important;
}

.contact--mobile2--object {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.contacts__phone-wrap span {
	margin-left: 25px;
}

@media (max-width: 767px) {
.object-accardion {
	padding: 10px 15px !important;
}
.contacts__phone-wrap span {
    margin-left: 10px;
}
}

.attention {
	background: url(/wp-content/themes/parkonika/img/attention-icon.png);
	background-color: #fff !important;
}


.accordion2__card:last-child {
    border-bottom: 0px;
}

/*# sourceMappingURL=style.css.map */