:root {
    --color-text: #000;
    --color-main: #0e4067;
    --color-hover: #5e7eca;

    --fzBody: 18px;

    --fz12: clamp(0.72rem, 0.9vw, 0.67rem);
    --fz14: clamp(0.78rem, 1vw, 0.78rem);
    --fz15: clamp(0.8rem, 1.05vw, 0.83rem);
    --fz16: clamp(0.85rem, 1.1vw, 0.89rem);
    --fz17: clamp(0.9rem, 1.15vw, 0.94rem);
    --fz18: clamp(0.95rem, 1.2vw, 1rem);
    --fz19: clamp(1rem, 1.3vw, 1.06rem);
    --fz20: clamp(1.05rem, 1.35vw, 1.11rem);
    --fz22: clamp(1.1rem, 1.5vw, 1.22rem);
    --fz23: clamp(1.15rem, 1.55vw, 1.28rem);
    --fz24: clamp(1.2rem, 1.6vw, 1.33rem);
    --fz25: clamp(1.25rem, 1.65vw, 1.39rem);
    --fz26: clamp(1.3rem, 1.8vw, 1.44rem);
    --fz27: clamp(1.35rem, 1.85vw, 1.5rem);
    --fz28: clamp(1.4rem, 1.9vw, 1.56rem);
    --fz30: clamp(1.5rem, 2vw, 1.67rem);
    --fz32: clamp(1.6rem, 2.1vw, 1.78rem);
    --fz32: clamp(1.55rem, 2.1vw, 1.78rem);
    --fz35: clamp(1.75rem, 2.35vw, 1.94rem);
    --fz40: clamp(1.8rem, 2.7vw, 2.22rem);
    --fz48: clamp(2rem, 3.2vw, 2.67rem);
    --fz50: clamp(2.1rem, 3.3vw, 2.78rem);
    --fz56: clamp(2.3rem, 3.7vw, 3.11rem);
    --fz57: clamp(2.35rem, 3.8vw, 3.17rem);
    --fz60: clamp(2.4rem, 4vw, 3.33rem);
    --fz64: clamp(2.5rem, 4.3vw, 3.56rem);
    --fz85: clamp(3rem, 5.7vw, 4.72rem);
    --fz100: clamp(3.5rem, 6.7vw, 5.56rem);
    --fz150: clamp(5rem, 10vw, 8.33rem);
}

html{
    scroll-behavior: smooth;
}
body,
html {
    width: 100%;
    min-width: 320px;
    cursor: default;
    font-family: "Century Gothic", sans-serif;
    font-size: var(--fzBody);
    font-weight: 400;
    line-height: normal;
    color: var(--color-text);
    background-color: #fff;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
ol, ul, dl{
    margin: 0;
    padding: 0;
}
.nav-link {
    padding: 0;
}
/*html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
}*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}
/*.modal-open {
    padding: 0 !important;
}*/

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0;
}

a{
    transition: all .3s;
}
p{
    margin-bottom: 0;
}
img{
    max-width: 100%;
    height: auto;
}
.container {
    max-width: 1240px;
    padding-right: 20px;
    padding-left: 20px;
    margin: auto;
}

.btn-main, 
.btn_main_form {
    background-color: var(--color-main);
    color: #fff;
    text-align: center;
    font-size: var(--fz30);
    font-weight: bold;
    padding: 15px 20px;
    display: inline-block;
    transition: all .3s;
    width: 100%;
    max-width: max-content;
    border-radius: 16px;
    border: none;
    line-height: 125%;
}
.btn_main_form {
    border-radius: 10px;
    font-size: var(--fz20);
    padding: 7px 30px;
    margin-left: auto;
    margin-right: 0;
    display: block;
}
.btn-main:hover,
.btn_main_form:hover {
    background: var(--color-hover);
    color: #fff;
}
.btn-main.btn-white{
    background-color: #fff;
    color: var(--color-main);
}
.btn-main.btn-white:hover{
    background-color: var(--color-main);
    color: #fff;
}



