@font-face {
font-family: 'Hero';
src: url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-regular.eot);
src: url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-regular.eot?#iefix) format('embedded-opentype'),
url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-regular.woff2) format('woff2'),
url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-regular.woff) format('woff'),
url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Hero';
src: url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-bold.eot);
src: url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-bold.eot?#iefix) format('embedded-opentype'),
url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-bold.woff2) format('woff2'),
url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-bold.woff) format('woff'),
url(//mareven.kz/wp-content/themes/mareven-new/fonts/hero-bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}  :root { --icon_size: 32px;  --h1: 36px;
--h2: 24px;
--h3: 18px;
--h4: 14px;
--body: 14px;
--family: 'Montserrat', sans-serif;
--font2: 'Hero', sans-serif;  --color: var(--black);
--bg: #fff;
--silver: #F5F5F7; --red: #E3001B;
--black: #2C2F3B;
--gray: #7F828C; --gray2: #C4CCD6; --white: #fff;
--light_gray: #F5F6F7;  --btn_height: 56px;
--btn_color: var(--white) !important;
--btn_bg: var(--red);
--btn_border_color: var(--red);
--btn_shadow: #E3001B32;  --i1: 152px;
--i2: 80px;
--i3: 44px;
--bone: 80px;
--bar: 270px;
--header: 72px;  --grid_2: 2;
--grid_3: 3; }  *,
*:before,
*:after {
margin: 0;
padding: 0;
color: var(--color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
display: block;
}
body {
margin: 0;
padding: 0;
color: var(--color);
font-size: var(--body);
font-weight: 400;
font-style: normal;
line-height: 1.4;
font-family: var(--family);
background-color: var(--bg);
}
img {
display: block;
width: 100%;
height: auto;
}
a {
display: block;
color: var(--color);
text-decoration: none;
}
li {
list-style-type: none;
}
input,
button,
textarea {
display: block;
font-family: var(--family);
background-color: transparent;
border: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
resize: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--color);
font-family: var(--family);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--color);
font-family: var(--family);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--color);
font-family: var(--family);
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: var(--color);
font-family: var(--family);
}
input::placeholder,
textarea::placeholder {
color: var(--color);
font-family: var(--family);
}  .grecaptcha-badge { 
visibility: hidden;
}
html.hidden {
overflow: hidden;
}
.bone {
width: 100%;
max-width: ;
margin: 0 auto;
padding: 0 var(--bone);
}
.logo {
width: 100%;
max-width: ;
}
.title {
padding: var(--i3) 0 var(--i3);
font-family: var(--font2);
font-size: var(--h1);
font-weight: 700;
}
.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.content {
width: calc(100% - var(--bar));
}
path,
circle {
-webkit-transition: fill .43s;
-o-transition: fill .43s;
transition: fill .43s;
}
p + p {
margin-top: 1em;
}
.date {
color: var(--gray);
}
.required__field:after {
content: '*';
margin-left: 2px;
color: var(--red);
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset  0 0 0 3px white, inset 0 0 0 4px #C4CCD6;
box-shadow: inset  0 0 0 3px white, inset 0 0 0 4px #C4CCD6;
}
::-webkit-scrollbar-thumb {
background-color: var(--gray2);
border-radius: 40px;
}  .search {
--icon_size: 16px;
}
.search {
position: relative;
}
.search.big {
width: 100%;
max-width: 50%;
}
.search input {
margin-top: 0;
padding-right: calc(var(--btn_height) + 12px);   }
.search .button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: calc(var(--btn_height));
cursor: pointer;
}
.search .button:before {
left: 50%;
margin-left: calc(var(--icon_size) / -2);
-webkit-transition: -webkit-transform .43s;
transition: -webkit-transform .43s;
-o-transition: transform .43s;
transition: transform .43s;
transition: transform .43s, -webkit-transform .43s;
}
.search .button:hover:before {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}  .grid {
display: grid;
grid-gap: var(--inner);
}
.grid__center {
display: grid;
grid-gap: var(--inner);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.grid__twoo {
grid-template-columns: repeat(var(--grid_2), 1fr);
}
.grid__three {
grid-template-columns: repeat(var(--grid_3), 1fr);
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex__align {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex__start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex__center {
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;
}  .icon {
position: relative;
}
.icon:before {
content: '';
position: absolute;
top: 50%;
width: var(--icon_size);
height: var(--icon_size);
margin-top: calc(var(--icon_size) / -2);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.icon-arrow:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/arrow.svg);
}
.icon-arrow_red:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/arrow_red.svg);
}
.icon-arrow_slider:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/arrow_slider.svg);
}
.icon-arrow_white:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/arrow_white.svg);
}
.icon-check:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/check.svg);
}
.icon-lang:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/lang.svg);
}
.icon-pdf:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/pdf.svg);
}
.icon-play:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/play.svg);
}
.icon-search:before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/search.svg);
}   .slick-slider {
position: relative;
} .slick-list {
overflow-x: hidden; } .slick-track {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
} .slick-slide {
outline: 0 !important;
} .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 36px;
}
.slick-dots li {
width: 8px;
height: 8px;
border-radius: 4px;
background-color: var(--light_gray);
list-style-type: none !important;
-webkit-transition: opacity .43s, background-color .43s;
-o-transition: opacity .43s, background-color .43s;
transition: opacity .43s, background-color .43s;
}
.slick-dots button {
display: block;
width: 100%;
height: 100%;
font-size: 0;
cursor: pointer;
}
.slick-dots li + li {
margin-left: 8px;
} .slick-dots li:hover {
opacity: 0.5;
background-color: var(--red);
}
.slick-dots li.slick-active {
opacity: 1;
background-color: var(--red);
}
.slick-arrow {
--size: 56px;
--icon_size: 12px;
position: absolute;
top: 6.5vw;
left: calc(var(--size) / -2);
width: var(--size);
height: var(--size);
font-size: 0;
margin-top: calc(var(--size) / -2);
background-color: var(--white);
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/arrow_slider.svg);
background-position: center;
background-repeat: no-repeat;
background-size: var(--icon_size);
border: 1px solid var(--red);
border-radius: 50%;
cursor: pointer;
z-index: 10;
-webkit-transition: opacity .43s, -webkit-transform .43s;
transition: opacity .43s, -webkit-transform .43s;
-o-transition: opacity .43s, transform .43s;
transition: opacity .43s, transform .43s;
transition: opacity .43s, transform .43s, -webkit-transform .43s;
}
.slick-arrow:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .slick-arrow.slick-next {
left: auto;
right: calc(var(--size) / -2);
-webkit-transform: rotate(200grad);
-ms-transform: rotate(200grad);
transform: rotate(200grad);
}
.slick-arrow.slick-next:hover {
-webkit-transform: scale(1.1) rotate(200grad);
-ms-transform: scale(1.1) rotate(200grad);
transform: scale(1.1) rotate(200grad);
} .slick-arrow.slick-disabled {
opacity: 0 !important;
}  .btn {
--color: var(--btn_color);
display: inline-block;
position: relative;
height: var(--btn_height);
padding: 0 24px;
font-family: var(--font2);
font-size: var(--h3);
text-align: center;
line-height: calc(var(--btn_height) - (1px * 2));
white-space: nowrap;
background-color: var(--btn_bg);
border: 1px solid var(--btn_border_color);
border-radius: 40px;
cursor: pointer;
-webkit-transition: border-color .43s, -webkit-box-shadow .43s;
transition: border-color .43s, -webkit-box-shadow .43s;
-o-transition: box-shadow .43s, border-color .43s;
transition: box-shadow .43s, border-color .43s;
transition: box-shadow .43s, border-color .43s, -webkit-box-shadow .43s;
}
.btn:hover {
-webkit-box-shadow: 0 4px 32px var(--btn_shadow);
box-shadow: 0 4px 32px var(--btn_shadow);
}
.btn-outline {
--btn_bg: transparent;
--btn_color: var(--black);
}
.btn .icon {
--icon_size: 8px;
padding-right: calc(16px + var(--icon_size));
}
.btn .icon:before {
right: 0;
-webkit-transform: translate3d(0, 2px, 0px);
transform: translate3d(0, 2px, 0px);
}  .header {
grid-gap: 20px;
grid-template-columns: 1fr 60px 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: none;
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
right: 0;
padding: 6px var(--bone);
background-color: var(--light_gray);
z-index: 10000;
}
.header_burger {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 32px;
height: 36px;
padding: 12px 8px;
border-radius: 9px;
cursor: pointer;
z-index: 20;
-webkit-transition: background .43s, -webkit-transform .43s;
transition: background .43s, -webkit-transform .43s;
-o-transition: background .43s, transform .43s;
transition: background .43s, transform .43s;
transition: background .43s, transform .43s, -webkit-transform .43s;
}
.header_burger.active:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.header_burger span {
width: 100%;
height: 2px;
background-color: var(--black);
border-radius: 1px;
-webkit-transition: opacity .43s, width .43s, -webkit-transform .43s;
transition: opacity .43s, width .43s, -webkit-transform .43s;
-o-transition: transform .43s, opacity .43s, width .43s;
transition: transform .43s, opacity .43s, width .43s;
transition: transform .43s, opacity .43s, width .43s, -webkit-transform .43s;
} .header_burger.active span:nth-child(1) {
-webkit-transform: rotate(50grad) translate3d(3px, 3px, 0);
transform: rotate(50grad) translate3d(3px, 3px, 0);
}
.header_burger.active span:nth-child(2) {
opacity: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.header_burger.active span:nth-child(3) {
width: 100%;
-webkit-transform: rotate(-50grad) translate3d(4px, -4px, 0);
transform: rotate(-50grad) translate3d(4px, -4px, 0);
}
.header_logo {
max-width: 60px;
}
.header_lang {
justify-self: end;
width: 56px;
}
.header_lang .select_info {
font-size: 0;
background-color: transparent;
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/lang.svg);
background-position: 8px center;
background-repeat: no-repeat;
background-size: 16px;
border: 0 none;
}
.header_lang .select_wrapper {
position: absolute;
right: 0;
white-space: nowrap;
}
.header_lang .select_opt {
padding: 10px 12px 11px;
}  .bar {
background-color: var(--silver);
}
.bar_sticky { position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
height: 100vh;
width: var(--bar);
}
.bar_wrapper { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
margin-right: -80px;
padding: 3vh 92px 3vh 12px;
overflow-y: hidden;
overflow-x: hidden;
}
.bar_logo {
max-width: 160px;
margin: 0 auto;
}
.bar_nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 3vh;
text-align: center;
}
.bar_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 3vh 0 2vh;
}
.bar_btn{
text-align: center;
}
.bar_btn .btn {
display: block;
width: 80%;
max-width: 280px;
padding: 0;
margin: 0 auto;
font-family: var(--family);
font-size: var(--body);
font-weight: 600;
}
.bar_btn .btn.lng{
display: inline-block;
width: auto;
height: auto;
padding: 10px 15px;
line-height: normal;
}
.bar_select { margin: 1.5vh 0;
}
.bar_select .select{
height: auto;
text-align: center;
}
.bar_select .select_info {
border: 0 none;
padding-left: 0;
background-color: transparent;
text-align: center;
padding: 0 20px 0 16px;
font-size: 13px;
min-height: auto;
line-height: normal;
display: inline-block;
}
.bar_select .select_info:before{
right: 6px  
}
.bar_select .select_opt {
padding: 10px 12px 11px;
}  .nav {
display: inline-block;
text-align: left;
}
.nav_li a {
--inner: 12px;
display: inline-block;
position: relative;
padding: 6px var(--inner);
font-weight: 600;
}
.nav_li a:before {
display: none;
content: '';
position: absolute;
left: var(--inner);
right: var(--inner);
bottom: 12px;
width: 0;
border-bottom: 1px solid var(--color);
-webkit-transition: width .43s;
-o-transition: width .43s;
transition: width .43s;
}
.nav_li a:hover:before,
.nav_li.active a:before {
width: calc(100% - var(--inner) * 2);
}  .main {
position: relative;
width: 100%;
min-height: 220px;
}
.main:after {
content: '';
display: block;
padding-bottom: 60vh;
}
.main_img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.main_img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.main_img.gradient{
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);
}
.main_text {
--color: var(--white);
position: absolute;
bottom: 10%;
left: var(--bone);
right: var(--bone);
font-family: var(--font2);
font-size: var(--h1);
font-weight: 700;
text-align: center;
z-index: 1; }  .social {
--size: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social_li {
-webkit-transition: background-color .43s;
-o-transition: background-color .43s;
transition: background-color .43s;
border-radius: 50%;
}
.social_li a {
width: var(--size);
height: var(--size);
}
.social_li svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.social_li:not(:first-child) {
margin-left: 8px;
}
.social_li:hover {
background-color: var(--gray2);
}
.social_li:hover path {
fill: var(--silver);
}  .brand {
padding-top: 46px;
}
.brand_nav {
grid-gap: 16px;
grid-template-columns: repeat(5, 1fr);
margin-bottom: 24px;
}
.brand_nav_li {
position: relative;
border: 1px solid var(--silver);
cursor: pointer;
-webkit-transition: border-color .43s, -webkit-box-shadow .43s;
transition: border-color .43s, -webkit-box-shadow .43s;
-o-transition: box-shadow .43s, border-color .43s;
transition: box-shadow .43s, border-color .43s;
transition: box-shadow .43s, border-color .43s, -webkit-box-shadow .43s;
}
.brand_nav_li:hover,
.brand_nav_li.active {
border-color: var(--gray2);
-webkit-box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.1);
box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.1);
}
.brand_nav_li:after {
content: '';
display: block;
padding-bottom: 100%;
}
.brand_nav_li_img {
position: absolute;
top: 20%;
left: 17%;
right: 17%;
bottom: 20%;
}
.brand_nav_li_img img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.brand_nav_li a {
display: inline-block;
position: absolute;
left: 50%;
bottom: 18px;
white-space: nowrap;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(-50%, 0px, 0px);
transform: translate3d(-50%, 0px, 0px);
}
.brand_nav_li a:before {
display: none;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 0;
border-bottom: 1px solid var(--color);
-webkit-transition: width .43s;
-o-transition: width .43s;
transition: width .43s;
}
.brand_nav_li a:hover:before {
width: 100%;
}
.brand_nav_li.active a {
opacity: 1;
}
.brand_info {
display: none;
}
.brand_info .info_block {
grid-gap: 16px;
}  .info_block {
grid-gap: 22px;
}
.info_block .info_header{
font-weight: 600;
font-size: var(--h2);
}
.info_title {
font-family: var(--font2);
font-size: var(--h2);
font-weight: 700;
}
.info_title + .info_text {
margin-top: 20px;
}
.info_text {
font-size: var(--h4);
}
.info_text + .more_link{
margin-top: 20px;
}
.info_date {
margin-top: 20px;
margin-bottom: 20px;
}
.info_list li {
position: relative;
margin-top: 1em;
padding-left: 28px;
font-size: var(--h4);
line-height: 26px;
}
.info_list li:first-child {
margin-top: 0;
}
.info_list li:before {
content: '';
position: absolute;
top: calc(26px / 2 - 6px);
left: 0;
width: 12px;
height: 12px;
background-color: var(--red);
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/arrow_white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 4px;
border-radius: 50%;
}
.info_left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.info_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-top: 32px;
}
.info_btn .btn {
padding: 0 40px;
}
.info_btn .btn+.btn {
margin-left: 16px;
}  .slider {
margin-top: 40px;
}
.slider_li:not(:first-child) {
margin-left: 16px;
}
.slider_li { font-size: var(--h4);
line-height: 1.7;
}
.slider_li[data-id]:hover{
cursor: pointer;
}
.slider_img {
position: relative;
margin-bottom: 28px;
}
.slider_img:after {
content: '';
display: block;
padding-bottom: 67%;
}
.slider_img img,
.slider_img .video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.slider_txt { -webkit-text-size-adjust: 100%;
}
.slider_date { margin-bottom: 12px;
}
.more_link a {
--color: var(--red);
--icon_size: 8px;
display: inline-block;
margin-top: 4px;
padding-right: calc(6px + var(--icon_size));
}
.more_link a:before {
right: 0;
-webkit-transition: right .43s;
-o-transition: right .43s;
transition: right .43s;
}
.more_link a:hover:before {
right: -8px;
}
.slider li {
margin-left: 24px;
list-style-type: disc;
}  .media_more {
margin-top: 24px;
}
.media_more .select {
margin: 0 auto;
width: 80%;
max-width: 308px;
}
.media_more .select_info {
border-color: var(--red) !important;
border-radius: 40px;
text-align: center;
}
.media_more .select_info:before {
-webkit-transform: rotate(100grad);
-ms-transform: rotate(100grad);
transform: rotate(100grad);
}
.media_more .select.active .select_info:before {
-webkit-transform: rotate(-100grad);
-ms-transform: rotate(-100grad);
transform: rotate(-100grad);
}
.media_more .select_wrapper {
left: 0;
right: 0;
border-color: var(--red) !important;
}     input[type="text"],
input[type="email"],
select,
textarea {
width: 100%;
min-height: var(--btn_height);
padding: 0 24px;
font-size: var(--h4);
font-weight: 400;
border-radius: 4px;
border: 1px solid var(--gray2);
-webkit-transition: border-color .43s, background-color .43s, color .43s;
-o-transition: border-color .43s, background-color .43s, color .43s;
transition: border-color .43s, background-color .43s, color .43s;
outline: none;
}
input::-webkit-input-placeholder {
color: var(--gray2);
-webkit-transition: color .43s;
transition: color .43s;
}
input::-moz-placeholder {
color: var(--gray2);
-moz-transition: color .43s;
transition: color .43s;
}
input:-ms-input-placeholder {
color: var(--gray2);
-ms-transition: color .43s;
transition: color .43s;
}
input::-ms-input-placeholder {
color: var(--gray2);
-ms-transition: color .43s;
transition: color .43s;
}
input::placeholder {
color: var(--gray2);
-webkit-transition: color .43s;
-o-transition: color .43s;
transition: color .43s;
}
input:hover,
textarea:hover {
border-color: var(--gray);
}
input:focus,
textarea:focus {
border-color: var(--black);
}
textarea {
padding: 20px 16px;
height: 112px;
}
input.error,
textarea.error,
input.wpcf7-not-valid {
color: var(--red);
border-color: var(--red);
}
input.error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder {
color: var(--red);
}
input.error::-moz-placeholder,
textarea.error::-moz-placeholder {
color: var(--red);
}
input.error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder {
color: var(--red);
}
input.error::-ms-input-placeholder,
textarea.error::-ms-input-placeholder {
color: var(--red);
}
input.error::placeholder,
textarea.error::placeholder {
color: var(--red);
}
input.error:hover,
textarea.error:hover {
border-color: var(--red);
}
input.error + .input_err,
textarea.error + .input_err {
display: block;
}
.input_err, .wpcf7-not-valid-tip {
display: none;
color: var(--red);
font-size: 10px;
margin-top: 4px;
}
.input__hidden {
visibility: hidden;
width: 0;
height: 0;
min-height: 0;
border: 0 none;
opacity: 0;
z-index: -1;
}
.input_checked {
display: block;
position: relative;
font-weight: 300;
}
.input_checked span {
--size: 16px;
display: inline-block;
position: relative;
padding-left: calc(var(--size) + 12px);
line-height: 20px;
cursor: pointer;
}
.input_checked span:before,
.input_checked span:after {
content: '';
position: absolute;
top: 10px;
left: 0;
width: var(--size);
height: var(--size);
margin-top: calc(var(--size) / -2);
border: 1px solid var(--red);
border-radius: 2px;
-webkit-transition: background-color .43s;
-o-transition: background-color .43s;
transition: background-color .43s;
}
.input_checked span:after {
width: var(--size);
height: var(--size);
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/check.svg);
background-position: center 5px;
background-repeat: no-repeat;
background-size: 10px;
border: 0 none;
opacity: 0;
-webkit-transform: translate3d(1px, -2px, 0);
transform: translate3d(1px, -2px, 0);
-webkit-transition: opacity .43s;
-o-transition: opacity .43s;
transition: opacity .43s;
}
.input_checked span:hover:before {
background-color: var(--silver);
}
.input_checked input:checked + span:before {
border-color: var(--red);
}
.input_checked input:checked + span:after {
opacity: 1;
}
form .wpcf7-list-item{
margin: 0;
}
.wpcf7-not-valid-tip {
display: block;
}
.wpcf7-spinner{
display: none !important;
}
.wpcf7-response-output{
display: none;
}
select{
padding: 0 32px 0 24px;
moz-appearance: none;
-webkit-appearance: none;
appearance: none;
--icon_size: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23E3001B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat, repeat;
background-position: right 16px top 50%, 0 0;
}
select option:hover {
background-color: var(--silver);
} .wpcf7-acceptance label>input {
position: absolute;
z-index: -1;
opacity: 0;
} .wpcf7-acceptance label>span {
display: inline-flex;
align-items: center;
user-select: none;
--size: 16px;
padding-left: calc(var(--size) + 12px);
} .wpcf7-acceptance label>span::before {
content: '';
position: absolute;
top: 10px;
left: 0;
width: var(--size);
height: var(--size);
margin-top: calc(var(--size) / -2);
border: 1px solid var(--red);
border-radius: 2px;
-webkit-transition: background-color .43s;
-o-transition: background-color .43s;
transition: background-color .43s;
} .wpcf7-acceptance label>input:checked+span::before {
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/check.svg);
background-repeat: no-repeat;
background-position: center;
} .wpcf7-acceptance label>input:disabled+span::before {
background-color: #e9ecef;
}  .video {
--size_play: 52px;
position: relative;
}
.video span {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 1;
-webkit-transition: visibility 0s .43s;
-o-transition: visibility 0s .43s;
transition: visibility 0s .43s;
}
.video span:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: var(--size_play);
height: var(--size_play);
margin-top: calc(var(--size_play) / -2);
margin-left: calc(var(--size_play) / -2);
background-color: var(--red);
background-image: url(//mareven.kz/wp-content/themes/mareven-new/images/icon/play.svg);
background-position: 18px 16px;
background-repeat: no-repeat;
background-size: 16px;
border-radius: 50%;
opacity: 0;
z-index: 1;
-webkit-transition: opacity .43s, -webkit-transform .43s;
transition: opacity .43s, -webkit-transform .43s;
-o-transition: transform .43s, opacity .43s;
transition: transform .43s, opacity .43s;
transition: transform .43s, opacity .43s, -webkit-transform .43s;
}
.video:hover span:before {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.video.stop span {
visibility: visible;
-webkit-transition: visibility 0s;
-o-transition: visibility 0s;
transition: visibility 0s;
}
.video.stop span:before {
opacity: 1;
}
.video:after {
content: '';
display: block;
padding-bottom: 61%;
}
.video video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.slider_img .video-container{
padding-bottom: 67%; }
.slider_img.noafter:after{
display: none;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container .video{
position: static;
}
.video-container .video span {
visibility: visible;
}
.video-container .video span:before {
opacity: 1;
}  .select {
--height: var(--btn_height);
position: relative;
height: var(--height);
}
.select_info {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
padding: 0 40px 0 16px;
min-height: var(--height);
line-height: calc(var(--height) - 2px);
background-color: var(--white);
border: 1px solid var(--gray2);
border-radius: 4px;
cursor: pointer;
white-space: nowrap;
-webkit-transition: background-color .43s, border-color .43s;
-o-transition: background-color .43s, border-color .43s;
transition: background-color .43s, border-color .43s;
}
.select_info:hover {
border-color: var(--gray);
}
.select.active .select_info {
border-color: var(--black);
}
.select_info:before {
--icon_size: 8px;
right: 16px;
-webkit-transition: -webkit-transform .43s;
transition: -webkit-transform .43s;
-o-transition: transform .43s;
transition: transform .43s;
transition: transform .43s, -webkit-transform .43s;
}
.select.active .select_info:before {
-webkit-transform: rotate(-200grad);
-ms-transform: rotate(-200grad);
transform: rotate(-200grad);
}
.select_wrapper {
visibility: hidden;
overflow: auto;
position: relative;
max-height: 160px;
margin-top: 24px;
background-color: var(--white);
border: 1px solid var(--black);
border-radius: 4px;
opacity: 0;
z-index: 2;
-webkit-transition: visibility 0s .43s, opacity .43s, margin .43s;
-o-transition: visibility 0s .43s, opacity .43s, margin .43s;
transition: visibility 0s .43s, opacity .43s, margin .43s;
}
.select.active .select_wrapper {
visibility: visible;
margin-top: 4px;
opacity: 1;
-webkit-transition: visibility .43s 0s, opacity .43s, margin .43s;
-o-transition: visibility .43s 0s, opacity .43s, margin .43s;
transition: visibility .43s 0s, opacity .43s, margin .43s;
}
.select_opt {
padding: 10px 40px 11px 16px;
cursor: pointer;
-webkit-transition: background-color .23s, color .23s;
-o-transition: background-color .23s, color .23s;
transition: background-color .23s, color .23s;
}
.select_opt:hover {
background-color: var(--silver);
}
.select-dark .select_info,
.select-dark .select_wrapper {
background-color: var(--gray);
border-color: var(--gray);
}
.select-dark .select_info:hover,
.select-dark.active .select_info {
border-color: var(--black);
}
.select-dark .select_opt:hover {
color: var(--green);
background-color: var(--gray);
}  .contact {
max-width: 632px;
}
.contact_label {
margin-top: 16px;
margin-bottom: 8px;
}
.contact_input .input {
grid-gap: 16px;
grid-template-columns: repeat(3, auto);
grid-template-columns: 1fr 1fr 1fr;
}
.contact_input .btn {
--btn_border_color: var(--gray2);
--btn_shadow: none;
width: 100%;
padding: 0 12px;
border-radius: 4px;
}
.contact_input .btn:hover {
--btn_border_color: var(--gray);
}
.contact_input input:checked + .btn, .contact_input .btn.active{
--btn_border_color: var(--red);
}
.contact_input .tabs__caption span:nth-child(3){
display: none;
}
.contact_input .tabs__caption .active + span:nth-child(3), .contact_input .tabs__caption span:nth-child(3).active{
display: block;
}
.contact_quality > .contact_label {
margin-top: 40px;
}
.contact_grid {
grid-gap: 16px;
}
.contact_grid.grid__auto {
grid-template-columns: 1fr 1fr auto;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.contact_example_img {
overflow: hidden;
--size: var(--btn_height);
width: var(--size);
height: var(--size);
border: 1px solid var(--gray2);
border-radius: 4px;
margin-right: 16px;
}
.contact_example_img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.contact_photo {
--size: var(--btn_height);
position: relative;
padding-bottom: var(--size);
}
.contact_photo .images {
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
width: var(--size);
height: var(--size);
border: 1px solid var(--gray2);
border-radius: 4px;
opacity: 0;
-webkit-transition: opacity .43s;
-o-transition: opacity .43s;
transition: opacity .43s;
}
.contact_photo .images img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.contact_photo_add label {
position: absolute;
left: 0;
bottom: 0;
width: var(--size);
height: var(--size);
border: 1px solid var(--red);
border-radius: 4px;
cursor: pointer;
z-index: 1;
}
.contact_photo_add label:before,
.contact_photo_add label:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 2px;
border-radius: 2px;
background-color: var(--red);
-webkit-transform: translate3d(-50%, -50%, 0px);
transform: translate3d(-50%, -50%, 0px);
-webkit-transition: background-color .43s, -webkit-transform .43s;
transition: background-color .43s, -webkit-transform .43s;
-o-transition: background-color .43s, transform .43s;
transition: background-color .43s, transform .43s;
transition: background-color .43s, transform .43s, -webkit-transform .43s;
}
.contact_photo_add label:after {
-webkit-transform: translate3d(-50%, -50%, 0px) rotate(100grad);
transform: translate3d(-50%, -50%, 0px) rotate(100grad);
}
.contact_photo_add label:hover:before {
-webkit-transform: translate3d(-50%, -50%, 0px) rotate(200grad) scale(1.5);
transform: translate3d(-50%, -50%, 0px) rotate(200grad) scale(1.5);
}
.contact_photo_add label:hover:after {
-webkit-transform: translate3d(-50%, -50%, 0px) rotate(300grad) scale(1.5);
transform: translate3d(-50%, -50%, 0px) rotate(300grad) scale(1.5);
}
.contact_photo.active .images {
opacity: 1;
}
.contact_photo.active .contact_photo_add {
opacity: 0;
}
.contact_bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 40px;
}
.contact_btn {
margin-right: 32px;
}
.contact_btn .btn {
--btn_border_color: var(--red);
--btn_shadow: #E3001B32;
min-width: 200px;
border-radius: 40px;
box-shadow: none;
}
.contact_btn .btn:hover, .contact_btn .btn:focus {
--btn_border_color: var(--red);
}
.contact_select .select_info:before {
-webkit-transform: rotate(100grad);
-ms-transform: rotate(100grad);
transform: rotate(100grad);
}
.contact_select .select.active .select_info:before {
-webkit-transform: rotate(300grad);
-ms-transform: rotate(300grad);
transform: rotate(300grad);
}
.tabs__content {
display: none;
}
.tabs__content.active {
display: block;
}  .mailing_title {
font-family: var(--font2);
font-size: var(--h2);
font-weight: 700;
}
.mailing_form {
overflow: hidden;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
max-width: 416px;
margin-top: 12px;
background-color: var(--white);
height: var(--btn_height);
border: 1px solid var(--gray2);
border-radius: 4px;
}
.mailing_form input {
border: 0 none;
}
.mailing_form button, .mailing_form input[type="submit"] {
--color: var(--red);
padding: 0 24px;
font-weight: 600;
cursor: pointer;
-webkit-transition: background-color .43s, color .43s;
-o-transition: background-color .43s, color .43s;
transition: background-color .43s, color .43s;
}
.mailing_form button:hover, .mailing_form input[type="submit"]:hover {
--color: var(--white);
background-color: var(--red);
}  .modal {
--inner: 20px;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: var(--inner) var(--bone);
background-color: #000000cc;
opacity: 0;
z-index: 100;
-webkit-transition: visibility .4s .4s, opacity .4s;
-o-transition: visibility .4s .4s, opacity .4s;
transition: visibility .4s .4s, opacity .4s;
}
.modal.active {
visibility: visible;
opacity: 1;
-webkit-transition: visibility .4s, opacity .4s;
-o-transition: visibility .4s, opacity .4s;
transition: visibility .4s, opacity .4s;
}
.modal_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative;
width: 100%;
max-width: 900px;
padding: 40px var(--bone);
max-height: calc(100% - var(--inner) * 2);
background-color: var(--white);
border-radius: 12px;
-webkit-box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.1);
box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0) scale(.5);
transform: translate3d(-100%, -100%, 0) scale(.5);
-webkit-transition: opacity .43s, -webkit-transform .43s;
transition: opacity .43s, -webkit-transform .43s;
-o-transition: transform .43s, opacity .43s;
transition: transform .43s, opacity .43s;
transition: transform .43s, opacity .43s, -webkit-transform .43s;
}
.modal.active .modal_wrapper {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.modal_inner {
overflow: auto;
height: inherit;
width: 100%;
padding-right: 20px;
margin-right: -20px;
}
.modal_inner .modal_date{
display: none;
}
.modal_inner h2{
font-size: 1.25rem;
font-weight: 700;
color: #e3001b;
cursor: pointer;
}
#cat_3.modal_inner .modal_date{
display: block;
}
#cat_2 .modal_top, #cat_35 .modal_top{
border-bottom: 1px solid #e3001b;
}
.modal__country .modal_inner {
padding-right: 0;
}
.modal_close {
--size: 16px;
position: absolute;
top: 28px;
right: 28px;
width: var(--size);
height: var(--size);
cursor: pointer;
-webkit-transition: -webkit-transform .43s;
transition: -webkit-transform .43s;
-o-transition: transform .43s;
transition: transform .43s;
transition: transform .43s, -webkit-transform .43s;
}
.modal_close:hover {
-webkit-transform: scale(1.2) rotate(200grad);
-ms-transform: scale(1.2) rotate(200grad);
transform: scale(1.2) rotate(200grad);
}
.modal_close:before,
.modal_close:after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #000;
-webkit-transform: translate3d(0, -50%, 0) rotate(50grad);
transform: translate3d(0, -50%, 0) rotate(50grad);
}
.modal_close:after {
-webkit-transform: translate3d(0, -50%, 0) rotate(-50grad);
transform: translate3d(0, -50%, 0) rotate(-50grad);
}
.callout--location .modal_close{
top: 5px;
right: 5px;
width: 10px;
height: 10px;
}
.modal_close:before, .modal_close:after{
background-color: #ccc;
}
.modal_title {
font-family: var(--font2);
font-size: var(--h2);
font-weight: 700;
}
.modal_top {
margin-top: 16px;
}
.modal_share {
font-weight: 600;
font-size: 12px;
}
.modal_soc_li {
--size: 24px;
margin-left: 8px;
width: var(--size);
height: var(--size);
}
.modal_soc_li svg {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
border-radius: 50%;
-webkit-transition: -webkit-transform .43s;
transition: -webkit-transform .43s;
-o-transition: transform .43s;
transition: transform .43s;
transition: transform .43s, -webkit-transform .43s;
}
.modal_soc_li:hover svg {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.modal_img {
position: relative;
margin-top: 24px;
} .modal_text {
margin-top: 24px;
font-size: var(--h4);
line-height: 1.7;
}
.modal_text a{
display: inline;
text-decoration: underline;
}
.modal__files .modal_wrapper {
max-width: 684px;
padding-left: 52px;
}
.modal__files li {
margin-top: 8px;
padding: 8px;
font-family: var(--font2);
border-radius: 4px;
-webkit-transition: background-color .43s;
-o-transition: background-color .43s;
transition: background-color .43s;
}
.modal__files li:first-child {
margin-top: 16px;
}
.modal__files li:hover {
background-color: var(--light_gray);
}
.modal__files .icon {
--icon_size: 24px;
padding-left: calc(var(--icon_size) + 16px);
}
.modal__files .icon:before {
left: 0;
}
.modal__files .name {
font-size: var(--h3);
}
.modal__files .heft {
--color: #878787;
font-size: 12px;
}
.modal__country .modal_title {
text-align: center;
}
.modal_mainland {
margin: 24px 0;
padding-bottom: 24px;
border-bottom: 1px solid var(--silver);
}
.modal_mainland:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0 none;
}
.modal_mainland_name {
--color: var(--red);
font-family: var(--font2);
font-size: var(--h2);
font-weight: 700;
}
.modal_mainland_countrys {
display: grid;
grid-gap: 12px 16px;
grid-auto-flow: column;
grid-template-rows: repeat(var(--rows), 1fr);
grid-template-columns: repeat(var(--columns), 1fr);
margin-top: 20px;
}
.modal_mainland_country {
-ms-flex-item-align: center;
align-self: center;
font-size: var(--h4);
cursor: pointer;
-webkit-transition: color .43s;
-o-transition: color .43s;
transition: color .43s;
}
.modal_mainland_country:hover {
--color: var(--red);
}
.modal_search {
margin-top: 28px;
}  .pop {
--inner: 20px;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: var(--inner) var(--bone);
background-color: #000000cc;
opacity: 0;
z-index: 100;
-webkit-transition: visibility .4s .4s, opacity .4s;
-o-transition: visibility .4s .4s, opacity .4s;
transition: visibility .4s .4s, opacity .4s;
}
.pop.active {
visibility: visible;
opacity: 1;
-webkit-transition: visibility .4s, opacity .4s;
-o-transition: visibility .4s, opacity .4s;
transition: visibility .4s, opacity .4s;
}
.pop_wrapper {
overflow-x: hidden;
overflow-y: auto;
position: relative;
width: 100%;
max-width: 524px;
max-height: calc(100% - var(--inner) * 2);
padding: 60px var(--bone);
text-align: center;
background-color: var(--white);
border-radius: 12px;
-webkit-box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.1);
box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0) scale(.5);
transform: translate3d(-100%, -100%, 0) scale(.5);
-webkit-transition: opacity .43s, -webkit-transform .43s;
transition: opacity .43s, -webkit-transform .43s;
-o-transition: transform .43s, opacity .43s;
transition: transform .43s, opacity .43s;
transition: transform .43s, opacity .43s, -webkit-transform .43s;
}
.pop.active .pop_wrapper {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.pop_title {
font-family: var(--font2);
font-size: var(--h2);
font-weight: 700;
}
.pop_text {
margin: 10px 0 24px;
font-size: var(--h4);
}
.pop_btn .btn {
width: 200px;
}
.pop_close {
--size: 16px;
position: absolute;
top: 16px;
right: 12px;
width: var(--size);
height: var(--size);
cursor: pointer;
-webkit-transition: -webkit-transform .43s;
transition: -webkit-transform .43s;
-o-transition: transform .43s;
transition: transform .43s;
transition: transform .43s, -webkit-transform .43s;
}
.pop_close:hover {
-webkit-transform: scale(1.2) rotate(200grad);
-ms-transform: scale(1.2) rotate(200grad);
transform: scale(1.2) rotate(200grad);
}
.pop_close:before,
.pop_close:after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #000;
-webkit-transform: translate3d(0, -50%, 0) rotate(50grad);
transform: translate3d(0, -50%, 0) rotate(50grad);
}
.pop_close:after {
-webkit-transform: translate3d(0, -50%, 0) rotate(-50grad);
transform: translate3d(0, -50%, 0) rotate(-50grad);
}
.pop__photo .pop_wrapper {
width: auto;
padding: 40px 12px 12px;
}  .footer {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 120px;
padding: var(--i2) var(--bone);
background-color: var(--silver);
}
.footer_left {
max-width: 440px;
margin-right: 24px;
}
.footer_info a {
margin-top: 8px;
font-family: var(--font2);
font-size: var(--h2);
font-weight: 700;
-webkit-transition: color .43s;
-o-transition: color .43s;
transition: color .43s;
}
.footer_info a:first-child {
margin-top: 0;
}
.footer_info a:hover {
--color: var(--red);
}
.footer_txt {
--color: var(--gray);
margin-top: 46px;
font-size: var(--h4);
line-height: 1.7;
}
.footer_right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer_mailing {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.footer_bottom {
--color: var(--gray);
margin-top: 32px;
}
.footer_cop {
margin-right: 28px;
}
.footer_polocy {
position: relative;
}
.footer_polocy a:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 0;
border-bottom: 1px solid var(--color);
-webkit-transition: width .43s;
-o-transition: width .43s;
transition: width .43s;
}
.footer_polocy a:hover:before {
width: 100%;
}
.cli-style-v2 .cli-bar-message a, .contact_checked a{
display: inline;
text-decoration: underline;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
border-radius: 16px;
padding: 9px 20px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: var(--red);
}
.two-column{
column-count:2;
}
.modal_text ol{
padding-left: 20px;
}
.modal_text ol li{
list-style: decimal;
list-style-position: inside;
}
.wpcf7-form.submitting {
position: relative;
}
.wpcf7-form.submitting * {
pointer-events: none;
opacity: 0.5;
}
.wpcf7-form.submitting::after {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
border: 4px solid var(--red);
border-bottom: 4px solid transparent;
border-right: 4px solid transparent;
border-radius: 50%;
margin: -25px;
opacity: 1;
animation: spin 1s infinite linear;
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
} @media only screen and (max-width: 1400px) { :root { --bar: 240px; }
.bar_logo {
max-width: 126px;
}
}
@media only screen and (max-width: 1200px) { :root { --bone: 40px;
--bar: 220px; }
.slick-arrow {
--size: 48px;
}  .brand_nav_li a {
bottom: 8px;
font-size: 10px;
}  .info_block {
grid-gap: 16px;
} }
@media only screen and (max-width: 1000px) { .info_block {
grid-template-columns: 1fr;
}
.slick-arrow {
top: 9vw;
}  .footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer_left {
margin-right: 0;
margin-bottom: var(--i2);
} }
@media only screen and (max-width: 900px) { .content {
width: 100%;
}  .header {
display: grid;
}  .bar {
display: none;
position: fixed;
top: var(--header);
left: 0;
right: 0;
bottom: 0;
z-index: 100;
}
.bar_sticky {
max-width: 400px;
margin: 0 auto;
}
.bar_wrapper {
height: calc(100vh - var(--header));
}
.bar_logo {
display: none;
}
.bar_nav {
margin-top: 0;
}
.bar_nav .nav_li {
text-align: center;
}
.bar_info {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.bar_select {
display: none;
}
.nav_li a{
padding: 4px var(--inner);
}  .modal {
top: var(--header);
}  .pop {
top: var(--header);
} }
@media only screen and (max-width: 700px) { :root { --bone: 24px; } }
@media only screen and (max-width: 600px) { :root { --h1: 24px;
--h2: 24px;
--h3: 14px;
--h4: 14px;  --i1: 80px;  --btn_height: 36px; }    .slick-slider {
padding-bottom: 52px;
}
.slick-arrow {
--size: 36px;
top: auto !important;
left: 0;
bottom: 0 !important;
}
.slick-arrow.slick-next {
left: auto;
right: 0;
} .slick-arrow.slick-disabled {
opacity: 0.2 !important;
}  .btn {
width: 200px;
}    .brand_nav {
grid-gap: 0;
grid-template-columns: repeat(2, 1fr);
}  .info_btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.info_btn .btn+.btn {
margin-top: 16px;
margin-left: 0;
}  input,
textarea {
padding-left: 12px;
padding-right: 12px;
}  .contact {
max-width: 380px;
}
.contact_label {
font-size: 12px;
}
.contact .grid {
grid-template-columns: 1fr;
}
.contact_grid.grid__auto {
grid-template-columns: 1fr 68px;
}
.contact_grid.grid__auto .contact_input:first-child {
grid-column: 1/3;
}
.contact_example {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact_example_img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-right: 0;
}
.contact_example p {
font-size: 12px;
margin-bottom: 8px;
}
.contact_example p span {
display: none;
}
.contact_bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact_btn {
margin-right: 0;
margin-bottom: 16px;
}
.input_checked span {
font-size: 12px;
}  .mailing_title {
font-size: 14px;
}  .modal_wrapper {
max-width: 300px;
}
.modal_close {
top: 16px;
right: 16px;
}
.modal_title {
font-size: 14px;
}
.modal_top {
position: relative;
margin-top: 6px;
}
.modal_date {
font-size: 12px;
}
.modal_img img{
margin: 16px 0 56px;
}
.modal_share {
position: absolute;
top: calc(100% + 172px);
}
.modal__files .modal_wrapper {
padding-left: var(--bone);
}
.modal_mainland_name {
font-size: 14px;
}
.modal_mainland_country {
overflow: hidden;
font-size: 12px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}  .pop_text br {
display: none;
}  .footer {
padding: 32px var(--bone);
}
.footer_bottom {
display: block;
} .two-column{
column-count:1;
}
}