/* Start:/local/templates/ichiro/template_styles.css?177909128134616*/
@font-face {
    font-family: "Ethnocentric";
    src: url("/local/templates/ichiro/fonts/ethnocentric.eot");
    src: url("/local/templates/ichiro/fonts/ethnocentric.eot?#iefix")format("embedded-opentype"),
    url("/local/templates/ichiro/fonts/ethnocentric.woff")format("woff"),
    url("/local/templates/ichiro/fonts/ethnocentric.woff2")format("woff2"),
    url("/local/templates/ichiro/fonts/ethnocentric.ttf")format("truetype"),
    url("/local/templates/ichiro/fonts/ethnocentric.svg#Ethnocentric")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

.montserrat {
    font-family: "Montserrat", sans-serif;
}
.ethnocentric {
    font-family: "Ethnocentric", sans-serif;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: #000000;
    line-height: 1.3;
    font-size: 14px;
}
h1, .h1 {
    /*font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;*/
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 28px;
}
h2, .h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 26px;
}
h3 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 11px;
}
.content h3 {
    margin-top: 30px;
    margin-bottom: 20px;
}
h4 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 5px;
}
a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}
p a{color:#135A9E;}
*, *:hover, *:focus {
    outline: none !important;
}
p {
    margin-bottom: 10px;
}
blockquote {
    padding: 0 30px 0 70px;
    font-style: italic;
    margin: 0;
    line-height: 1.5em;
    border-left: 2px solid #000;
    padding-left: 18px;
    margin-top: 28px;
    margin-bottom: 28px;
}
.gray {
    opacity: 0.6;
}
.red {
    color: #D12027;
}
.black {
    color: #000 !important;
}
.white {
    color: #fff;
}
.pink {
    color: #E9728A;
}
.lightgray {
    opacity: 0.32;
}
.green {
    color: #02B23E;
}
.blue {
    color: #18A0FB;
}
.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px !important;
}
.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}
.font-24 {
    font-size: 24px;
}
.font-32 {
    font-size: 32px !important;
}
.font-48 {
    font-size: 48px !important;
}
.font-88 {
    font-size: 88px;
}
.strong,
.weight-700 {
    font-weight: 700;
}
.weight-600 {
    font-weight: 600;
}
.weight-500 {
    font-weight: 500;
}
.weight-400 {
    font-weight: 400;
}
.weight-100 {
    font-weight: 100;
}
.uppercase {
    text-transform: uppercase;
}
.inset {
    max-width: 100%;
    height: auto;
}
.socnet {
    align-items: center;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
}
.socnet > a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.08);
    width: 32px;
    height: 32px;
    border-radius: 18px;
    color: #fff !important;
    text-align: center;
    line-height: 34px;
    margin: 4px;
    font-size: 16px;
    color: #fff;
}