.heading-main {
    font-family: "Century Gothic", sans-serif;
    font-size: var(--fz40);
    color: var(--color-main);
    font-weight: bold;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.wrap-heading-descr .heading-main{
    margin-bottom: 15px;
    padding-top: 0;
    line-height: normal;
    hyphens: none;
}
.wrap-heading-descr{
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.descr-heading{
    font-size: var(--fz20);
    line-height: normal;
    hyphens: none;
}

article {
    padding-top: 35px;
    padding-bottom: 0;
}
.main-content h2:not(.heading-main),
.main-content h3:not(.heading-main),
.main-content h4:not(.heading-main),
.main-content h5:not(.heading-main),
.main-content h6:not(.heading-main) {
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 20px;
    padding-top: 10px;
}
.main-content h2:not(.heading-main){
    font-size: var(--fz40);
    color: var(--color-main);
}
.main-content h3:not(.heading-main){
    font-size: var(--fz28);
}
.main-content h4:not(.heading-main){
    font-size: var(--fz26);
    font-weight: 500;
    line-height: 145%;
}
.main-content h5:not(.heading-main){
    font-size: var(--fz22);
}
.main-content h6:not(.heading-main){
    font-weight: bold;
    font-size: var(--fz20);
}
.main-content{
    font-size: var(--fz18);
    font-weight: 300;
    line-height: 156%;
    clear: both;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    white-space: normal;
}
.main-content p {
    font-size: var(--fz18);
    font-weight: 300;
    line-height: 156%;
    margin-bottom: 20px;
}
.main-content p.color-main{
    color: var(--color-main);
}
.main-content p strong,
.main-content p b {
    font-weight: 600;
    color: var(--color-main);
}
.main-content p a {
    color: var(--color-main);
    border-bottom: 1px solid var(--color-main);
}
.main-content p a:hover{
    border-bottom: none;
}
.main-content img {
    margin-bottom: 30px;
}
.main-content img[style="float: left;"],
.main-content .img-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content img[style="float: right;"],
.main-content .img-right {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content ul {
    padding-left: 10px;
    margin-bottom: 22px;
}
.main-content ul li {
    font-size: var(--fz16);
    font-weight: 400;
    margin-bottom: 7px;
    position: relative;
    padding-left: 20px;
}
.main-content ul li:before {
    content: '';
    display: block;
    width: 9px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06055 1.06055L6.06055 6.06055L1.06055 11.0605' stroke='%230E4067' stroke-width='3' /%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 8px;
}

.main-content table {
    width: 100%;
    max-width: 886px;
    margin-bottom: 30px;
    border: none;
}
.main-content table tr{
    background: transparent;
}
.main-content table tr:nth-child(2n){
    background: #fff;
}
.main-content table td {
    padding: 11px 10px;
    font-weight: 400;
    font-size: var(--fz16);
    color: #000;
    border-bottom: 1px solid #d3d3d3;
}
.main-content table td:first-child {
    width: auto !important;
}
.main-content table td:last-child {
    font-weight: 700;
    width: 21% !important;
    min-width: 90px;
}
.main-content table th,
.main-content table tr:first-child td {
    background-color: var(--color-main);
    color: #fff;
    font-size: var(--fz16);
    padding: 11px 10px;
    font-weight: 700;
    border: none;
}
.main-content table th:first-child,
.main-content table tr:first-child td:first-child{
    border-radius: 15px 0 0 15px;
}
.main-content table th:last-child,
.main-content table tr:first-child td:last-child{
    border-radius: 0 15px 15px 0;
    border-left: 1px solid #d3d3d3;
}

ol.breadcrumb {
    text-align: left;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
ol.breadcrumb li.breadcrumb-item {
    font-weight: 300;
    font-size: 12px;
    color: #fff;
}
ol.breadcrumb li a {
    color: #fff;
}
ol.breadcrumb li a:hover {
    color: #fff;
    text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: '';
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2015_1243)'%3E%3Cpath d='M7.68155 4.02012L3.95624 0.0644531' stroke='white' stroke-width='2' stroke-miterlimit='10' /%3E%3Cpath d='M7.68085 4.02051L3.72584 7.7452' stroke='white' stroke-width='2' stroke-miterlimit='10' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2015_1243'%3E%3Crect width='5.52706' height='5.52706' fill='white' transform='translate(4.02362) rotate(46.7178)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: 8px;
    margin-left: 8px;
}
ul.pagination {
    margin-top: 20px;
    flex-wrap: wrap;
}
ul.pagination li a {
    width: 54px;
    height: 54px;
    display: inline-block;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin: 0 1px;
    text-align: center;
    line-height: 54px;
    color: #333;
    transition: all .3s;
    margin-right: 5px;
    border: 1px solid transparent;
    border-radius: 10px;
}
ul.pagination li a:hover{
    border: 1px solid var(--color-main);
    color: var(--color-main);
}
ul.pagination  li.active a{
    background: var(--color-main);
    color: #fff;
    border: 1px solid var(--color-main);
}
.pagination li:last-child:not(.active) a,
.pagination li:first-child:not(.active) a {
    border: 1px solid #fff;
    font-size: 0;
    position: relative;
    transition: all .3s;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}
.pagination li:first-child:not(.active) a{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0571 0.885742L2.05713 8.88574L10.0571 16.8857' stroke='%23D2D2D2' stroke-width='2' /%3E%3C/svg%3E");
}
.pagination li:first-child:not(.active) a:hover{
    border: 1px solid var(--color-main);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0571 0.885742L2.05713 8.88574L10.0571 16.8857' stroke='%23ff0101' stroke-width='2' /%3E%3C/svg%3E");
}
.pagination li:last-child:not(.active) a{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.885742 0.885742L8.88574 8.88574L0.885742 16.8857' stroke='%23D2D2D2' stroke-width='2' /%3E%3C/svg%3E");
}
.pagination li:last-child:not(.active) a:hover{
    border: 1px solid var(--color-main);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.885742 0.885742L8.88574 8.88574L0.885742 16.8857' stroke='%23ff0101' stroke-width='2' /%3E%3C/svg%3E");
}

.clear {
    clear: both;
}

.form-group {
    margin-bottom: 0;
}

.box-btn-center{
    text-align: center;
}

/*MODAL CART*/
.modal_flash {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
}
.modal_flash .modal_fade {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal_flash .modal_content {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 541px;
    z-index: 90;
    display: flex;
    background-color: #fff;
    border-radius: 15px;
    flex-direction: column;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.25);
    padding: clamp(30px, 3vw, 40px) clamp(20px, 2.6vw, 35px);
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal_flash .modal_content .modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 1em;
    height: 1em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_flash .modal_content {
    padding: clamp(20px, 3vw, 40px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal_flash .modal_content b.body_name {
    font-size: var(--fz20);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
    display: block;
}
.modal_flash .modal_body {
    margin-bottom: 15px;
}
.modal_flash .modal_footer {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    column-gap: 10px;
}
.modal_flash .modal_footer .btn-main.btn-border {
    border-radius: 15px;
}


/*MODAL*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog.modal-form {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 750px;
}
button.btn.close-modal {
    background-color: transparent;
    position: absolute;
    right: -85px;
    top: -60px;
}
.modal-form .modal-content {
    border-radius: 15px;
    border: none;
    background-color: #fff;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #333;
    padding: clamp(30px, 3vw, 40px) clamp(30px, 4.4vw, 60px);
}
.light-theme .modal-form .modal-content{
    background-color: #fff;
}

.fade {
    background: rgba(51, 51, 51, 0.3); !important;
    backdrop-filter: blur(4px);
}
.modal-backdrop.show {
    opacity: 1;
}

.modal-form h3{
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
    font-size: var(--fz40);
    text-align: center;
    color: var(--color-main);
    margin-bottom: 15px;
}
.modal-form .descr{
    font-weight: 400;
    font-size: var(--fz18);
    text-align: center;
    margin-bottom: clamp(15px, 1.5vw, 20px);
}
.modal-form input.form-control, 
.modal-form textarea.form-control, 
.modal-form select.form-control{
    border: 1px solid #cacaca;
    border-radius: 15px;
    background-color: #fff;
    height: 60px;
}
.modal-form select.form-control:not([size]):not([multiple]){
    height: 60px;
}
.modal-form .btn_main_form {
    margin-left: auto;
    margin-right: auto;
    padding: 17px 30px;
}
.modal-body{
    padding: 0;
}

input.form-control, 
textarea.form-control,
select.form-control{
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 5px 20px;
    height: 37px;
    font-weight: 400;
    font-size: var(--fz14);
    color: #333;
    margin-bottom: 18px;
    outline: none;
    background: #E9EFF4;
}
select.form-control:not([size]):not([multiple]){
    height: 37px;
    cursor: pointer;
}
select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select.form-control:not([multiple]) {
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.15101 7.61032C3.7209 8.64648 5.20977 8.64648 5.77966 7.61032L8.74275 2.22288C9.29257 1.2232 8.56933 0 7.42843 0H1.50224C0.361335 0 -0.361908 1.2232 0.187915 2.22288L3.15101 7.61032Z' fill='%23333333' /%3E%3C/svg%3E");
}
select.form-control::-ms-expand {
  display: none;
}
textarea.form-control{
    border-radius: 15px;
    resize: none;
    height: 96px;
}
input.form-control::placeholder, 
textarea.form-control::placeholder{
    color: #333;
}
input.form-control:focus,
textarea.form-control:focus{
    border: 1px solid var(--color-main);
}

.form-text-bottom{
    margin-bottom: 15px;
    text-align: left;
    color: #333;
    font-weight: 300;
    font-size: 12px;
}
.form-text-bottom p {
    margin-bottom: 6px;
}
.form-text-bottom a{
    text-decoration: underline;
}
.form-text-bottom a:hover{
    text-decoration: none;
}
label.custom-checkbox {
    margin-bottom: 0;
    text-align: left;
    max-width: 100%;
}
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  height: auto !important;
    margin: 0 !important;
}
.custom-checkbox>span {
  user-select: none;
  cursor: pointer;
}
.custom-checkbox>span::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 3px;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid var(--color-main);
  margin-top: 0;
  background-size: 9px;
  position: relative;
  top: 3px;
}

.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  background-color: #fff;
}
.custom-checkbox>input:checked+span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L3.76923 7.5L8 1.5' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
    background-color: var(--color-main);
}
.custom-checkbox>input:disabled+span::before {
  background-color: #fff;
}


.form-control:disabled, 
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

header .dropdown-menu {
    background-color: #fff;
    width: 100%;
    width: auto;
    min-width: 135px;
    padding: 20px 20px 3px;
    margin-top: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.35);
    border-radius: 15px;
    border: none;
}
.dropdown-menu:before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background: transparent;
    position: absolute;
    top: -10px;
    left: 0;
}

.gallery-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 32px);
    margin-top: clamp(25px, 3.7vw, 50px);
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.gallery-main a.photos {
    aspect-ratio: 376/210;
    transition: transform .3s;
    will-change: transform;
    border-radius: 25px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.gallery-main a.photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-main a.photos:hover {
    transform: scale(1.05);
}

button.navbar-toggler {
    padding: 0;
    border: none;
    min-width: 40px;
    height: 29px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='29' viewBox='0 0 40 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='3' rx='1.5' fill='%23ffffff'/%3E%3Crect y='13' width='40' height='3' rx='1.5' fill='%23ffffff'/%3E%3Crect y='26' width='40' height='3' rx='1.5' fill='%23ffffff'/%3E%3C/svg%3E");
}
button.navbar-toggler[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='31' viewBox='0 0 40 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.12134' y='28.2843' width='40' height='3' rx='1.5' transform='rotate(-45 5.12134 28.2843)' fill='%23ffffff'/%3E%3Crect x='7.12134' y='0.284271' width='40' height='3' rx='1.5' transform='rotate(45 7.12134 0.284271)' fill='%23ffffff'/%3E%3C/svg%3E");
}

.galaxy {
    color: #fff;
    font-size: 12px;
    background-image: url(/template/img/logo_gala_color.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    max-width: 154px;
    min-width: 154px;
    font-family: "Open Sans", sans-serif;
}
.galaxy a {
    color: #fff;
    text-decoration: underline;
}
.galaxy a:hover {
    text-decoration: none;
}
.navbar{
    padding: 0;
}

/*slick*/
.slick-prev, 
.slick-next{
    width: 23px;
    height: 38px;
    margin-top: -19px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='38' viewBox='0 0 23 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L4 19L21 36' stroke='white' stroke-opacity='0.8' stroke-width='5' /%3E%3C/svg%3E");
    transform: none;
    transition: all .3s;
}
.slick-prev:hover, 
.slick-next:hover{
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='38' viewBox='0 0 23 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L4 19L21 36' stroke='%23f8c12c' stroke-opacity='0.8' stroke-width='5' /%3E%3C/svg%3E");
}
.slick-prev{
    left: 30px;
}
.slick-next{
    right: 30px;
    transform: rotate(180deg);
}

.slick-dots{
    bottom: 21px;
}
.slick-dots li button {
    display: none;
}
.slick-dots li {
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    margin: 0 3px;
}
.slick-dots li.slick-active{
    background: var(--color-main);
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.table-wrap {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.page-404 .num-404 {
    text-align: center;
    font-size: 250px;
    font-weight: bold;
    color: var(--color-main);
}
.page-404 .heading-main{
    font-weight: normal;
    text-align: center;
}
.page-404 a.btn-main {
    padding: 15px;
    display: block;
    max-width: 300px;
    margin: 0 auto;
}

/*CookieBarActions*/
#pjAcceptCookieBar a span {
    color: var(--color-main) !important;
}
#pjAcceptCookieBar .pjAcceptCookieBarBtn {
    background: var(--color-main) !important;
}
/*end CookieBarActions*/

/*HEADER*/
header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    backdrop-filter: blur(15px);
    background: rgba(179, 179, 179, 0.29);
    color: #fff;
    height: 180px;
}
header .grid{
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 15px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
header .grid .column-right{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
header .container{
    height: 100%;
}
header .box-contact {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 30px;
}
header .box-contact .phone a{
    font-size: var(--fz24);
    position: relative;
}
header .box-contact .phone a:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: -4px;
    transition: all .3s;
}
header .box-contact .phone a:hover:before{
    width: 100%;
}
a.btn-header{
    display: inline-block;
    border-radius: 10px;
    padding: 11px 23px;
    backdrop-filter: blur(10px);
    background: rgba(217, 217, 217, 0.38);
    font-size: var(--fz20);
    text-transform: uppercase;
}
a.btn-header:hover{
    background: var(--color-main);
}

ul.header-mnu{
    display: flex;
    align-items: center;
    column-gap: clamp(15px, 1.5vw, 20px);
    justify-content: end;
    flex-wrap: wrap;
    row-gap: 5px;
}
ul.header-mnu li a{
    font-weight: 400;
    font-size: var(--fz16);
    text-transform: uppercase;
    position: relative;
}
ul.header-mnu li a:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: -1px;
    transition: all .3s;
}
ul.header-mnu li a:hover:after{
    width: 100%;
}

section.head{
    padding-top: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/template/img/head-default.jpg);
    height: 100vh;
    min-height: calc(500px + 180px);
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.home section.head{
    min-height: calc(700px + 180px);
}
section.head .container{
    height: 100%;
}
section.head .box-text{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 100px;
}

section.head .heading-head{
    font-weight: bold;
    font-size: var(--fz64);
    margin-bottom: clamp(15px, 2.2vw, 30px);
    color: #fff;
}
section.head .heading-head span{
    font-weight: 400;
    font-size: 45px;
}
section.head .descr-head{
    font-size: var(--fz30);
    color: #fff;
    max-width: 755px;
}
section.head .descr-head span{
    font-size: var(--fz50);
    font-weight: normal;
}
.home section.head .descr-head{
    max-width: 515px;
}
.home section.head .heading-head{
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
section.head .btn-main{
    margin-top: clamp(30px, 4.4vw, 60px);
}
section.block-experience{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-experience .grid-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-experience .grid-list .item{
    border-radius: 30px;
    padding: clamp(20px, 2.2vw, 27px) clamp(15px, 2.2vw, 30px);
    background-color: #0e4067;
    text-align: center;
    color: #fff;
}
section.block-experience .grid-list .item .name{
    font-size: var(--fz25);
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
section.block-experience .grid-list .item .descr{
    font-size: var(--fz14);
    margin-top: 10px;
}

section.block-control{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-control .grid{
    display: grid;
    grid-template-columns: 1fr 33%;
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-control .column-text{
    padding-right: 35px;
}
section.block-control .icon{
    /*width: 411px;
    height: 379px;*/
    aspect-ratio: 411 / 379;
    border: 4px solid var(--color-main);
    border-radius: 30px;
    position: relative;
    left: -35px;
}
section.block-control .icon:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: var(--color-main);
    filter: blur(19px);
    position: absolute;
    top: 35px;
    left: 43px;
}
section.block-control .icon:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 35px;
    left: 43px;
    background-image: url("data:image/svg+xml,%3Csvg width='234' height='234' viewBox='0 0 234 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_58_2)'%3E%3Cpath d='M163.96 221.145C168.109 213.576 171.891 204.639 176.532 197.443C180.958 190.58 192.282 188.223 199.638 183.073C202.782 180.874 207.513 174.328 211.154 179.009C212.198 180.348 212.447 181.428 211.752 183.033C210.392 186.171 199.259 193.186 195.912 194.933C192.784 196.561 188.742 197.573 186.004 199.138C181.189 201.891 171.502 226.244 167.099 231.835C164.903 234.898 161.747 234.599 159.675 231.541C153.437 222.326 149.085 210.099 142.83 200.682C136.439 196.956 129.789 194.701 123.45 190.377C75.0024 157.319 87.5179 81.3329 143.547 65.0527C201.218 48.2976 252.302 106.482 227.621 161.417C226.119 164.758 219.972 178.85 215.032 172.214C212.413 168.698 217.81 163.158 219.514 159.631C244.404 108.048 191.604 52.6447 138.839 75.437C93.6034 94.9789 88.2574 158.297 129.964 184.825C135.197 188.155 141.187 189.517 145.833 192.315C151.038 195.447 158.394 212.474 161.944 218.556C162.182 218.957 163.598 221.428 163.965 221.151L163.96 221.145Z' fill='white' /%3E%3Cpath d='M7.83552 7.8179V91.3445C7.83552 91.4971 5.99518 93.3004 5.54921 93.4361C3.08789 94.1766 0.37819 93.0517 0.0281862 90.4005V3.64609C-0.180687 2.05199 0.937066 1.18145 2.00966 0.282643L90.3065 0C92.9598 0.350477 94.0775 3.06385 93.338 5.52849C93.2025 5.97507 91.4073 7.8179 91.2493 7.8179H7.83552Z' fill='white' /%3E%3Cpath d='M158.998 101.468C193.902 97.534 208.314 142.87 179.196 159.687C153.465 174.548 122.959 147.884 134.418 120.694C135.502 118.127 136.637 115.979 139.86 116.46C145.81 117.347 141.514 124.425 140.843 127.613C136.151 149.817 162.769 164.786 179.303 149.569C196.126 134.08 182.222 105.742 158.986 109.744C154.865 110.456 149.056 115.646 146.256 111.039C142.739 105.261 155.102 101.915 158.998 101.474V101.468Z' fill='white' /%3E%3Cpath d='M7.8356 155.883H87.8453C90.2558 155.883 92.3727 163.04 86.8799 163.684L2.00409 163.419L0.299233 161.712L0.0621338 104.024C0.875045 101.548 3.5283 100.587 5.88235 101.588C6.11381 101.69 7.8356 103.385 7.8356 103.527V155.883Z' fill='white' /%3E%3Cpath d='M171.265 7.81816H103.415C103.279 7.81816 101.58 6.09404 101.478 5.86227C100.474 3.50503 101.439 0.853844 103.912 0.0341797L177.091 0.277252L178.795 1.98441L179.021 52.357C178.237 57.3654 171.27 55.5396 171.27 52.8714V7.81816H171.265Z' fill='white' /%3E%3Cpath d='M124.522 38.9426C125.222 16.676 158.388 19.0106 155.644 41.6107C154.25 53.1199 139.951 58.428 130.732 51.5654C128.745 50.0843 127.751 48.0041 125.883 46.8679C120.604 48.8238 115.27 50.7118 110.138 53.0238C107.937 54.0131 102.478 57.5574 100.863 57.8796C96.9396 58.6597 94.0944 54.7423 96.3412 51.3845C97.2614 50.0109 107.434 45.2285 109.653 44.2619C114.457 42.159 119.458 40.2879 124.522 38.9426ZM140.464 31.379C133.125 31.3169 129.417 40.418 135.745 45.0872C141.972 49.683 150.101 42.8204 147.182 36.0653C146.143 33.6571 143.14 31.4017 140.464 31.379Z' fill='white' /%3E%3Cpath d='M57.3046 85.8503C60.6974 84.8328 63.4805 87.2861 62.7071 90.7513C62.3289 92.4472 56.2772 100.033 54.8151 102.345C53.9796 103.668 49.1699 111.565 49.1868 112.3C49.1981 112.86 52.0094 115.89 52.6643 117.077C59.828 130.095 47.1432 144.335 33.2786 139.411C21.5817 135.256 19.8204 118.58 30.0439 111.639C33.8996 109.021 37.4165 109.349 41.673 108.677C43.886 104.957 54.1038 86.8113 57.299 85.8503H57.3046ZM38.3762 117.02C36.2423 117.184 33.8262 118.823 32.6407 120.564C27.3172 128.388 39.0988 137.286 45.0602 129.106C48.9384 123.781 44.5239 116.54 38.3819 117.02H38.3762Z' fill='white' /%3E%3Cpath d='M74.8443 54.7027C97.1317 51.441 99.5422 82.8935 80.9129 85.6182C58.6256 88.8799 56.2151 57.4274 74.8443 54.7027ZM77.2887 62.4697C75.1548 62.6337 72.7387 64.273 71.5532 66.0141C66.2297 73.8376 78.0113 82.7352 83.9726 74.5555C87.8509 69.2306 83.4363 61.9892 77.2944 62.4697H77.2887Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_58_2'%3E%3Crect width='233.983' height='233.983' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 58%;
}
section.block-control .wrap-heading-descr .heading-main{
    margin-bottom: clamp(20px, 3vw, 40px);
}

section.block-specialization{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-specialization .item-specialization{
    background-color: var(--color-main);
    color: #fff;
    border-radius: 40px;
    padding: clamp(25px, 3.7vw, 50px) clamp(20px, 4.4vw, 60px);
}
section.block-specialization .item-specialization .name{
    font-weight: bold;
    font-size: var(--fz30);
    margin-bottom: clamp(15px, 1.9vw, 27px);
}
section.block-specialization .item-specialization p{
    max-width: 650px;
}

section.block-advantages{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-advantages .grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    gap: clamp(25px, 3.7vw, 50px);
}
section.block-advantages .grid .item-plus{
    border: 4px solid var(--color-main);
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
section.block-advantages .grid .item-plus .box-color{
    aspect-ratio: 361/242;
    width: 100%;
    border-radius: 30px;
    background-color: var(--color-main);
    filter: blur(19px);
    position: relative;
    left: 20px;
    top: 20px;
    width: 100%;
}
section.block-advantages .grid .item-plus .icon{
    width: 100%;
    aspect-ratio: 361/242;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-size: 60%;
}
section.block-advantages .grid .item-plus .name{
    padding: 15px;
    font-weight: bold;
    font-size: var(--fz20);
    text-align: center;
    color: #114269;
}

section.block-expertise{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-expertise .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-expertise .grid .item{
    border-radius: 30px;
    padding: 20px ;
    background-color: var(--color-main);
    color: #fff;
    text-align: center;
}
section.block-expertise .grid .item .name{
    font-weight: bold;
    font-size: var(--fz24);
    padding-bottom: clamp(15px, 1.5vw, 20px);
    margin-bottom: clamp(15px, 1.5vw, 20px);
    border-bottom: 1px solid #fff;
}
section.block-expertise .grid .item .descr{
    font-weight: 400;
    font-size: var(--fz16);
    margin-bottom: clamp(15px, 1.9vw, 25px);
}

section.block-form{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-form .descr-heading{
    max-width: 440px;
}
section.block-form .grid{
    display: grid;
    grid-template-columns: 1fr minmax(200px, 43%);

}
section.block-form .column-text{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/template/img/block-form-bg.jpg);
    padding: clamp(25px, 3.7vw, 55px);
    padding-right: 40px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: var(--fz40);
    color: #fff;
    border-radius: 30px 0 0 30px;
}
section.block-form .column-text p {
    max-width: 550px;
}
section.block-form .column-form {
    width: calc(100% + 30px);
    margin-left: -30px;
}
section.block-form .wrap-form{
    background-color: #d2dee9;
    border-radius: 30px;
    padding: clamp(25px, 4.4vw, 60px) clamp(25px, 3.7vw, 50px) 25px;
}

section.block-spoilers{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-spoilers .descr-heading {
    max-width: 725px;
}
.wrap-spoiler {
    border: 1px solid var(--color-main);
    border-radius: 30px;
    background: #F7F7F7;
    padding: 12px 17px;
    margin-bottom: 10px;
    max-width: 893px;
}
.wrap-spoiler .spoiler_links {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--fz20);
    color: var(--color-main);
    transition: all .3s;
    justify-content: space-between;
    gap: 20px;
}
.wrap-spoiler .spoiler_links:after {
    content: '';
    width: 32px;
    min-width: 32px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.2253 4.03519C31.4206 3.83993 31.4206 3.52335 31.2253 3.32809L28.0433 0.146107C27.8481 -0.0491555 27.5315 -0.0491555 27.3362 0.146107C27.141 0.341369 27.141 0.657951 27.3362 0.853214L30.1647 3.68164L27.3362 6.51007C27.141 6.70533 27.141 7.02191 27.3362 7.21717C27.5315 7.41244 27.8481 7.41244 28.0433 7.21717L31.2253 4.03519ZM0 3.68164V4.18164H30.8718V3.68164V3.18164H0V3.68164Z' fill='%230E4067' /%3E%3C/svg%3E");
    transition: all .3s;
}
.wrap-spoiler .spoiler_links.active:after {
    transform: rotate(90deg);
}
.wrap-spoiler .spoiler_body {
    display: none;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: var(--fz16);
    margin-top: 20px;
    margin-left: 10px;
}
.wrap-quest .spoiler_body p {
    margin-bottom: 20px;
    font-size: var(--fz16);
}
.wrap-quest .spoiler_body p:last-child{
    margin-bottom: 0;
}

footer{
    background: linear-gradient(180deg, #0e4067 0%, #0e4067 100%);
    box-shadow: inset 0 -80px 60px -30px rgba(17, 76, 205, 0.25), inset 0 -40px 30px -8px rgba(102, 148, 255, 0.5), inset 0 -20px 20px -6px rgba(255, 255, 255, 0.4), inset 0 6px 6px -2px rgba(35, 101, 255, 0.15);
    color: #fff;
    padding-top: clamp(25px, 2.2vw, 30px);
    padding-bottom: clamp(25px, 2.2vw, 30px);
}
footer .grid{
    display: grid;
    grid-template-columns: auto 180px 200px auto;
    justify-content: space-between;
    column-gap: 20px;
}
footer .column-center {
    display: flex;
    flex-direction: column;
    justify-content: end;
    font-size: 12px;
}
footer .column-center a:hover{
    text-decoration: underline;
}
ul.footer-mnu{
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 15px;
    flex-wrap: wrap;
    row-gap: 5px;
}
ul.footer-mnu li a{
    font-size: 12px;
    text-transform: uppercase;
}
ul.footer-mnu li a:hover{
    text-decoration: underline;
}
footer .column-contacts{
    display: flex;
    align-items: center;
}
footer .box-contacts{
    font-size: 14px;
}
footer .box-contacts h4{
    font-size: var(--fz28);
    margin-bottom: clamp(15px, 1.5vw, 20px);
}
footer .box-contacts p{
    margin-bottom: 5px;
}
footer .box-contacts a:hover{
    text-decoration: underline;
}
.soc-but{
    display: flex;
    align-items: center;
    gap: 25px;
}
.soc-but a{
    display: block;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.soc-but a:hover{
    transform: translateY(-7px);
}
.soc-but a.tg{
    width: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4291 22.299L10.9315 15.8219C10.935 15.7722 10.957 15.7262 10.9916 15.6919C14.7626 11.9753 18.8154 8.56716 22.6591 4.93212C22.6603 4.93094 22.6626 4.92976 22.6638 4.92739C22.822 4.77849 22.6915 4.36961 22.2965 4.55514C22.2965 4.55514 21.9211 4.77849 21.9072 4.78677L7.51744 14.0185C7.46894 14.0493 7.41003 14.0575 7.35459 14.041L0.681161 11.9505C0.674231 11.9481 0.666147 11.9458 0.659217 11.9422C-0.189688 11.583 -0.163124 10.8219 0.422447 10.2157C0.442082 10.1956 0.466336 10.1791 0.492901 10.1684C7.71032 7.31806 14.9093 4.34952 22.166 1.58779C23.2447 1.17773 25.1054 0.287874 26.116 0.0763417C28.4248 -0.409354 28.0609 1.51925 27.8219 3.12169C26.8436 9.65791 24.7901 16.3856 23.6409 22.9265C23.6386 22.9407 23.6339 22.9549 23.6293 22.9679C23.2447 23.9523 22.5217 24.2323 21.5608 23.8093C21.5469 23.8034 21.533 23.7951 21.5203 23.7856L15.0871 19.0445C15.0098 18.9878 14.9058 18.9949 14.8365 19.061C14.0269 19.841 11.777 22.5271 10.6278 22.5164C10.5123 22.5164 10.4199 22.416 10.4291 22.2978V22.299Z' fill='white' /%3E%3C/svg%3E");
}
.soc-but a.vk{
    width: 38px;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='24' viewBox='0 0 38 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6901 22.4599C21.6366 22.8569 21.4441 23.1448 21.0363 23.2626C20.4109 23.4426 18.5234 23.2168 17.783 23.1296C8.27588 22.0117 2.54726 16.1614 0.688218 7.35449C0.333953 5.6749 -0.179789 2.46077 0.062843 0.82371C0.150555 0.230399 0.666575 0.104975 1.20993 0.0646207C2.35475 -0.0215402 4.32314 -0.0215402 5.46796 0.0646207C6.15143 0.115881 6.45671 0.224946 6.61277 0.897874C6.80528 1.73222 6.74946 2.91011 6.8554 3.8088C7.43863 8.78324 9.71573 14.4077 15.0525 16.1385V0.960041C15.0525 0.933865 15.1824 0.590312 15.212 0.541233C15.45 0.142057 15.9182 0.0929775 16.3556 0.0646207C17.1781 0.0111791 20.4827 -0.0378992 21.0944 0.176958C21.4441 0.300201 21.6936 0.58813 21.6936 0.961131V8.997C25.0756 7.54317 28.3255 5.36843 30.1629 2.21319C30.3941 1.81729 30.991 0.397267 31.302 0.23258C31.5048 0.125697 31.793 0.0831619 32.0231 0.0657116C33.1246 -0.0182681 35.0303 -0.0171774 36.1319 0.0657116C38.0695 0.211858 37.2049 1.66569 36.7253 2.78142C35.1044 6.5485 32.2372 9.99276 28.4827 11.9603C32.1848 14.1176 35.4074 17.179 36.968 21.1217C37.3667 22.1295 37.8679 23.1852 36.2686 23.3455C35.1705 23.4557 32.9059 23.4502 31.7987 23.3575C30.8054 23.2735 30.4796 22.1164 29.9761 21.3889C28.0225 18.5652 25.0209 16.4734 21.6936 15.3544V22.461L21.6901 22.4599Z' fill='white' /%3E%3C/svg%3E");
}
.soc-but a.max{
    width: 27px;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.3578 8.28889C25.542 5.94091 23.7997 3.74072 21.5828 2.29716C13.0413 -3.26485 0.518832 1.86436 0.0205424 11.3432C-0.139463 14.39 0.664023 16.7001 1.43047 19.5726C1.75493 20.789 1.82604 21.6766 1.9495 22.9031C2.13963 24.7936 5.33975 23.7957 6.45782 23.1824C6.97043 22.9009 7.3581 22.5625 7.79959 22.2197C9.18384 23.1453 10.5957 23.7568 12.3445 23.8962C22.0421 24.6705 29.2404 16.5871 26.3578 8.28889ZM16.3441 17.5436C14.1579 18.4022 11.9183 18.2032 9.92313 17.0588C9.52558 17.3191 8.57938 18.1657 8.0959 18.163C7.6949 18.1608 7.39513 17.4563 7.28007 17.1704C6.36991 14.9009 6.39065 11.3754 7.59267 9.19597C9.6283 5.50546 14.8497 4.75544 18.2252 7.50402C21.8816 10.4811 20.847 15.774 16.3441 17.5436Z' fill='white' /%3E%3C/svg%3E");
}
.column-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
}

.box-img-top-page{
    aspect-ratio: 1200/590;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.box-img-top-page img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrap-quest{
    border-bottom: 1px solid #d9d9d9;
}
.wrap-quest .spoiler_links {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--fz24);
    color: var(--color-main);
    transition: all .3s;
    justify-content: space-between;
    gap: 20px;
    padding: clamp(20px, 4.4vw, 55px) clamp(20px, 3.7vw, 50px);
}
.wrap-quest .spoiler_links .quest{
    font-size: var(--fz24);    
    margin-bottom: 0;
}
.wrap-quest .spoiler_links:after {
    content: '';
    width: 34px;
    min-width: 34px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='19' viewBox='0 0 34 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.707031L16.707 16.707L32.707 0.707031' stroke='%230E4067' stroke-width='2' /%3E%3C/svg%3E");
    transition: all .3s;
}
.wrap-quest .spoiler_links.active:after {
    transform: rotate(180deg);
}
.wrap-quest .spoiler_body{
    display: none;
    background-color: #f7f8f9;
    padding: clamp(20px, 3vw, 40px) clamp(25px, 3.7vw, 50px);
    font-size: 20px;
    line-height: 170%;
    color: #4f4c4c;
}
.wrap-quest .spoiler_body p{
    font-size: var(--fz20);
    line-height: 170%;
    color: #4f4c4c;
}
.wrap-quest .spoiler_body p:last-child{
    margin-bottom: 0;
}

section.block-quest{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}

section.block-text{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-text .wrap-heading-descr{
    margin-bottom: 0;
}
section.block-text .btn-main{
    margin-top: clamp(30px, 4.4vw, 60px);
}
section.block-mission {
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
    display: grid;
    grid-template-columns: 1fr 213px;
    column-gap: clamp(30px, 4.4vw, 60px);
}
section.block-mission .descr{
    font-size: var(--fz30);
    line-height: normal;
    max-width: 900px;
    color: var(--color-main);
    hyphens: none;
}
section.block-mission .descr strong{
    font-weight: 700;
}
section.block-mission .icon{
    padding-top: 30px;
}

section.block-principles{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-principles .grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-principles .grid .item{
    border: 2px solid #0e4067;
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
section.block-principles .grid .item .box-color {
    aspect-ratio: 195 / 155;
    width: 100%;
    border-radius: 30px;
    background-color: var(--color-main);
    filter: blur(19px);
/*    position: relative;
    left: 20px;
    top: 20px;*/
    width: 100%;
}
section.block-principles .grid .item .icon {
    width: 100%;
    aspect-ratio: 195 / 155;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-size: 80%;
}
section.block-principles .grid .item .name{
    font-size: 13px;
    line-height: normal;
    padding-top: clamp(20px, 2.2vw, 30px);
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: clamp(30px, 3vw, 40px);
    text-align: center;
    color: var(--color-main);
}
section.block-principles .grid .item .name strong{
    font-weight: 700;
}

section.block-logistics{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-logistics .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-logistics .grid .item{
    border: 2px solid #0e4067;
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-logistics .grid .item .box-color {
    aspect-ratio: 344 / 225;
    width: 100%;
    border-radius: 30px;
    background-color: var(--color-main);
    filter: blur(19px);
    width: 100%;
}
section.block-logistics .grid .item .icon {
    width: 100%;
    aspect-ratio: 344 / 225;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-size: 70%;
}
section.block-logistics .grid .item .name{
    font-size: var(--fz18);
    line-height: normal;
    padding-top: clamp(20px, 2.2vw, 30px);
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: clamp(30px, 3vw, 40px);
    text-align: center;
    color: var(--color-main);
}

section.block-profit{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-profit .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
    max-width: 790px;
    margin: 0 auto;
}
section.block-profit .grid .item{
    background-color: var(--color-main);
    border-radius: 30px;
    color: #fff;
    text-align: center;
    padding: clamp(20px, 2.6vw, 35px) clamp(15px, 2.2vw, 30px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
section.block-profit .grid .item .name{
    font-size: var(--fz20);
    color: #fff;
    margin-bottom: 25px;
    line-height: normal;
}
section.block-profit .grid .item .name strong{
    color: #fff;
    font-weight: bold;
}
section.block-profit .grid .item .icon{
    margin-bottom: 0;
}
section.block-profit .grid .item .box-img {
    border-top: 1px solid #fff;
    padding-top: 25px;
}

section.block-transport{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
section.block-transport .grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(25px, 3.7vw, 50px);
}
section.block-transport .grid .item{
    border: 2px solid #0e4067;
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-transport .grid .item .box-color {
    aspect-ratio: 233 / 176;
    width: 100%;
    border-radius: 30px;
    background-color: var(--color-main);
    filter: blur(19px);
    width: 100%;
    position: relative;
    left: 15px;
    top: 15px;
}
section.block-transport .grid .item .icon {
    width: 100%;
    aspect-ratio: 233 / 176;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-size: 70%;
}
section.block-transport .grid .item:nth-child(3) .icon {
    bottom: -15px;
}
section.block-transport .grid .item .descr{
    padding: 15px;
    padding-top: clamp(20px, 2.2vw, 30px);
    padding-bottom: 0;
    display: flex;
    align-items: start;
    gap: 10px;
    color: var(--color-main);
    line-height: normal;
}
section.block-transport .grid .item .descr .num{
    font-size: 100px;
    font-weight: bold;
    line-height: 0.8;
}
section.block-transport .grid .item .descr .name{
    font-size: var(--fz15);
}

section.block-404{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}