.socnet > a.m {
    background-color: #3b5998;
}
.socnet > a.f {
    background-color: #3b5998;
}
.socnet > a.v {
    background-color: #4c6c91;
}
.socnet > a.o {
    background-color: #f68634;
}
.socnet > a.t {
    background-color: #55acee;
}
.socnet > a.i {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.socnet > a.tg {background-color: #0088cc;}
.socnet > a.y {background-color: #ff0000;}
.socnet > a.l {background-color: #0077b5;}
.socnet > a.p {background-color: #bd081c;}
.socnet > a.r {background-color: #ff4500;}
.socnet > a.wa {background-color: #25D366;}


.slider-arrow-outside .slick-next.slick-arrow {
    right: -60px;
}

[class*=border-] {
    border-color: rgba(0,0,0,0.16) !important;
}
.gray-bg {
    background: #f6f6f6;
}
.gray-area {
    border-radius: 16px;
    background: #f6f6f6;
}
.white-bg {
    background: #FFFFFF;
}
.bx-breadcrumb {
    /*display: flex;
    flex-wrap: nowrap;
    */
    padding: 23px 0 26px;
    font-size: 12px;
    font-weight: 500;
}
.bx-breadcrumb-item {
    margin-right: 5px;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    display: inline;
}
.bx-breadcrumb-item > a,
.bx-breadcrumb-item > i {
    opacity: 0.5;
    white-space: nowrap;
}
/*.ymaps-layers-pane{
    filter: grayscale(100%);
    filter: url(/img/filters.svg#grayscale);
    -webkit-filter: grayscale(1);
}
.ymaps-point-overlay > ymaps > .ymaps-image-with-content {
    background-image: url(/images/ico-map-point.png) !important;
}*/
.mt-27,
.my-27 {
    margin-top: 27px;
}
.mb-27,
.my-27 {
    margin-bottom: 27px;
}
.btn-light {
    background-color: #fff;
    border-color: #EBEBEB;
}
.white .btn-light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.32);
    color: #fff;
}
.btn-lightgray {
    color: #2C69DE;
    background: #EBEBEB;
    border-color: #EBEBEB;
}
.form-control {
    border-color: #EBEBEB;
    background: #FFFFFF;
    border: 1px solid #808080;
    width: 100%;
    min-height: 34px;
    padding: 8px 14px;
    font-weight: 500;
}
label {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #808080;
}
label + .form-control {
    margin-top: 9px;
}
.form-control + label {
    margin-top: 9px;
}
form .row {
    row-gap: 21px;
}
.btn-submit {
    height: 45px;
    background: linear-gradient(180deg, #D12027 0%, #820007 100%);
    border-radius: 55px;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 45px;
    border: none;
    cursor: pointer;
}
.alert {
    padding: 16px 0;
    font-size: 16px;
    font-weight: 600;
}
.alert-success {
    color: green;
}
.alert-danger {
    color: #820007;
}
.btn-mmenu {
    display: block;
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,0);
}
.btn-mmenu:hover {
    cursor: pointer;
}
.btn-mmenu .icon {
    transition-duration: 0.2s;
    position: absolute;
    width: 30px;
    height: 5px;
    background-color: #808080;
    top: 23px;
    left: 10px;
}
.btn-mmenu .icon:before,
.btn-mmenu .icon:after {
    transition-duration: 0.5s;
    background-color: #808080;
    position: absolute;
    content: "";
    width: 30px;
    height: 5px;
    left: 0px;
}
.btn-mmenu .icon:before {
    top: -9px;
}
.btn-mmenu .icon:after {
    top: 9px;
}
body.open-menu .btn-mmenu {

}
body.open-menu .btn-mmenu .icon {
    background-color: transparent;
}
body.open-menu .btn-mmenu .icon:before,
body.open-menu .btn-mmenu .icon:after {
    top: 0;
}
body.open-menu .btn-mmenu .icon:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
body.open-menu .btn-mmenu .icon:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/***************************************************************************************************/
header {
    display: flex;
    padding: 24px 45px;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    -webkit-transition: all 0.2s ease-out ;
    -moz-transition: all 0.2s ease-out ;
    -o-transition: all 0.2s ease-out ;
    transition: all 0.2s ease-out ;
}
body.is-scroll header {
    background: #f7f9f8;
}

section.main {
    height: 100vh;
    width: 100vw;
    background: no-repeat url(/images/main-bg.jpg) center / cover;
    display: flex;
    align-items: stretch;
}
.adminpanel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.left-area {
    width: 470px;
    flex-shrink: 0;
    position: relative;
    padding: 45px 0 0 50px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.main-area {
    flex-grow: 2;
    position: relative;
    overflow: auto;
}
.main-menu {
    flex-grow: 2;
    margin-top: 75px;
    border-right: 1px solid #D12027;
    position: relative;
    list-style: none;
}
.main-menu > li {
    display: block;
    padding-right: 26px;
}
.main-menu > li > a {
    font-family: "Ethnocentric";
    font-size: 39px;
    color: #808080;
    display: block;
    height: 51px;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.3s ease-out ;
    -moz-transition: all 0.3s ease-out ;
    -o-transition: all 0.3s ease-out ;
    transition: all 0.3s ease-out ;
}
.main-menu > li > a > span {
    position: absolute;
    left: 0;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-out ;
    -moz-transition: all 0.3s ease-out ;
    -o-transition: all 0.3s ease-out ;
    transition: all 0.3s ease-out ;
}
.main-menu > li > a.active > span,
.main-menu > li > a.expand > span,
.main-menu > li:hover > a > span {
    left: 100%;
    color: #221E20;
    transform: translateX(-100%);
}
.main-menu > li > a:after {
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    border-radius: 8px;
    background: transparent;
    position: absolute;
    right: -34px;
    bottom: 17px;
    -webkit-transition: background 0.3s ease-out ;
    -moz-transition: background 0.3s ease-out ;
    -o-transition: background 0.3s ease-out ;
    transition: background 0.3s ease-out ;
}
.main-menu > li > a.active:after,
.main-menu > li > a.expand:after,
.main-menu > li:hover > a:after {
    background: #221E20;
}
.main-menu > li > ul {
    display: none;
    list-style: none;
    color: #221E20;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3;
    text-align: right;
}
.main-menu > li > a.active + ul {
    display: block;
}
.main-menu > li > ul a {
    display: block;
    position: relative;
    font-weight: 600;
    margin-top: 15px;
    -webkit-transition: all 0.2s ease-out ;
    -moz-transition: all 0.2s ease-out ;
    -o-transition: all 0.2s ease-out ;
    transition: all 0.2s ease-out ;
}
.main-menu > li > ul a > span {
    font-weight: 500;
}
.main-menu > li > ul a.active,
.main-menu > li > ul a:hover {
    color: #D12027;
}
.main-menu > li > ul a.active:after {
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    border-radius: 4px;
    background: #D12027;
    position: absolute;
    right: -30px;
    top: 9px;
}

body.underconstraction .main-area {
    background-image: url(/images/landscape-x2.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    mix-blend-mode: multiply;
    background-size: cover;
    display: flex;
    align-items: flex-end;
}
.label-underconstraction {
    font-family: Ethnocentric;
    font-weight: 400;
    font-size: 39px;
    color: #FFFFFF;
    padding: 52px 120px 40px;
    background: #D12027;
    border-radius: 0 150px 0 0;
}
body.catalog section.main {
    background: linear-gradient(254.4deg, #D2D3D7 -1.16%, #F7F9F8 24.64%, #F7F9F8 68.88%, #D2D3D7 108.37%);
}
body.catalog .main-area {
    background: no-repeat url("/images/catalog-bg.svg") right top / auto 100%;
}
body.catalog.catalog-detail .main-area {
    background: no-repeat url("/images/redcircle-rb.svg") right bottom / auto, no-repeat url("/images/catalog-bg.svg") right top / auto 100%;
}
.catalog-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
    padding: 210px 104px 104px 145px;
    position: relative;
}
.catalog-wrap + .catalog-wrap {
    display: none;
}
.catalog-title {
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    display: flex;
    align-items: center;
    color: #000000;
    flex-wrap: wrap;
    margin-bottom: 36px;
    flex-flow: wrap-reverse;
    gap: 24px;
}
.catalog-title span {
    white-space: nowrap;
}
.catalog-title .siluet {
}
.catalog-title-arrows {
    position: absolute;
    right: 100%;
    padding-right: 23px;
    top: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}
.section-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
}
.section-item {
    width: 334px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.section-item-img {
    height: 290px;
    padding-right: 14%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.section-item-img > img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}
.section-item-sae {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 45px;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    background: #808080;
    opacity: 0.75;
    border-radius: 0 45px 0 0;
    padding: 7px 28px 5px 12px;
}
.section-item-name {
    background: #4D4D4D;
    padding: 10px 0 10px 36px;
    margin-right: 25px;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    border-radius: 0 0 0 44px;
}
.section-item:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    border-top: 1px solid #6F6D6E;
    border-left: 1px solid #6F6D6E;
    width: 48px;
    height: 48px;
}
.section-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #6F6D6E;
    border-right: 1px solid #6F6D6E;
    width: 14px;
    height: 48px;
}
.catalog-filter {
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    gap: 22px;
}
.catalog-filter-item {

}
.catalog-filter-item select {
    font-family: Montserrat;
    font-size: 14px;
    display: block;
    background: transparent;
    color: #808080;
    border: 2px solid #808080;
    height: 34px;
    padding: 0 16px 0 4px;
    cursor: pointer;
}
.catalog-filter-item label {
    display: block;
    color: #808080;
    font-size: 10px;
    margin-top: 3px;
}
.catalog-element {
    max-width: 1050px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-start;
    gap: 42px;
}
.catalog-element:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #6F6D6E;
    border-left: 1px solid #6F6D6E;
    width: 48px;
    height: 48px;
}
.catalog-element:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #6F6D6E;
    border-right: 1px solid #6F6D6E;
    width: 48px;
    height: 48px;
}
.catalog-element-image {
    text-align: center;
    padding-top: 133%;
    position: relative;
}
.catalog-element-image > img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%
    -moz-transform:  translate(-50%, -50%);
    -webkit-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
    mix-blend-mode: multiply;
}
.catalog-element-left {
    width: 40%;
}
.catalog-element-right {
    width: 60%;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding-top: 40px;
    position: relative;
}
.catalog-element-right .articul {
    position: absolute;
    top: 0;
    right: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #808080;
}
.catalog-element-volume {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: 24px;
}
.catalog-element-volume-item {
    width: 67px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #808080;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    color: #808080;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out ;
    -moz-transition: all 0.2s ease-out ;
    -o-transition: all 0.2s ease-out ;
    transition: all 0.2s ease-out ;
}
.catalog-element-volume-item.active {
    border-color: #D12027;
    color: #000000;
}
.catalog-element-volume-label {
    margin-top: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #808080;
}
.detail-characteristic-name {
    font-weight: 600;
    margin: 24px 0 6px;
}
.detail-characteristic-table {
    max-width: 100%;
    border-collapse: collapse;
}
.detail-characteristic-table td {
    padding: 3px 12px;
}
.detail-characteristic-table tr:nth-child(odd) td {
    background: rgba(209, 32, 39, 0.1);
    padding: 6px 12px;
}
.detail-characteristic-table td:last-child {
    font-weight: 600;
}
.main-slider {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.main-slider-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.main-slider-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: left 33%;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    background-size: cover;
    -webkit-transition: all 0.4s ease-out ;
    -moz-transition: all 0.4s ease-out ;
    -o-transition: all 0.4s ease-out ;
    transition: all 0.4s ease-out ;
    filter: blur(15px);
    opacity: 0;
}
.main-slider-item.active .main-slider-bg {
    filter: blur(0);
    opacity: 1;
}
.main-slider-brand {
    max-width: 100%;
    position: absolute;
    top: -450px;
    right: 0;
    mix-blend-mode: multiply;
    -webkit-transition: top 0.4s ease-out ;
    -moz-transition: top 0.4s ease-out ;
    -o-transition: top 0.4s ease-out ;
    transition: top 0.4s ease-out ;
}
.main-slider-item.active .main-slider-brand {
    top: 0;
}
.main-slider-canister {
    position: absolute;
    left: 15%;
    bottom: -100px;
    -webkit-transition: all 0.4s ease-out ;
    -moz-transition: all 0.4s ease-out ;
    -o-transition: all 0.4s ease-out ;
    transition: all 0.4s ease-out ;
    opacity: 0;
}
.main-slider-item.active .main-slider-canister {
    bottom: 3%;
    opacity: 1;
}
.main-slider-prev,
.main-slider-next {
    width: 66px;
    height: 193px;
    position: absolute;
    bottom: 17%;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center;
}
.main-slider-prev {
    left: 4%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='66' height='66' viewBox='0 0 66 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M32.52 1.49997C15.3881 1.49997 1.49998 15.3881 1.49998 32.52C1.49998 49.6518 15.3881 63.54 32.52 63.54C49.6518 63.54 63.54 49.6518 63.54 32.52C63.54 15.3881 49.6519 1.49998 32.52 1.49997Z' fill='white' stroke='url(%23paint0_linear_3_34)' stroke-width='3' stroke-miterlimit='10'/%3e%3cpath d='M38.06 50.28L23.89 36.11C21.91 34.13 21.91 30.92 23.89 28.93L38.06 14.76' stroke='url(%23paint1_linear_3_34)' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3_34' x1='65.04' y1='32.52' x2='-2.09143e-05' y2='32.52' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D12027'/%3e%3cstop offset='0.53' stop-color='%23561F22'/%3e%3cstop offset='1' stop-color='%23D12027'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_3_34' x1='46.4102' y1='41.926' x2='27.5941' y2='23.1099' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D12027'/%3e%3cstop offset='0.53' stop-color='%23561F22'/%3e%3cstop offset='1' stop-color='%23D12027'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.main-slider-next {
    right: 4%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='66' height='66' viewBox='0 0 66 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M32.52 63.54C49.6519 63.54 63.54 49.6519 63.54 32.52C63.54 15.3881 49.6519 1.5 32.52 1.5C15.3881 1.5 1.5 15.3881 1.5 32.52C1.5 49.6519 15.3881 63.54 32.52 63.54Z' fill='white' stroke='url(%23paint0_linear_3_33)' stroke-width='3' stroke-miterlimit='10'/%3e%3cpath d='M26.98 14.76L41.15 28.93C43.13 30.91 43.13 34.12 41.15 36.11L26.98 50.28' stroke='url(%23paint1_linear_3_33)' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3_33' x1='-1.11223e-08' y1='32.52' x2='65.04' y2='32.52' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D12027'/%3e%3cstop offset='0.53' stop-color='%23561F22'/%3e%3cstop offset='1' stop-color='%23D12027'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_3_33' x1='18.6298' y1='23.114' x2='37.4459' y2='41.9301' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D12027'/%3e%3cstop offset='0.53' stop-color='%23561F22'/%3e%3cstop offset='1' stop-color='%23D12027'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.main-slider-textarea {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='451' height='193' viewBox='0 0 451 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M30.9297 1.5H420.05C423.638 1.5 427.316 3.76936 430.893 8.4873C434.451 13.1812 437.719 20.0681 440.491 28.7129C446.029 45.9856 449.48 69.9414 449.48 96.4697C449.48 122.998 446.029 146.951 440.491 164.222C437.719 172.865 434.452 179.751 430.894 184.444C427.317 189.161 423.638 191.43 420.05 191.43H30.9297C27.342 191.43 23.6631 189.161 20.0869 184.443C16.5288 179.75 13.2602 172.862 10.4883 164.218C4.95008 146.946 1.5 122.993 1.5 96.4697C1.50002 69.9465 4.95002 45.9908 10.4883 28.7168C13.2602 20.0712 16.5288 13.183 20.0869 8.48828C23.6632 3.76958 27.3421 1.50013 30.9297 1.5Z' fill='white' stroke='url(%23paint0_linear_3_26)' stroke-width='3'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3_26' x1='225.49' y1='0' x2='225.49' y2='192.93' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D12027'/%3e%3cstop offset='1' stop-color='%23660004'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    width: 451px;
    min-height: 193px;
    font-weight: 500;
    font-size: 21px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #000000;
    text-wrap: balance;
    position: absolute;
    left: 55%;
    bottom: 17%;
    padding: 0 40px 30px;
}
.main-slider-text > a {
    font-weight: 600;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    -moz-transform:  translate(-50%, 0);
    -webkit-transform:  translate(-50%, 0);
    -o-transform:  translate(-50%, 0);
    -ms-transform:  translate(-50%, 0);
    transform:  translate(-50%, 0);
    bottom: -20px;
    width: 211px;
    height: 45px;
    background: linear-gradient(180deg, #D12027 0%, #820007 100%);
    border-radius: 55px;
}
body.page-contacts .main-area {
    background: no-repeat url(/images/sphere.svg);
    background-position: right -225px top -96px;
}
body.page-contacts .main-area:after {
    content: "";
    display: block;
    background: no-repeat url(/images/contact-image.jpg) center / cover;
    width: 787px;
    height: 375px;
    border-radius: 0 500px 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.contacs-container {
    max-width: 825px;
    padding-left: 66px;
    padding-top: 210px;
    padding-bottom: 120px;
    position: relative;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='467' height='113' viewBox='0 0 467 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M112.688 0C50.4553 0 0 50.5951 0 113H467V0H112.688Z' fill='%23D12027'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: 1;
    min-height: 100%;
}

body.main-page .main-area {
    /*scroll-snap-type: y mandatory;*/
}
body.main-page .main-slider {
    min-height: 100vh;
}
.main-area-page {
    scroll-snap-align: start;
    min-height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.mainpage-textround {
    padding: 210px 0 0 66px;
}
.main-about {
    min-height: 100vh;
    position: relative;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='707' height='186' viewBox='0 0 707 186' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0H520.76C623.4 0 706.6 83.2 706.6 185.84H0V0Z' fill='%23D12027'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left bottom;
    overscroll-behavior: none;
}
.main-about.wow {
    background-position: left -400px bottom;
    transition: all 1.5s ease-in-out .1s;
}
.main-about.wow.scrollview {
    background-position: left bottom;
}
.main-about > .text {
    max-width: 600px;
    width: 100%;
    padding-right: 24px;
}
.main-about-image {
    position: absolute;
    right: 0;
    bottom: 0;
    background: no-repeat url(/images/mainpage-about.jpg) right top / cover;
    height: 60%;
    max-height: 800px;
    width: calc(100% - 636px);
    max-width: 1200px;
    border-radius: 40vh 0 0 0;
}
.main-about-topright {
    position: absolute;
    top: 0;
    right: 0;
    width: 390px;
    height: 450px;
}
.main-about-topright img {
    width: 100%;
    height: 100%;
    display: block;
}
.main-sixreasons {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-right: 66px;
}
.main-sixreasons .sixreasons {
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
    gap: 120px;
}
.sixreasons-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
}
.sixreasons-item {
    width: 322px;
    padding: 54px 0 0 39px;
    text-align: center;
    position: relative;
}
.sixreasons-item-title {
    font-weight: 600;
    font-size: 24px;
    text-wrap: balance;
}
.sixreasons-item svg {
    position: absolute;
    top: 0;
    left: 0;
}
.sixreasons-ichiro {
    position: relative;
    margin: 0 80px;
    visibility: visible !important;
}
.sixreasons-ichiro > img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 0;
    left: 50%;
    transition: all 0.5s ease-in-out 1s;
    max-width: 19%;
}
.sixreasons-ichiro.scrollview > .sixreasons-ichiro-1 {
    left: 0;
}
.sixreasons-ichiro.scrollview > .sixreasons-ichiro-2 {
    left: 20%;
}
.sixreasons-ichiro.scrollview > .sixreasons-ichiro-3 {
    left: 40%;
}
.sixreasons-ichiro.scrollview > .sixreasons-ichiro-4 {
    left: 60%;
}
.sixreasons-ichiro.scrollview > .sixreasons-ichiro-5 {
    left: 80%;
}
.sixreasons-ichiro.scrollview > .sixreasons-ichiro-6 {
    left: 100%;
}
.main-brands {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px 66px;
}
.main-brands-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 93px;
    padding: 0 62px;
    background: no-repeat url(/images/logo-circle.svg) center / 0;
    transition: all 0.5s ease-in-out 0.5s;
    visibility: visible !important;
}
.main-brands-container.scrollview {
    background-size: 70px;
}
.mainpage-brand-item {
    position: relative;
    padding: 24px 21px;
    background-color: #6F6D6E;
    color: #ffffff;
    width: 35%;
    flex-grow: 2;
    display: flex;
    align-items: center;
}
.mainpage-brand-item-brand {
    position: absolute;
    line-height: 0;
    overflow: hidden;
}
.mainpage-brand-item-brand > img {
    max-height: 100%;
}
.mainpage-brand-item-container {
    position: absolute;
}
.mainpage-brand-item-1,
.mainpage-brand-item-2 {
    margin-top: 84px;
}
.mainpage-brand-item-3,
.mainpage-brand-item-4 {
    margin-bottom: 84px;
}
.mainpage-brand-item-1,
.mainpage-brand-item-3 {
    padding-left: 178px;
}
.mainpage-brand-item-2,
.mainpage-brand-item-4 {
    padding-right: 178px;
}
.mainpage-brand-item-1 {
    background: linear-gradient(340deg, #9A0003 -16.44%, #6F6D6E 26.37%);
    border-bottom-left-radius: 150px;
    transform: translate(65px, 0);
}
.mainpage-brand-item-2 {
    border-bottom-right-radius: 150px;
    background: linear-gradient(25deg, #9A0003 -4.92%, #6F6D6E 25.7%);
    transform: translate(0, 65px);
}
.mainpage-brand-item-3 {
    border-top-left-radius: 150px;
    background: linear-gradient(190deg, #9A0003 -12.53%, #6F6D6E 22.94%);
    transform: translate(0, -65px);
}
.mainpage-brand-item-4 {
    border-top-right-radius: 150px;
    background: linear-gradient(165deg, #9A0003 -6.8%, #6F6D6E 23.49%);
    transform: translate(-65px, 0);
}
.mainpage-brand-item-1 .mainpage-brand-item-brand,
.mainpage-brand-item-2 .mainpage-brand-item-brand {
    top: 0;
    transform: translate(0, -100%);
}
.mainpage-brand-item-3 .mainpage-brand-item-brand,
.mainpage-brand-item-4 .mainpage-brand-item-brand {
    bottom: 0;
    transform: translate(0, 100%);
}

.mainpage-brand-item-1 .mainpage-brand-item-brand,
.mainpage-brand-item-3 .mainpage-brand-item-brand {
    right: 0;
}
.mainpage-brand-item-2 .mainpage-brand-item-brand,
.mainpage-brand-item-4 .mainpage-brand-item-brand {
    left: 0;
}

.mainpage-brand-item-1 .mainpage-brand-item-container,
.mainpage-brand-item-2 .mainpage-brand-item-container {
    top: 0;
    margin-top: -84px;
}
.mainpage-brand-item-3 .mainpage-brand-item-container,
.mainpage-brand-item-4 .mainpage-brand-item-container {
    bottom: 0;
    margin-bottom: -84px;
}
.mainpage-brand-item-1 .mainpage-brand-item-container,
.mainpage-brand-item-3 .mainpage-brand-item-container {
    left: 0;
    margin-left: -60px;
}
.mainpage-brand-item-2 .mainpage-brand-item-container,
.mainpage-brand-item-4 .mainpage-brand-item-container {
    right: 0;
    margin-right: -60px;
}
.main-ichirois {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='365' height='365' viewBox='0 0 365 365' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_122_15)'%3e%3cpath d='M0 0H364.88C364.88 201.38 201.38 364.88 0 364.88V0Z' fill='%23D12027'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_122_15'%3e%3crect width='364.88' height='364.88' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 210px;
}
.main-ichirois.wow {
    background-position: right +360px top +210px;
    background-size: 0;
    transition: all 1s ease-in-out .1s;
}
.main-ichirois.wow.scrollview {
    background-position: right 210px;
    background-size: 360px;
}


.ichirois-row {
    display: flex;
    gap: 40px;
    max-width: 940px;
    margin-bottom: 24px;
}
.main-area ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 26px;
}
.main-ichirois ul li {
    margin-bottom: 14px;
}
.mb-0 {
    margin-bottom: 0;
}
.ichirois-image {
    max-height: 484px;
    background: no-repeat url(/images/mainpage-ichirois.jpg) center / cover;
    border-top-right-radius: 500px;
    flex-grow: 1;
    margin-left: -66px;
    margin-top: auto;
}
.main-importer {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-right: 66px;
    background-image: url("/images/mainpage-importer-1.png"), url("data:image/svg+xml;charset=UTF-8,%3csvg width='209' height='209' viewBox='0 0 209 209' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M208.79 208.79L4.57764e-05 208.79C4.57764e-05 93.56 93.56 4.57764e-05 208.79 4.57764e-05L208.79 208.79Z' fill='%23D12027'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 78% 136px, right bottom;
}
.importer-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    margin: auto 0;
}
.white-block {
    position: relative;
    /*background: no-repeat url(/images/white-block-bg.svg) center / 100% 100%;*/
    background: no-repeat url(/images/white-block-bg.png) center / 100% 100%;
    padding: 38px 20px 32px 40px;
}
.white-block-title {
    font-weight: 600;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    left: 40px;
    top: -18px;
    height: 45px;
    background: linear-gradient(180deg, #D12027 0%, #820007 100%);
    border-radius: 55px;
    padding: 8px 41px;
}
.main-importer .text {
    max-width: 575px;
}
.main-contacts {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.main-contacts:after {
    content: "";
    display: block;
    background: no-repeat url(/images/contact-image.jpg) center / cover;
    width: 787px;
    height: 375px;
    border-radius: 0 500px 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.main-contacts.wow:after {
    bottom: -380px;
    transition: all .5s ease-in-out .1s;
}
.main-contacts.wow.scrollview:after {
    bottom: 0;
}

.main-contacts .contacs-container {
    padding-bottom: 0;
    min-height: 100vh;
}
.contacts-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 39px;
    row-gap: 21px;
}
.contacts-col-6 {
    width: 35%;
    flex-grow: 1;
}
.contacts-col-12 {
    width: 55%;
    flex-grow: 1;
}
/*
.fadeTextDown.wow {
    background-clip: text;
    color: transparent;
    transition: all 1s ease-in-out .1s;
    background-image: linear-gradient(0deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 60%);
    background-size: 100% 300%;
    background-position: 0 100%;
}
.fadeTextDown.wow.scrollview {
    background-position: 0 0;
}
*/

@-webkit-keyframes fadeTextDown {
    0% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@keyframes fadeTextDown {
    0% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

.fadeTextDown {
    -webkit-animation-name: fadeTextDown;
    animation-name: fadeTextDown;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(0deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 60%);
    background-size: 100% 300%;
}

@-webkit-keyframes fadeWhiteTextDown {
    0% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@keyframes fadeWhiteTextDown {
    0% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

.fadeWhiteTextDown {
    -webkit-animation-name: fadeWhiteTextDown;
    animation-name: fadeWhiteTextDown;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 60%);
    background-size: 100% 300%;
}

/* End */
/* /local/templates/ichiro/template_styles.css?177909128134616 */