html {
width: 100%;
}
body{
min-width: 320px;
width: 100%;
height: 100%;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #f0f1f2;
color: #161a1e;
font-size: var(--main-main-font-size);
line-height: var(--main-main-line-height);
overflow-x: hidden;
}
body.overflow{
overflow: hidden;
}
.wrapper {
max-width: var(--main-wrapper-max-width);
margin: 0 auto;
position: relative;
padding: 0 var(--main-wrapper-padding);
box-sizing: border-box;
width: 100%;
}
.wrapper.lg{
max-width: var(--main-wrapper-lg-max-width);
padding: 0 var(--main-wrapper-lg-padding);
}
.workflow{
flex: 1 0 auto;
margin: var(--main-header-heigth) 0 0 0;
}
.lefted{
margin: 0 -20px 0 calc(( 100% - var(--main-wrapper-max-width) ) / 2 + var(--main-wrapper-padding) - 20px);
display: flex;
}
.lefted_col{
margin: 0 20px;
width: 100%;
}
.body{
margin: var(--main-header-heigth) 0 0 0;
overflow-x: hidden;
}
.home_cinema_page .body{
overflow-x: visible;
}
.main_page_3 .body {
margin: 0;
overflow: visible;
}
h1,
h2,
h3,
h4{
}
h1{
}
h2{
}
h3{
}
h4{
}
.page_header{
}
.page_subheader{
}
.page_text{
}
.page_text p{
margin: 0 0 32px 0;
}
.page_text p:last-child{
margin-bottom: 0;
}
.page_text h1,
.page_text h2,
.page_text h3,
.page_text h4{
margin: 0 0 19px 0;
}
.page_text h3{
}
.page_text ul,
.page_text ol{
margin: 0 0 15px 0;
}
.page_text ul li{
list-style: inside;
padding: 0 0 0 15px;
}
.page_text ol{
margin-left: 29px;
}
.page_text table{
width: 100%;
border-collapse: collapse;
margin: 20px 0 20px 0;
}
.page_text table tr:first-of-type td{
/* background: #fbfbfc;
font-weight: bold;*/
}
.page_text table td{
padding: 15px 30px;
border: 1px solid #f0f0f0;
}
a{
color: #161A1E;
transition: all 0.25s ease-in-out 0s;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
.page_text a,
.primary,
a.primary{
}
.page_text a:hover,
.primary:hover,
a.primary:hover{
}
svg,
rect,
line,
path{
transition: all 0.25s ease-in-out 0s;
display: block;
}
.mobile:not(html){
display: none !important;
}
.tablet:not(html){
display: none !important;
}
.desktop:not(html){
display: block;
}
.desktop.inlline:not(html){
display: inline;
}
.screen{
margin: var(--main-screen-margin) 0;
}
.screen_header{
font-weight: 500;
font-size: 36px;
margin: 0 0 61px 0;
}
/************** FORMS *****************/
input:not([type='checkbox']):not([type='radio']),
textarea,
select{
padding: 5px 18px 5px;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
height: var(--main-input-heigth);
box-sizing: border-box;
font-size: 14px;
line-height: 1.86;
color: #161a1e;
outline: none;
border-radius: 3px;
transition: all 0.25s ease-in-out 0s;
border: 1px solid transparent;
background: #fff;
min-width: 250px;
}
input:not([type='checkbox']):not([type='radio']):hover,
textarea:hover{
border-color: #161a1e;
}
input:not([type='checkbox']):not([type='radio']):active,
textarea:hover{
border-color: #161a1e;
}
textarea {
min-height: 120px;
padding-top: 15px;
padding-bottom: 15px;
display: block;
}
input:not([type='checkbox']):not([type='radio']):hover,
textarea:hover{
}
.important_form_pole{
display: none;
}
select{
width: auto;
padding: 5px 40px 5px 28px;
}
.select2-container{
}
.select2-container--default .select2-selection--single{
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
}
.select2-container .select2-selection--single .select2-selection__rendered {
}
.select2-container--open .select2-selection--single .select2-selection__rendered{
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
}
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:not(.select2-results__option--selected){
}
.select2-container--open .select2-selection--single .select2-selection__arrow b{
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
}
.select2-dropdown{
}
.select2-results{
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
}
.select2-container--open .select2-dropdown {
}
.select2-results__option{
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered{
}
.select2-container--open .select2-dropdown.select2-dropdown--above{
}
.select2-dropdown--above .select2-results {
}
.select2-container--default .select2-search--inline .select2-search__field {
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
}
.button,
button,
input[type="button"],
input[type="submit"] {
text-decoration: none;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
justify-content: center;
height: var(--main-button-heigth);
align-items: center;
transition: all 0.25s ease-in-out 0s;
color: #fff;
border: 1px solid transparent;
border-radius: 3px;
line-height: 186%;
padding: 5px 30px 5px 30px;
background: #ff003c;
box-sizing: border-box;
position: relative;
text-align: center;
cursor: pointer;
white-space: nowrap;
font-size: 14px;
}
.button .ico,
button .ico,
input[type="button"] .ico,
input[type="submit"] .ico {
}
.button:disabled,
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled {
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
background: #ff1d52;
color: #fff;
}
.button.inverse,
button.inverse,
input[type="button"].inverse,
input[type="submit"].inverse {
background: #000;
color: #fff;
}
.button.inverse path,
button.inverse path,
input[type="button"].inverse path,
input[type="submit"].inverse path{
}
.button.inverse:hover,
button.inverse:hover,
input[type="button"].inverse:hover,
input[type="submit"].inverse:hover {
background: #323a41;
}
.button.inverse:hover path,
button.inverse:hover path,
input[type="button"].inverse:hover path,
input[type="submit"].inverse:hover path{
}
.button.outline,
button.outline,
input[type="button"].outline,
input[type="submit"].outline {
}
.button.outline path,
button.outline path,
input[type="button"].outline path,
input[type="submit"].outline path{
}
.button.outline.filters_button path{
}
.button.outline:hover,
button.outline:hover,
input[type="button"].outline:hover,
input[type="submit"].outline:hover {
}
.button.outline:hover path,
button.outline:hover path,
input[type="button"].outline:hover path,
input[type="submit"].outline:hover path{
}
.button.trans,
button.trans,
input[type="button"].trans,
input[type="submit"].trans {
}
.button.trans:hover,
button.trans:hover,
input[type="button"].trans:hover,
input[type="submit"].trans:hover {
}
.button.only_ico,
button.only_ico,
input[type="button"].only_ico,
input[type="submit"].only_ico {
}
.button.round,
button.round,
input[type="button"].round,
input[type="submit"].round{
background: url(../svg/round_button.svg) no-repeat center center;
background-size: contain;
padding-right: 75px;
padding-left: 32px;
height: var(--main-input-heigth-lg);
font-weight: 600;
font-size: 18px;
line-height: 144%;
}
.form_row{
display: flex;
margin: 0 -10px;
}
.form_row.online{
margin-bottom: var(--main-form-item-margin);
}
.form_row>.form_col{
margin-left: 10px;
margin-right: 10px;
}
.form_row>.form_item{
width: 100%;
margin-left: 10px;
margin-right: 10px;
}
.form_row.last>.form_item{
margin-bottom: 0;
}
.form_item {
margin: 0 0 var(--main-form-item-margin) 0;
}
.form_item.last,
.form_item:last-of-type,
.form_row:last-of-type{
margin-bottom: 0;
}
.form_name{
margin: 0 0 10px 0;
}
form label{
cursor: pointer;
display: block;
}
form label.inline {
display: inline-block;
}
.form_items_row{
display: flex;
margin: 0 -16px;
}
.form_items_row:last-child{
margin-bottom: 0;
}
.form_items_row>.form_item{
margin: 0 8px;
}
.form_items_col{
margin: 0 16px;
}
.form_item.checkbox{
display: flex;
}
.form_item.checkbox label{
display: flex;
align-items: center;
}
.form_item.checkbox .check{
width: 20px;
height: 20px;
min-width: 20px;
border-radius: 20px;
margin: 0 30px 0 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease-in-out 0s;
background: none;
border: 1px solid #fff;
position: relative;
}
.form_item.checkbox .check::before{
content: '.';
font-size: 0;
width: 14px;
height: 14px;
border-radius: 100%;
transition: all 0.25s ease-in-out 0s;
}
.form_item.checkbox .form_name{
margin: 0;
padding: 20px;
}
.checkbox_block{
margin: 0 -20px;
}
.form_item.checkbox{
font-size: 18px;
transition: all 0.25s ease-in-out 0s;
border: 1px solid transparent;
border-radius: 3px;
position: relative;
}
.form_item.checkbox.active{
border: 1px solid #ff003c;
}
@media screen and (min-width: 769px) {
.form_item.checkbox:hover{
border: 1px solid #ff003c;
}
}
.upload_form_item{
border: 1px dashed rgba(22, 26, 30, 0.3);
border-radius: 30px;
padding: 20px 30px;
height: 100px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.upload_form_item .form_name{
margin: 0;
}
.upload_form_item input{
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.upload_title{
display: flex;
align-items: center;
font-weight: 600;
font-size: 16px;
line-height: 163%;
}
.upload_note{
margin: 5px 0 0 0;
font-weight: 500;
font-size: 14px;
line-height: 143%;
text-align: center;
color: rgba(22, 26, 30, 0.5);
}
.upload_title .ico{
margin: 0 10px 0 0;
}
.checkbox_more{
position: absolute;
left: 70px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out 0s;
}
.form_row>.form_col.form_col_checkbox_block{
margin-left: 20px;
margin-right: 20px;
}
.form_item.checkbox .checkbox_more input{
display: block;
}
.form_item.checkbox.active .checkbox_more{
opacity: 1;
visibility: visible;
width: calc(100% - 80px);
}
.form_item.checkbox input{
display: none;
width: 100%;
}
.form_item.checkbox input:checked+.check svg{
opacity: 1;
}
.form_item.checkbox label:hover input+.check svg{
opacity: 1;
}
.form_item.checkbox input:checked+.check {
}
.form_item.checkbox label input+.check path{
}
.form_item.checkbox label:hover input+.check path{
}
.form_item.checkbox label:hover input:checked+.check path{
}
.form_item.checkbox input:checked+.check{
border-color: #ff003c;
}
@media screen and (min-width: 769px) {
.form_item.checkbox:hover input+.check,
.form_item.checkbox label:hover input:checked+.check {
border-color: #ff003c;
}
}
.form_item.checkbox input:checked+.check::before{
background: #ff003c;
}
.form_item.checkbox label input:checked+.check path {
}
.form_item.sm input{
max-width: 100px !important;
box-sizing: border-box;
min-width: 0;
}
.form_item.md input{
max-width: 200px !important;
box-sizing: border-box;
min-width: 0;
}
.form_list{
}
.form_list_item {
display: flex;
align-items: center;
margin: 0 0 20px 0;
}
.form_list_item:last-child{
margin-bottom: 0;
}
.form_list_item .form_name{
width: 100%;
max-width: 300px;
padding: 0 40px 0 0;
box-sizing: border-box;
}
.form_list_item .form_pole{
width: 100%;
}
.checkbox_list{
display: flex;
}
.checkbox_list .checkbox{
}
.form_controls{
}
form.ajax_form span.error,
span.error {
color: #FF003C;
font-size: 12px;
font-style: normal;
font-weight: 500;
padding: 0;
margin: 4px 0 0 0;
display: block;
line-height: normal;
}
.inverse form.ajax_form span.error,
.inverse span.error {
color: #fff;
}
form.ajax_form .error{
border-color: #FF003C;
color: #FF003C;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
.quest_form textarea {
min-height: 140px;
}
/************** WINDOWS *****************/
.window input:not([type='checkbox']):not([type='radio']),
.window textarea{
width: 100%;
max-width: 100%;
display: block;
}
.window .select2-container{
width: 100% !important;
}
.window_content{
text-align: left;
display: block;
position: relative;
z-index: 10;
}
.window_header{
font-weight: 700;
font-size: 34px;
line-height: normal;
margin: 0 0 8px 0;
}
.window_data{
font-size: 16px;
line-height: 150%;
/*margin: 0 0 26px 0;*/
}
.window_note{
font-size: 16px;
line-height: 150%;
margin: 0 0 26px 0;
}
.window_data{
}
.window.no_header .window_data{
margin: 0;
}
.window_buttons{
}
.window_buttons{
display: flex;
margin: 17px 0 0 0;
}
.window_buttons .button{
}
.window .form_controls {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 20px 0 0 0 ;
}
.window .form_controls .agree {
}
/* REMODAL */
html.remodal-is-locked{
overflow: auto;
}
.remodal{
position: relative;
max-width: 720px;
background: #f0f1f2;
padding: 37px 100px 50px;
border-radius: 3px;
overflow: visible;
}
.remodal .block_shadow_back{
border-radius: 0;
}
.remodal-close{
position: absolute;
left: auto;
display: flex;
align-items: center;
justify-content: center;
top: 23px;
right: 23px;
width: 23px;
height: 23px;
transition: all 0.25s ease-in-out 0s;
z-index: 50;
}
.remodal-close svg {
width: auto;
height: auto;
}
.remodal-close:before{
display: none;
}
.remodal-close:hover svg{
transform: rotate(180deg);
}
.remodal.hook_window{
padding: 0;
}
.remodal.hook_window_1{
background: none;
}
.remodal.hook_window_1 .window_content{
padding: 56px 80px 52px 80px;
background: #f0f1f2;
border-radius: 5px;
}
.remodal.hook_window_1 .window_note{
margin: 0 0 44px 0;
}
.hook_note{
font-weight: 600;
color: #fff;
text-align: left;
padding: 40px;
display: flex;
}
.hook_window_1 .hook_note{
font-size: 28px;
border-radius: 5px;
background: #a02878;
margin: 2px 0 0 0;
}
.hook_note_ico {
margin: 0 28px 0 0;
}
.hook_window span.error{
color: #FF003C !important;
margin-left: 30px !important;
}
.remodal.hook_window_2{
display: inline-flex;
flex-direction: row-reverse;
max-width: 1180px;
}
.remodal.hook_window_2 .window_content {
padding: 56px 100px 60px 100px;
}
.hook_window_2 .hook_note{
font-size: 24px;
background: url("../img/hook_back.jpg") no-repeat center;
background-size: cover;
min-width: 500px;
}
.hook_window_2 .hook_note_content{
max-width: 360px;
}
.window.hook_window_2 .form_controls .form_policy_note{
max-width: 180px;
}
/************** PLUGINS *****************/
#jGrowl,
.jGrowl-notification.af-message-success{
display: none !important;
}
.noty_theme__mint.noty_type__success {
background-color: #a6ce39;
border-bottom: 1px solid #a6ce39;
}
.noty_theme__mint.noty_bar .noty_body {
padding: 18px 20px;
font-size: 16px;
font-weight: 300;
}
.header_control.response_menu_button{
display: none;
}
/* hamburger */
.hamburger {
float: left;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after{
background-color: #FF003C;
}
.hamburger-box {
width: 30px;
height: 23px;
display: block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: 0;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 30px;
height: 3px;
background-color: #000;
border-radius: 0px;
position: absolute;
/*transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;*/
transition: all 0.25s ease-in-out 0s
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -11px;
}
.hamburger-inner::after {
bottom: -11px;
}
.hamburger--spin .hamburger-inner {
/*transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);*/
}
.hamburger--spin .hamburger-inner::before {
/*transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;*/
}
.hamburger--spin .hamburger-inner::after {
/*transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);*/
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sl-overlay{
background: #000;
opacity: .85;
}
.sl-wrapper .sl-navigation button{
color: #fff;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter{
color: #fff;
}
.sl-wrapper .sl-image .sl-caption{
background: rgba(0,0,0,.65);
}
.sl-wrapper .sl-navigation button:hover,
.sl-wrapper .sl-close:hover{
background: none;
}
/************** HEADER *****************/
.header{
position: fixed;
top: 0;
flex: 0 0 auto;
width: 100%;
z-index: 100;
height: var(--main-header-heigth);
display: flex;
align-items: center;
background: #f0f1f2;
transition: all 0.20s ease-in-out 0s;
}
body.fixed{
--main-header-heigth: 66px;
}
.fixed.header{
background: #fff;
z-index: 1010;
}
.header_logo svg{
transition: all 0.20s ease-in-out 0s;
}
.fixed.header .header_logo svg{
height: 26px;
}
.header_content{
display: flex;
height: 40px;
justify-content: space-between;
align-items: center;
padding: 0 17px;
}
.header_item{
width: 100%;
}
.header_info{
display: flex;
align-items: center;
}
.header_contacts{
margin: 0 34px 0 0;
}
.header_contact{
font-weight: 500;
font-size: 16px;
display: inline-block;
position: relative;
}
.header_contact:hover{
color: #009ddc;
}
.header_contact::before{
content: '.';
font-size: 0;
width: 30px;
height: 1px;
background: #009ddc;
position: absolute;
left: 0;
bottom: -10px;
transition: all 0.20s ease-in-out 0s;
}
.header_contact:hover::before{
width: 100%;
}
.geo{
display: flex;
align-items: center;
font-weight: 500;
font-size: 12px;
color: #b4b4b4;
}
.side_geo{
display: none;
}
.geo .ico{
margin: 0 9px 0 0;
}
.header_base{
display: flex;
justify-content: center;
}
.header_controls{
display: flex;
justify-content: flex-end;
}
.social{
margin: 0 calc(114px - 14px) 0 -14px;
}
.social_item{
margin: 0 14px;
}
.social_item:hover path{
fill: #FF003C;
}
/************** HEADER MAIN MENU *****************/
.simplebar-track.simplebar-vertical{
right: 10px;
}
.side_menu{
position: fixed !important;
top: 0;
right: 0;
height: 100%;
width: 33.33%;
max-width: 600px;
background: #fff;
z-index: 100000;
overflow-x: hidden;
overflow-y: scroll;
transition: all 0.25s ease-in-out 0s;
}
.side_menu_content{
position: relative;
/*padding: 160px 5.26% 0 6.31%;*/
padding: 160px 100px 0 120px;
height: 100%;
}
.side_menu.toggle.active{
height: 100%;
}
.side_menu .close_side_menu{
position: absolute;
top: 60px;
left: 53px;
}
.side_menu .close_side_menu:hover{
transform: rotate(180deg);
}
.main_menu{
font-weight: 500;
font-size: 28px;
}
.main_menu>li{
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.main_menu a{
padding: 22px 0 22px 70px;
display: inline-block;
z-index: 10;
position: relative;
}
.main_menu .with_sub_menu{
position: relative;
}
.main_menu .with_sub_menu::before{
content: '.';
font-size: 0;
background: url("../svg/plus.svg") no-repeat center;
background-size: cover;
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 26px;
transition: all 0.25s ease-in-out 0s;
}
.main_menu .with_sub_menu.active::before{
background: url("../svg/minus.svg") no-repeat center;
}
.main_menu a:hover{
}
.main_menu .sub_menu {
font-size: 22px;
transform: translateY(-25px);
}
.main_menu>.active>.sub_menu,
.main_menu .sub_menu.active{
margin: 1px 0 20px;
opacity: 1;
height: auto;
max-height: 999999px;
transform: translateY(0px);
visibility: visible;
}
.main_menu .sub_menu a{
padding-top: 13px;
padding-bottom: 13px;
}
/************** MAIN *****************/
.main_screen{
/*padding: 90px 0 41px;*/
position: relative;
height: 100vh;
}
.main_screen .fp-overflow,
.main_screen .wrapper{
height: 100%;
}
.main_screen .wrapper{
display: flex;
align-items: center;
position: relative;
}
.main_screen .mouse{
width: 30px;
height: 50px;
position: absolute;
right: 20px;
top: calc(100% - 90px - var(--main-services-cards-block-margin) / 1.5);
/*bottom: calc(41px);*/
/*bottom: calc(var(--main-services-cards-block-margin) - 25px);*/
transition: all 0.25s ease-in-out 0s;
animation-timing-function: ease-in-out;
}
.mouse_wheel{
transform: translateY(-6px);
transition: all 0.25s ease-in-out 0s;
animation: wheelbeat 2s infinite;
animation-timing-function: ease;
}
.mouse_wheel_2{
transform: translateY(6px);
transition: all 0.25s ease-in-out 0s;
animation: wheelbeat_2 2s infinite;
animation-timing-function: ease;
}
@keyframes wheelbeat_2 {
0% {
transform: translate(0%, 2px);
}
50% {
transform: translate(0%, -2px);
}
100% {
transform: translate(0%, 2px);
}
}
@keyframes wheelbeat {
0% {
transform: translate(0%, -6px);
}
50% {
transform: translate(0%, 0px);
}
100% {
transform: translate(0%, -6px);
}
}
@keyframes arrowbeat {
0% {
transform: translate(-50%, 100%);
}
25% {
transform: translate(-50%, 50%);
}
50% {
transform: translate(-50%, 125%);
}
75% {
transform: translate(-50%, 50%);
}
100% {
transform: translate(-50%, 100%);
}
}
.main_screen.active .wrapper::after{
bottom: calc(41px + var(--main-services-cards-block-margin) / 1.5);
}
.main_screen .wrapper::before{
content: '.';
font-size: 0;
width: 2px;
height: 41px;
background: #ffc800;
position: absolute;
right: 34px;
top: calc(100% - 41px);
transition: all 0.25s ease-in-out 0s;
}
.main_screen.active .wrapper::before{
top: calc(100% - 41px - var(--main-services-cards-block-margin) / 1.5);
}
.main_screen_content{
display: flex;
justify-content: space-between;
width: 100%;
margin-top: calc(var(--main-header-heigth) / 2);
transform: translateY(calc(var(--main-services-cards-block-margin) * -0.25));
}
.main_screen_header{
font-weight: 700;
font-size: 60px;
line-height: normal;
margin: 0 0 53px 0;
}
.main_reborn_screen_description{
font-size: 18px;
}
.main_screen_menu li{
font-weight: 600;
font-size: 12px;
letter-spacing: 0.21em;
text-transform: uppercase;
margin: 0 0 25px 0;
}
.main_screen_menu li:last-child{
margin-bottom: 0;
}
.main_screen_controls{
margin: 51px 0 0 0;
}
.main_services_cards_block{
/*padding-top: var(--main-header-heigth);*/
position: relative;
height: 100vh;
transition: all 0.25s ease-in-out 0s;
}
.main_services_cards_block_1:not(.active){
transform: translateY(calc(var(--main-services-cards-block-margin) * -1));
}
.main_services_cards_block .fp-overflow{
overflow: hidden;
}
.main_services_cards_pic{
position: absolute;
/*right: 28.8%;*/
right: 520px;
width: 100%;
z-index: 10;
background: #f0f1f2;
}
.left .main_services_cards_pic{
right: auto;
left: 520px;
}
.main_services_cards_content{
margin: 0 0 0 57.5%;
padding: 0 0 0 60px;
/*height: 620px;
max-height: calc(100% - var(--main-header-heigth));*/
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.left .main_services_cards_content{
margin: 0 57.5% 0 0;
}
.main_services_cards_block .fp-overflow,
.main_services_cards_block .wrapper{
height: 100%;
display: flex;
align-items: center;
position: relative;
}
.main_services_cards_block .wrapper::after{
content: '.';
font-size: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg, #ffc800 0%, #f0f1f2 100%);
position: absolute;
right: 34px;
top: 0;
transition: all 0.25s ease-in-out 0s;
}
.main_services_cards_block.main_services_cards_block_1:not(.active) .wrapper::after{
/*top: calc(var(--main-services-cards-block-margin) / 2);*/
top: calc(var(--main-services-cards-block-margin) / 3);
}
.left.main_services_cards_block .wrapper::after{
left: 34px;
background: linear-gradient(180deg, #00b4ff 0%, #f0f1f2 100%);
right: 0;
}
.main_services_cards_block .wrapper::before{
content: '.';
font-size: 0;
width: 20px;
height: 30px;
background: url("../svg/pin.svg") no-repeat center;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background-color: #f0f1f2;
margin-top: -24px;
}
.left.main_services_cards_block .wrapper::before{
right: 0;
left: 25px;
margin-top: -50px;
background: url("../svg/pin_2.svg") no-repeat center;
}
.main_services_cards_data{
height: 100%;
max-height: 620px;
width: 100%;
}
.right .main_services_cards_data::after {
content: '.';
font-size: 0;
width: 2px;
height: 200px;
background: #00b4ff;
position: absolute;
left: 34px;
bottom: 0;
}
.main_services_cards_header{
font-weight: 600;
font-size: 14px;
letter-spacing: 0.21em;
text-transform: uppercase;
margin: var(--main-header-heigth) 0 0 0;
margin: 3px 0 0 0;
}
.main_services_card.active a {
color: #161a1e;
position: relative;
}
.main_services_card.active a::before{
content: '.';
font-size: 0;
width: 30px;
height: 1px;
background: #ff003c;
position: absolute;
left: 0;
bottom: -6px;
transition: all 0.25s ease-in-out 0s;
}
.left .main_services_card.active a::before{
background: #A02878;
}
.main_services_card.active a:hover{
color: #ff003c;
}
.left .main_services_card.active a:hover{
color: #A02878;
}
.main_services_card.active a:hover::before{
width: 100%;
}
.main_services_cards{
/*margin: 0 0 -8px 0;*/
}
.main_services_card{
margin: 0 0 8px 0;
font-size: 18px;
bottom: 0;
transition: all 0.35s ease-out 0s;
max-width: 240px;
}
.main_services_card.show,
.main_services_card.active{
position: absolute;
bottom: 50%;
margin: 0;
transition: all 0.35s ease-out 0s;
transform: translateY(-50%);
}
/*.main_services_card.show:not(.active):nth-child(1){
transform: translateY(calc(100% * -2 + 10px));
}
.main_services_card.show:not(.active):nth-child(2){
transform: translateY(calc(100% * -3 + 10px));
}
.main_services_card.show:not(.active):nth-child(3){
transform: translateY(calc(100% * -4 + 10px));
}
.main_services_card.show:not(.active):nth-child(4){
transform: translateY(calc(100% * -5 + 10px));
}
.main_services_card.show:not(.active):nth-child(4){
transform: translateY(calc(100% * -6 + 10px));
}
.main_services_card.show:not(.active):nth-child(4){
transform: translateY(calc(100% * -7 + 10px));
}
.main_services_card.show:not(.active):nth-child(4){
transform: translateY(calc(100% * -8 + 10px));
}
.main_services_card.show:not(.active):nth-child(4){
transform: translateY(calc(100% * -9 + 10px));
}
.main_services_card.show:not(.active):nth-child(4){
transform: translateY(calc(100% * -10 + 10px));
}*/
.main_services_card.show:not(.active)[data-show="2"]{
transform: translateY(calc(100% * -2 + 10px));
}
.main_services_card.show:not(.active)[data-show="3"]{
transform: translateY(calc(100% * -3 + 10px));
}
.main_services_card.show:not(.active)[data-show="4"]{
transform: translateY(calc(100% * -4 + 10px));
}
.main_services_card.show:not(.active)[data-show="5"]{
transform: translateY(calc(100% * -5 + 10px));
}
.main_services_card.show:not(.active)[data-show="6"]{
transform: translateY(calc(100% * -6 + 10px));
}
.main_services_card.show:not(.active)[data-show="7"]{
transform: translateY(calc(100% * -7 + 10px));
}
.main_services_card.show:not(.active)[data-show="8"]{
transform: translateY(calc(100% * -8 + 10px));
}
.main_services_card.show:not(.active)[data-show="9"]{
transform: translateY(calc(100% * -9 + 10px));
}
.main_services_card.show:not(.active)[data-show="10"]{
transform: translateY(calc(100% * -10 + 10px));
}
.main_services_card:last-child{
margin-bottom: 0;
}
.main_services_card a {
color: rgba(22, 26, 30, 0.2);
}
.main_services_card a:hover{
color: #161a1e;
}
.main_services_cards_media img{
object-fit: none;
height: 100%;
width: 100%;
max-height: 100%;
object-fit: cover;
}
.main_services_cards_media{
position: absolute;
opacity: 0;
transition: opacity 0.0s ease 0s, transform 0.75s ease-in-out 0s;
height: 0;
max-height: 620px;
overflow: hidden;
transform: translateY(50px);
}
.main_services_cards_media.active{
transition: opacity 0.0s ease 0s, transform 0.75s ease-in-out 0s;
transform: translateY(0);
position: relative;
opacity: 1;
height: 100%;
}
.main_services_cards_media video{
max-width: 100%;
max-height: 100%;
object-fit: none;
height: 100%;
width: 100%;
}
.fp-watermark{
display: none;
}
/************** ITEMS *****************/
.social {
display: flex;
}
.social_item{
display: flex;
align-items: center;
justify-content: center;
}
.social_item path{
}
.social_item:hover {
}
.social_item:hover path{
}
.footer_social{
}
.footer_social .social_item{
}
.footer_social .social_item path{
}
.footer_social .social_item:hover{
}
.footer_social .social_item:hover path{
}
/************** SLIDER *****************/
/************** TABS *****************/
/************** COLLECTION *****************/
.collection{
margin: 0 0 124px 0;
}
.side_gallery_pagination{
display: none;
}
.full_collection{
display: none;
}
.collection_controls{
display: flex;
margin: -10px -23px 77px;
}
.collection_control{
font-weight: 600;
font-size: 14px;
margin: 10px 23px;
letter-spacing: 0.21em;
text-transform: uppercase;
color: rgba(22, 26, 30, 0.5);
}
.collection_control a{
color: rgba(22, 26, 30, 0.5);
}
.collection_control.active a,
.collection_control a:hover{
color: #ff003c;
}
.collection_cards{
display: flex;
flex-wrap: wrap;
margin: -27px -10px;
}
.collection_card{
margin: 27px 10px;
width: calc(25% - 20px);
}
.collection_card_pic{
overflow: hidden;
position: relative;
}
.collection_card_pic::before{
content: '.';
font-size: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #161a1e;
background-blend-mode: multiply;
opacity: 0;
z-index: 10;
transition: all 0.25s ease-in-out 0s
}
.collection_card:hover{
color: rgba(22, 26, 30, 0.6);
}
.collection_card:hover .collection_card_pic::before{
opacity: 0.35;
}
.collection_card img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out 0s
}
.collection_card:hover img{
transform: scale(1.2);
}
.collection_card_header{
font-weight: 500;
font-size: 16px;
line-height: 150%;
margin: 12px 0 0 0;
}
.collection_card_pic{
border-radius: 3px;
overflow: hidden;
aspect-ratio: 1.1711;
background: #fff;
}
.collection_buttons{
display: flex;
justify-content: center;
margin: 124px 0 0 0;
}
.collection_card_promo{
}
.collection_card_promo .collection_card_content{
background: #161a1e;
aspect-ratio: 1.1711;
color: #FFFFFF;
padding: 72px 90px 80px 90px;
box-sizing: border-box;
border-radius: 3px;
}
.collection_card_promo .collection_card_header{
margin: 0 0 0 0;
}
.collection_card_promo .collection_card_header{
font-weight: 600;
font-size: 28px;
line-height: 125%;
max-width: 200px;
margin: 0 0 23px 0;
}
.collection_card_promo .collection_card_description{
margin: 0 0 35px 0;
}
.collection_card_promo .collection_card_controls .button{
width: 100%;
}
.no_data{
padding: 100px 0 160px;
font-weight: 600;
font-size: 34px;
letter-spacing: .11em;
text-transform: uppercase;
color: rgba(22, 26, 30, .5);
}
.collection_card_promo .collection_card_content{
padding: 82px 55px 0px 60px;
}
.collection_card_promo .collection_card_header{
max-width: 100%;
}
.collection_card_promo .collection_card_controls .button{
width: auto;
}
/************** SERVICE *****************/
.service_main_info{
padding: 0 0 200px 0;
position: relative;
}
.service .page_head{
margin-bottom: -42px;
}
.service_main_info .lefted_col_main{
width: calc(36.136% - 40px);
}
.service_main_info .lefted_col_second{
width: calc(63.864% - 40px);
}
.service_main_info_content{
margin: 90px 0 0 0;
}
.service_info_controls{
margin: 0 0 79px 0;
}
.service_info_controls .button{
padding-left: 29px;
padding-right: 29px;
}
.service_main_info_items{
display: flex;
flex-wrap: wrap;
margin: -29px -58px;
}
.service_main_info_item{
width: calc(50% - 116px);
margin: 29px 58px;
}
.service_main_info_item_title{
font-weight: 600;
font-size: 18px;
margin: 0 0 18px 0;
min-height: 51px;
}
.service_main_info_request{
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
transform: translateY(50%);
}
.service_main_info .request_row{
margin: 0 -27px;
}
.service_main_info .request_col{
margin: 0 27px;
}
/*.service_equipments[data-bg="2"] .faq_item.active .faq_item_quest::before{
background: #fff;
}*/
.service_equipment_media{
display: none;
}
.service_equipments.screen{
background: #ffc800;
/*padding: 225px 0 0;*/
padding: 0 0 0;
margin: 0 0 var(--main-screen-margin) 0;
overflow: hidden;
position: relative;
}
.service_equipments[data-bg="1"]{
background: #ffc800;
}
.service_equipments[data-bg="2"]{
background: #ff003c;
color: #fff;
}
.service_equipments[data-bg="2"] a {
color: #fff;
}
.service_equipments[data-bg="2"] .faq_item:not(.active):hover .faq_item_quest::before{
background: url(/assets/site/_v3/svg/minus.svg) no-repeat center;
background-size: contain;
}
.service_equipments[data-bg="2"] .service_equipments_header{
background: #ff003c;
color: #fff;
}
.service_equipments[data-bg="2"] .faq_item_value{
color: #fff;
}
.service_equipments[data-bg="2"] .faq_item_quest {
color: #161a1e;
}
.service_equipments[data-bg="2"] .active .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="2"] .faq_item.active::before {
background: #fff;
}
.service_equipments[data-bg="2"] .faq_item.active {
/*box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff;*/
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.service_equipments[data-bg="3"]{
background: #000;
color: #fff;
}
.service_equipments[data-bg="3"] .service_equipments_header{
background: #000;
color: #fff;
}
.service_equipments[data-bg="3"] a {
color: #fff;
}
.service_equipments[data-bg="3"] .faq_item {
/*box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .15);*/
border-top: 1px solid rgba(255, 255, 255, .15);
border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.service_equipments[data-bg="3"] .faq_item_value{
color: #fff;
}
.service_equipments[data-bg="3"] .faq_item_quest {
/*color: #161a1e;*/
}
.service_equipments[data-bg="3"] .active .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="3"] .faq_item.active::before {
background: #fff;
}
.service_equipments[data-bg="3"] .faq_item.active {
/*box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff;*/
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.service_equipments[data-bg="4"]{
background: #00B4FF;
color: #fff;
}
.service_equipments[data-bg="4"] a {
color: #fff;
}
.service_equipments[data-bg="4"] .faq_item:not(.active):hover .faq_item_quest::before{
background: url(/assets/site/_v3/svg/minus_inv.svg) no-repeat center;
background-size: contain;
}
.service_equipments[data-bg="4"] .faq_item:hover .faq_item_quest::before,
.service_equipments[data-bg="4"] .faq_item.active .faq_item_quest::before {
background: url(/assets/site/_v3/svg/minus_inv.svg) no-repeat center;
}
.service_equipments[data-bg="4"] .faq_item_quest::before {
background: url(/assets/site/_v3/svg/plus_inv.svg) no-repeat center;
}
.service_equipments[data-bg="4"] .service_equipments_header{
background: #00B4FF;
color: #fff;
}
.service_equipments[data-bg="4"] .faq_item_value{
color: #fff;
}
.service_equipments[data-bg="4"] .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="4"] .active .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="4"] .faq_item.active::before {
background: #fff;
}
.service_equipments[data-bg="4"] .faq_item.active {
/*box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff;*/
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.service_equipments[data-bg="5"]{
background: #9BD214;
color: #fff;
}
.service_equipments[data-bg="5"] a {
color: #fff;
}
.service_equipments[data-bg="5"] .faq_item:not(.active):hover .faq_item_quest::before{
background: url(/assets/site/_v3/svg/minus_inv.svg) no-repeat center;
background-size: contain;
}
.service_equipments[data-bg="5"] .faq_item:hover .faq_item_quest::before,
.service_equipments[data-bg="5"] .faq_item.active .faq_item_quest::before {
background: url(/assets/site/_v3/svg/minus_inv.svg) no-repeat center;
}
.service_equipments[data-bg="5"] .faq_item_quest::before {
background: url(/assets/site/_v3/svg/plus_inv.svg) no-repeat center;
}
.service_equipments[data-bg="5"] .service_equipments_header{
background: #9BD214;
color: #fff;
}
.service_equipments[data-bg="5"] .faq_item_value{
color: #fff;
}
.service_equipments[data-bg="5"] .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="5"] .active .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="5"] .faq_item.active::before {
background: #fff;
}
.service_equipments[data-bg="5"] .faq_item.active {
/*box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff;*/
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.service_equipments[data-bg="6"]{
background: #A02878;
color: #fff;
}
.service_equipments[data-bg="6"] a {
color: #fff;
}
.service_equipments[data-bg="6"] .faq_item:not(.active):hover .faq_item_quest::before{
background: url(/assets/site/_v3/svg/minus_inv.svg) no-repeat center;
background-size: contain;
}
.service_equipments[data-bg="6"] .faq_item:hover .faq_item_quest::before,
.service_equipments[data-bg="6"] .faq_item.active .faq_item_quest::before {
background: url(/assets/site/_v3/svg/minus_inv.svg) no-repeat center;
}
.service_equipments[data-bg="6"] .faq_item_quest::before {
background: url(/assets/site/_v3/svg/plus_inv.svg) no-repeat center;
}
.service_equipments[data-bg="6"] .service_equipments_header{
background: #A02878;
color: #fff;
}
.service_equipments[data-bg="6"] .faq_item_value{
color: #fff;
}
.service_equipments[data-bg="6"] .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="6"] .active .faq_item_quest {
color: #fff;
}
.service_equipments[data-bg="6"] .faq_item.active::before {
background: #fff;
}
.service_equipments[data-bg="6"] .faq_item.active {
/*box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff;*/
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.service_equipments_media_item{
position: absolute;
top: 0;
right: 0;
}
.service_equipments_media_item.toggle{
visibility: visible;
transition: opacity 0.45s ease-in 0s;
transform: none;
}
.service_equipments_media_item.toggle.active{
transition: opacity 0.45s ease-out 0s;
transform: none;
}
.service_equipments_media_item.active{
position: relative;
}
.service_equipments_header{
padding: 225px 0 61px 0;
margin: 0;
background: #ffc800;
z-index: 5;
position: relative;
}
.service_equipments_faq{
width: 100%;
max-width: 390px;
position: absolute;
}
.service_equipments_faq .faq_item{
/*min-height: 120px;*/
min-height: 0px;
color: #161A1E;
padding-top: 36px;
padding-bottom: 36px;
box-sizing: border-box;
transition: opacity 0.25s ease-in-out 0s
}
.service_equipments_faq .faq_item.active{
transition: opacity 0.25s ease-in-out 0s
}
.service_equipments_data{
display: flex;
margin: 0 -30px;
}
.service_equipments_media{
width: calc(56.5465% - 60px);
margin: 0 30px;
position: relative;
padding: 0 0 130px 0;
}
.service_equipments_content{
width: calc(43.4535% - 60px);
max-width: 390px;
margin: 0 30px;
}
.request_call_action_title{
font-weight: 600;
font-size: 18px;
margin: 0 0 18px 0;
}
/*.service_equipments .faq_item.active .faq_item_quest::before{
width: 128px;
height: 1px;
background: #ff003c;
left: -158px;
top: 50%;
transform: translateY(-50%);
display: none;
}*/
.service_equipments_content.swiper{
overflow: visible;
}
/*.service_equipments_faq .faq_item:not(.active):not(:hover):nth-last-child(2){
opacity: 0.4;
}
.service_equipments_faq .faq_item:not(.active):not(:hover):nth-last-child(1){
opacity: 0.25;
}*/
/*.faq_item.swiper-slide-next+.faq_item:nth-child(3){
opacity: 0.4;
}
.faq_item.swiper-slide-next+.faq_item+.faq_item:nth-child(4){
opacity: 0.25;
}
.faq_item.swiper-slide-next+.faq_item+.faq_item+.faq_item:nth-child(5){
opacity: 0.1;
}
.faq_item.swiper-slide-next+.faq_item+.faq_item+.faq_item+.faq_item:nth-child(6){
opacity: 0.1;
}*/
/************** EQUIP *****************/
.equip_list_head{
margin: 0 0 45px 0;
}
.equip_list_header{
margin: 0 0 21px 0;
}
.equip_list_description{
}
.equip_list_card{
width: 280px;
}
.equip_list_card_pic{
margin: 0 0 20px 0;
}
.equip_list_card_pic_item{
width: auto;
height: 200px;
background: #fff;
background-blend-mode: multiply;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.equip_list_card_content_header{
margin: 0 0 13px 0;
font-weight: 500;
font-size: 16px;
line-height: 150%;
min-height: 48px;
}
.equip_list_card_price{
display: block;
min-height: 52px;
}
.equip_list_card_no_price_value{
font-weight: 400;
font-size: 12px;
color: #161a1e;
opacity: 0.6;
margin: 17px 0 0 0;
}
.equip_list_card_price.with_old_price{
justify-content: space-between;
}
.equip_list_card_old_price_value{
font-weight: 500;
font-size: 14px;
text-decoration: line-through;
color: #ff003c;
margin: 6px 0 0 0;
}
.equip_list_card_price_value{
color: #161a1e;
font-weight: 600;
font-size: 18px;
}
.with_old_price .equip_list_card_price_value{
color: #161a1e;
font-weight: 600;
font-size: 18px;
}
.equip_list_card_controls{
margin: 27px 0 0 0;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out 0s;
}
.equip_list_card:hover .equip_list_card_controls{
opacity: 1;
visibility: visible;
}
.equip_list_card_content_head{
min-height: 88px;
}
.equip_list_header.content_block_header{
margin: 0 0 17px 0;
}
.equip_list_controls{
display: flex;
margin: 70px -45px 0;
}
.equip_list_control{
margin: 0 45px;
}
.equip_list.screen{
background: #fff;
margin: 0;
padding: var(--main-screen-margin) 0;
}
.equip_list_control{
display: flex;
justify-content: center;
width: 24px;
}
.equip_list_control.prev svg{
transform: rotate(180deg);
}
.equip_list_control path{
stroke: #161a1e
}
.equip_list_control:hover path{
stroke: #ff003c;
}
.equip_list_items_pagination{
display: none;
}
/************** PRICES *****************/
.service_tarifs_list{
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.service_tarif{
margin: 10px;
background: #fff;
width: calc(100% - 20px);
border-radius: 3px;
padding: 24px 30px 45px;
box-sizing: border-box;
}
.service_tarif_2{
background: #000;
color: #fff;
}
.service_tarif:nth-child(1) {
width: calc(34.427% - 20px);
}
.service_tarif:nth-child(1) .service_tarif_equip ul li {
width: calc(100% - 50px);
}
.service_tarif:nth-child(2) {
width: calc(65.573% - 20px);
background: #fff;
}
.service_tarif:nth-child(2) .service_tarif_equip ul li {
width: calc(50% - 50px);
}
.service_tarif:nth-child(2) .service_tarif_equip ul{
max-width: 580px;
}
.service_tarif_head{
display: flex;
justify-content: space-between;
margin: 0 0 45px 0;
}
.service_tarif_header{
font-weight: 500;
font-size: 18px;
line-height: 1.11;
}
.service_tarif_price_value{
font-weight: 700;
font-size: 18px;
margin: 0 0 0 5px;
}
.service_tarif_equip ul{
display: flex;
flex-wrap: wrap;
margin: -10px -25px;
}
.service_tarif_equip ul li{
width: calc(25% - 50px);
padding: 0 0 0 19px;
box-sizing: border-box;
margin: 10px 25px;
position: relative;
}
.service_tarif_equip ul li::before{
content: '.';
font-size: 0;
width: 2px;
height: 2px;
background: #000;
position: absolute;
left: 0;
top: 10px;
}
.service_tarif_2 .service_tarif_equip ul li::before{
background: #fff;
}
.service_tarifs_info{
margin: 20px 0 0 0;
display: flex;
justify-content: flex-end;
}
.service_tarifs_individual{
border-radius: 3px;
background: #ff003c;
padding: 32px 90px 45px 50px;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
}
.service_tarifs_individual_controls{
margin: 0 0 0 133px;
}
.service_tarifs_individual_header{
font-weight: 600;
font-size: 28px;
line-height: 1.25;
margin: 0 0 23px 0;
}
.service_features{
background: #fff;
}
.service_features .feature_n{
color: #161a1e;
opacity: 0.49;
}
.faq_block{
display: flex;
margin: 0 -20px;
}
.faq_block_header{
margin: 0 0 33px 0;
line-height: normal;
}
.faq_block_intro{
width: calc(41.263% - 40px);
margin: 0 20px;
box-sizing: border-box;
padding: 75px 0 0 8.25%;
}
.faq_block_content{
width: calc(58.737% - 40px);
margin: 0 20px;
}
/************** PROJECT *****************/
.project>.wrapper{
overflow: hidden;
}
.project_page .page_head{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.project_page .page_head_parent{
width: 100%;
}
.project_page .page_header{
max-width: 900px;
width: 100%;
}
.project_infos{
display: flex;
margin: 0 -11px 11px calc(68px - 11px);
}
.project_info{
margin: 0 11px;
font-weight: 400;
font-size: 12px;
opacity: 0.6;
width: max-content;
}
.project_pic{
height: 730px;
position: relative;
}
.project_pic .wrapper{
position: static;
height: 100%;
}
.project_pic_items {
position: absolute;
top: 0;
height: 100%;
max-width: 1550px;
width: 100%;
border-radius: 3px;
overflow: hidden;
position: relative;
max-width: 100%;
}
.project_pic_items video{
width: 100%;
}
.project_pic_items img{
height: 100%;
object-fit: cover;
}
.project_data{
margin: var(--main-screen-margin) -20px 101px calc( (100% - var(--main-wrapper-max-width)) / 2 + var(--main-wrapper-padding) - 20px );
display: flex;
}
.project_content,
.side_gallery_content{
width: calc(38.709% - 40px);
margin: 0 20px;
}
.side_gallery_content.scroll-to-fixed-fixed{
/*width: 560px;*/
/*margin-left: 20px !important;*/
}
.side_gallery_content.scroll-to-fixed-fixed.fixed_absolute{
margin-left: 20px !important;
}
.about_data_row .side_gallery_content.scroll-to-fixed-fixed.fixed_absolute{
left: calc(50% - 0px);
}
.side_gallery_wrapper{
justify-content: space-between;
/*align-items: flex-start;*/
}
.side_gallery{
width: calc(61.291% - 40px);
margin: 0 20px;
position: relative;
/* height: 100vh;
overflow: hidden;*/
}
.side_gallery.fixed{
}
.side_gallery_items{
margin: -10px;
display: flex;
flex-wrap: wrap;
}
.side_gallery_items .gallery_item{
margin: 10px;
border-radius: 3px;
overflow: hidden;
}
.side_gallery_items .gallery_item:nth-child(3n - 1),
.side_gallery_items .gallery_item:nth-child(3n) {
width: calc(50% - 21px);
}
.side_gallery_items .gallery_item:nth-child(6n - 1),
.side_gallery_items .gallery_item:nth-child(6n) {
width: calc(50% - 21px);
height: 499px;
}
.side_gallery_items .gallery_item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project_content_header{
font-weight: 700;
font-size: 34px;
margin: 0 0 46px 0;
line-height: normal;
}
/************** BLOG *****************/
.page_head {
padding: 90px 0 0 0;
margin: 0 0 81px 0;
}
.page_head_parent{
font-weight: 600;
font-size: 14px;
letter-spacing: 0.21em;
text-transform: uppercase;
margin: 0 0 39px 0;
}
.page_head_main{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.page_header{
font-weight: 700;
font-size: 60px;
margin: 0;
line-height: normal;
max-width: 900px;
}
.blog_post .page_head{
padding-top: 54px;
}
.page_head_note{
font-weight: 500;
font-size: 18px;
margin: 43px 0 0 0;
}
/************** INVERSE *****************/
body.inverse {
background: #000000;
color: #fff;
}
body.inverse a:not(.button){
color: #fff;
}
body.inverse .main_menu a {
color: #161a1e;
}
body.inverse .header{
background: #000000;
color: #fff;
}
body.inverse .header_logo path.mono{
fill: #fff;
}
body.inverse .social_item path{
fill: #fff;
}
body.inverse .social_item:hover path{
fill: #FF003C;
}
body.inverse .hamburger-inner,
body.inverse .hamburger-inner::before,
body.inverse .hamburger-inner::after {
background-color: #fff;
}
body.inverse .project_info {
color: #fff;
width: max-content;
white-space: nowrap;
}
/************** FP SLIDER *****************/
.fp_slider{
}
.fp_slider_content {
margin: 0 0 0 57.5%;
padding: 0 0 0 60px;
min-height: 620px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.fp_slider_media {
position: absolute;
right: 520px;
width: 100%;
z-index: 10;
background: #f0f1f2;
}
.fp_slider_pic img{
object-fit: none;
height: 100%;
max-height: 100%;
margin-left: auto;
}
.fp_slider_pic{
position: absolute;
opacity: 0;
transition: opacity 0.75s ease-in-out 0s;
right: 0;
top: 0;
/*height: 0;*/
height: 100%;
max-height: 620px;
overflow: hidden;
}
.fp_slider_pic.active{
position: relative;
opacity: 1;
}
.fp_slider_pic video{
max-width: 100%;
max-height: 100%;
object-fit: none;
height: 100%;
width: 100%;
}
.fp_slider_header{
font-weight: 600;
font-size: 14px;
letter-spacing: 0.21em;
text-transform: uppercase;
max-width: 200px;
}
.fp_slider_controls.center {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.fp_slider_control{
font-weight: 500;
bottom: 0;
font-size: 18px;
transition: all 0.35s ease-out 0s;
margin: 0 0 8px 0;
}
.fp_slider_controls:not(.center) .fp_slider_control.active{
position: absolute;
bottom: 50%;
margin: 0;
line-height: 1;
transform: translateY(-50%);
}
.fp_slider_control:last-child{
margin-bottom: 0;
}
.fp_slider_control a{
color: rgba(22, 26, 30, 0.2);
}
.fp_slider_control a:hover{
color: #161a1e;
}
.fp_slider_control.active a {
color: #161a1e;
position: relative;
}
.fp_slider_control.active a::before{
content: '.';
font-size: 0;
width: 30px;
height: 1px;
background: #ff003c;
position: absolute;
left: 0;
bottom: -6px;
transition: all 0.25s ease-in-out 0s;
}
.fp_slider_control.active a:hover::before{
width: 50px;
}
.fp_slider{
position: relative;
}
.fp_slider .mouse {
width: 30px;
height: 50px;
position: absolute;
right: 20px;
top: -164px;
}
.fp_slider_content::after{
content: '.';
font-size: 0;
width: 2px;
height: calc(100% + 114px);
background: linear-gradient(180deg, #ffc800 0%, #f0f1f2 100%);
position: absolute;
right: 34px;
top: -114px;
}
.fp_slider_content::before{
content: '.';
font-size: 0;
width: 20px;
height: 30px;
background: url("../svg/pin.svg") no-repeat center;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background-color: #f0f1f2;
}
/************** CONTENT BLOCK *****************/
.content_block{
position: relative;
margin: var(--main-screen-margin) 0 var(--main-screen-margin);
}
.content_block_header{
font-weight: 700;
font-size: 34px;
line-height: normal;
margin: 3px 0 36px 0;
}
.content_block_data{
width: 49.153%;
padding: 0 20px 0 0;
min-height: 580px;
}
.content_block_text {
}
.content_block_media{
position: absolute;
left: calc(49.153% + 20px);
top: 0;
width: 100%;
}
.content_block_media .about_info_media_item{
height: 580px;
width: 100%;
max-width: 910px;
}
.content_block_media .about_info_media_item iframe{
width: 100%;
height: 100%;
}
.media:not(.home_cinema_main_front_media) .about_info_media_item{
max-height: 620px;
border-radius: 3px;
overflow: hidden;
}
/************** GALLERY *****************/
.gallery{
margin: calc(var(--main-screen-margin) + 20px) 0 var(--main-screen-margin) 0;
}
.gallery_main{
position: relative;
padding: 70px 0 79px;
background: #000;
color: #fff;
}
.gallery_main>.wrapper{
position: static;
}
.gallery_data{
position: absolute !important;
bottom: 170px;
display: flex;
z-index: 10 !important;
}
.gallery_content{
width: var(--main-gallery-content-width);
max-width: var(--main-gallery-content-width);
padding: 0 20px 0 0;
box-sizing: border-box;
}
.gallery_media{
/*position: absolute;
top: 0;
left: 300px;*/
}
.gallery_content_item_header{
max-width: 280px;
}
.gallery_media_wrapper{
margin: 0 0 0 calc( (100% - var(--main-wrapper-max-width)) / 2 + var(--main-gallery-content-width) + var(--main-wrapper-padding) );
}
.gallery_media_item,
.gallery_media_item.swiper-slide{
width: 780px;
}
.gallery_content_item{
background: #000;
}
.gallery_main .gallery_content_item{
background: none;
}
.home_cinema_main_projects_gallery_data .gallery_content_item{
background: none;
}
.gallery_controls{
display: flex;
margin: 0 -45px;
}
.gallery_control{
margin: 0 45px;
}
.gallery_footer{
margin: 39px 0 0 0;
display: flex;
align-items: center;
}
.home_cinema_main_projects_gallery_media .gallery_footer{
margin: -50px 0 0 calc(var(--main-gallery-content-width) * -1 + 50px);
}
.gallery_control.prev{
transform: rotate(180deg);
}
.gallery_count{
margin: 0 0 0 60px;
}
.gallery_content_item_header{
font-weight: 600;
font-size: 18px;
line-height: normal;
}
.gallery_content_item_note{
margin: 28px 0 0 0;
}
.gallery_content_item_old_price_value{
text-decoration: line-through;
color: #ff003c;
margin: 0 0 10px 0;
}
.gallery_content_item_price{
margin: 51px 0 0 0;
}
.gallery_description{
margin: 95px auto 0 auto ;
max-width: 820px;
}
/************** SERVICE *****************/
/************** ABOUT *****************/
.about_info{
display: flex;
padding: 68px 0 0 0;
}
.about_info .lefted_col_main{
width: calc(38.2% - 40px);
}
.about_info .lefted_col_second{
width: calc(61.8% - 40px);
}
.about_info_content_wrapper{
max-width: 480px;
}
.about_info_header{
margin: 3px 0 40px 0 ;
}
.about_info_media_pic{
border-radius: 3px;
overflow: hidden;
}
.about_info_media_video,
.about_info_media_embed,
.about_info_media_pic{
width: 100%;
height: 100%;
object-fit: cover;
}
.about_info_media_pic img{
width: 100%;
height: 100%;
object-fit: cover;
}
.home_cinema_page.anime:not(.dark_header) .fixed.header{
background: transparent;
}
.side_social{
display: none;
}
.home_cinema_main_intro{
display: none;
}
.about_info_digits{
display: flex;
flex-wrap: wrap;
margin: 45px -47px -25px;
max-width: 540px;
}
.about_info_digit{
width: calc(50% - 94px);
margin: 25px 47px;
}
.about_info_digit_value{
font-size: 36px;
margin: 0 0 15px 0;
}
.about_content_header{
font-size: 34px;
line-height: normal;
margin: 3px 0 45px 0;
}
.about_content_data .features_items{
margin-top: 30px;
}
.features{
margin: var(--main-screen-margin) 0 var(--main-screen-margin);
padding: 95px 0 80px;
}
.about_features{
color: #fff;
background: #552373;
}
.features_pre_header{
font-weight: 600;
font-size: 18px;
color: #ffc800;
margin: 0 0 20px 0;
}
.features_header{
font-size: 36px;
font-weight: 500;
line-height: normal;
margin: 0 0 25px 0;
}
.features_items_wrapper_pagination{
display: none;
}
.features_items{
display: flex;
flex-wrap: wrap;
margin: 0 -25px;
}
.features_items.inline{
flex-wrap: nowrap;
}
.features_items.list{
}
.feature{
width: calc(33.3333% - 50px);
margin: 0 25px;
font-size: 18px;
line-height: 1.33;
min-height: 130px;
display: flex;
align-items: center;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}
.features_items.list .feature{
width: 100%;
max-width: 380px;
min-height: 110px;
}
.feature_n{
font-weight: 250;
font-size: 60px;
color: #fff;
opacity: 0.49;
width: 80px;
}
.features_items.light .feature_n{
color: #161a1e
}
.feature_title{
/*box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);*/
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.features_items.light {
color: #161a1e
}
.about_data{
margin-top: var(--main-screen-margin);
margin-bottom: var(--main-screen-margin);
}
.about_data_row{
display: flex;
margin: 0 -20px;
}
.about_data_media.side_gallery {
width: calc(50% - 40px);
margin: 0 20px;
}
.about_data_content {
width: calc(50% - 40px);
margin: 0 20px;
}
.about_data_content_wrapper{
max-width: 570px;
}
.about_data_header{
font-weight: 700;
line-height: normal;
font-size: 34px;
margin: 0 0 45px 0 ;
}
.about_data_content .faq{
margin: 27px 0 0 0;
}
.about_data_content .faq_item{
max-width: 480px;
}
/************** FAQ *****************/
.faq_item{
position: relative;
/*box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);*/
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding: 36px 0 36px 50px;
max-width: 580px;
display: block;
transition: all 0s ease-in-out 0s;
}
.faq_item.active{
transition: all 0s ease-in-out 0s;
}
.faq_item_quest::before {
content: ".";
font-size: 0;
background: url(/assets/site/_v3/svg/plus.svg) no-repeat center;
width: 15px;
height: 15px;
background-size: contain;
position: absolute;
left: -50px;
top: 50%;
transform: translateY(-50%);
transition: all .25s ease-in-out 0s;
}
.faq_item:hover .faq_item_quest::before,
.faq_item.active .faq_item_quest::before{
background: url(/assets/site/_v3/svg/minus.svg) no-repeat center;
background-size: contain;
}
.faq_item.with_media{
display: flex;
min-height: 250px;
box-sizing: border-box;
transition: all 0.25s ease-in-out 0s;
}
.faq_item.with_media.active{
transition: all 0.25s ease-in-out 0.25s;
}
.faq_item.with_media img{
transition: all 0.25s ease-in-out 0s;
}
.faq_item.with_media .faq_item_content{
max-width: 460px;
padding-top: 67px;
}
.faq_item.with_media.active .faq_item_content{
padding-top: 0;
}
.faq_item_quest{
font-size: 18px;
line-height: 1.33;
display: flex;
align-items: center;
position: relative;
/*max-width: 275px;*/
max-width: 400px;
transition: all 0.25s ease-in-out 0s;
}
.faq_item:not(.active) .faq_item_quest{
/*min-height: 120px;*/
min-height: 0;
}
.home_cinema_page .active .faq_item_quest{
/*color: #ff003c;*/
}
.faq_item.active{
padding-top: 36px;
/*box-shadow: inset 0 -1px 0 0 #ff003c, inset 0 1px 0 0 #ff003c;*/
/* border-top: 1px solid #ff003c;
border-bottom: 1px solid #ff003c;*/
}
/*.home_cinema_page .faq_item:not(.with_media).active {
border-top: 1px solid #ff003c;
border-bottom: 1px solid #ff003c;
}
.home_cinema_page .faq_item:not(.with_media).active+.faq_item{
border-top: none;
}*/
.faq_item.active+.faq_item {
/* border-top: 1px solid transparent;*/
}
.faq_item_value{
color: rgba(0, 0, 0, 0.6);
max-height: 9999px;
transition: all 0.35s ease-in-out 0s;
transform: scaleY(0);
height: 0;
overflow: hidden;
}
.faq_item_value.active{
max-height: 999999px;
transition: all 0.35s ease-in-out 0s;
/*padding: 15px 0 51px 0;*/
/*padding: 15px 0 15px 0;*/
padding: 15px 0 0 0;
}
/************** HOME CINEMA *****************/
.home_cinema_main{
background: #000;
position: relative;
}
.home_cinema_main{
background: #000;
}
body.home_cinema_page.anime .home_cinema_main{
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100vh;
}
body.home_cinema_page.anime{
margin-top: 200vh;
}
.home_cinema_body{
background: #000;
z-index: 10;
position: relative;
}
.home_cinema_page_header{
margin: 0 0 40px 0;
}
.home_cinema_main_front_description{
font-size: 22px;
max-width: 680px;
}
.home_cinema_main_front_content{
z-index: 10;
padding: 141px 0 0 0;
position: relative;
}
body.home_cinema_page.anime .home_cinema_main_front_content{
padding: 292px 0 0 0;
}
.home_cinema_main_front_controls{
margin: 41px 0 0 0;
display: flex;
align-items: center;
}
.home_cinema_main_front_controls_title{
font-weight: 500;
font-size: 24px;
line-height: 108%;
color: #fff;
text-shadow: 0 2px 10px 0 #000;
margin: 0 28px 0 0;
}
.home_cinema_main_front_media{
position: absolute;
/*right: calc((100% - var(--main-wrapper-lg-max-width)) / 2);*/
width: 1010px;
aspect-ratio: 1.7413;
right: 20px;
top: 68px;
}
body.home_cinema_page.anime .home_cinema_main_front_media {
/*aspect-ratio: initial;*/
right: 0;
/* margin-right: 20px;*/
top: 68px;
top: 0;
width: 100%;
height: 100%;
}
/*body.home_cinema_page.anime .home_cinema_main_front_media:before {
content: ".";
font-size: 0;
position: absolute;
left: 100%;
bottom: 0;
width: 244px;
height: 200px;
-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.00, rgba(0, 0, 0, 1)), color-stop(0.35, rgba(0, 0, 0, 1)), color-stop(0.50, rgba(0, 0, 0, 0)), color-stop(0.65, rgba(0, 0, 0, 0)), color-stop(1.00, rgba(0, 0, 0, 0)));
}*/
/*body.home_cinema_page.anime .home_cinema_main_front_media_mask {
position: absolute;
left: 0;
bottom: 0;
width:100%;
height: 100%;
background: #000;
}
body.home_cinema_page.anime .home_cinema_main_front_media_mask::before {
content: ".";
font-size: 0;
position: absolute;
background: transparent;
left: 100%;
bottom: 0;
width: 244px;
height: 200px;
-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.00, rgba(0, 0, 0, 1)), color-stop(0.35, rgba(0, 0, 0, 1)), color-stop(0.50, rgba(0, 0, 0, 0)), color-stop(0.65, rgba(0, 0, 0, 0)), color-stop(1.00, rgba(0, 0, 0, 0)));
}*/
body.home_cinema_page:not(.anime) .s-frame__side{
display: none;
}
.s-frame__side--left, .s-frame__side--right {
height: 100%;
width: calc((100vw - var(--scrollbar-width)) / 24* 10.9);
top: 0;
}
.s-frame__side--left {
width: calc((100vw - var(--scrollbar-width)) / 24* 10.9);
left: 0;
-webkit-transform-origin: left;
transform-origin: left;
}
.s-frame__side {
position: absolute;
background-color: #000;
}
.s-frame__side--right {
right: 0;
-webkit-transform-origin: right;
transform-origin: right;
}
.s-frame__side--right{
width: 40px;
}
.s-frame__side--top {
/*height: calc((100vw - var(--scrollbar-width)) / 24* 2.8);*/
height: 220px;
width: 100%;
left: 0;
top: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
.s-frame__side--top {
/*height: calc((100vw - var(--scrollbar-width)) / 24* 2);*/
height: 220px;
}
.s-frame__side--bottom {
height: calc((100vw - var(--scrollbar-width)) / 24* 3.25);
width: 100%;
left: 0;
bottom: 0;
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.s-frame__side--bottom {
/*height: calc((100vw - var(--scrollbar-width)) / 24* 2);*/
height: 155px;
}
.home_cinema_main_front_media video {
max-height: 580px;
}
.anime .home_cinema_main_front_media video{
max-height: none;
}
.home_cinema_main_front_back{
position: absolute;
left: 0;
top: -152px;
width: 100%;
height: 100vh;
opacity: 0;
}
.home_cinema_main_front_back_pic,
.home_cinema_main_front_back_video_item{
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.home_cinema_main_request.top{
/* margin: 240px 0 0 0;*/
margin: 0;
/*transform: translateY(-50%);*/
padding: var(--main-screen-margin) 0 var(--main-screen-margin) 0;
}
.home_cinema_page:not(.anime) .home_cinema_main_request.top{
padding: 100px 0 100px 0;
transform: none;
}
.home_cinema_main_request.light{
padding-top: var(--main-screen-margin);
padding-bottom: var(--main-screen-margin);
margin: 0;
background: #f0f1f2;
color: #161a1e;
}
.home_cinema_main_projects .gallery_main{
padding: 0;
}
.home_cinema_main_projects .gallery{
margin-top: var(--main-screen-margin);
}
.home_cinema_page.anime .home_cinema_body:not(.with_form) .home_cinema_main_projects .gallery_main {
padding-top: var(--main-screen-margin);
}
.home_cinema_page:not(.anime) .home_cinema_main{
min-height: 650px;
}
.project_gallery_head_controls{
margin: 0 0 42px 0;
}
body.inverse .project_gallery_head_controls a{
font-weight: 600;
font-size: 14px;
letter-spacing: 0.21em;
text-transform: uppercase;
color: #ff003c;
}
.project_gallery_header{
font-weight: 500;
font-size: 36px;
width: max-content;
margin: 0 0 105px 0;
}
.project_gallery_header strong{
font-weight: 800;
}
.project_gallery_content{
padding: 0 0 0 50px;
}
.home_cinema_main_projects {
--main-gallery-content-width: 400px;
padding: var(--main-screen-margin) 0 0 0 ;
padding: 0;
margin: -100px 0 0 0;
}
.home_cinema_body:not(.with_form) .home_cinema_main_projects{
margin-top: 0;
}
.home_cinema_main_projects_gallery_data{
position: absolute;
display: flex;
z-index: 100;
overflow: visible;
bottom: 57px;
}
.gallery:not(:first-child) .project_gallery_head{
display: none;
}
.home_cinema_main_projects_gallery_data .gallery_content_item{
opacity: 1 !important;
}
.home_cinema_main_projects .gallery_content_item_header{
font-weight: 600;
font-size: 18px;
}
.project_gallery_infos{
margin: 18px -12px -10px -12px;
display: flex;
flex-wrap: wrap;
}
.project_gallery_info.full{
width: 100%;
}
.project_gallery_info{
margin: 10px 12px;
}
.gallery_content_item.swiper-slide-active {
opacity: 1 !important;
}
.gallery_content_item{
opacity: 0 !important;
}
.swiper-pagination-bullet-active {
background: #000;
}
.swiper-pagination-current{
width: 14px;
display: inline-block;
text-align: right;
}
.slider_pagination_bullets{
margin: 10px 0 0 0 ;
display: flex;
}
.suggestions_screen{
background: #f0f1f2;
color: #161a1e;
padding: var(--main-screen-margin) 0 0 0;
overflow-x: hidden;
margin: 0;
}
body.inverse .suggestions_screen a{
color: #161a1e;
}
.suggestions_screen .screen_header{
font-weight: 500;
font-size: 110px;
}
.suggestions{
}
.suggestions_screen .faq_item{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 100px;
max-width: calc(var(--main-wrapper-max-width) - (var(--main-wrapper-padding) * 2));
}
.suggestions_screen .faq_item:last-child,
.suggestions_screen .faq_item.active:last-child{
/*box-shadow: inset 0 -1px 0 0 transparent;*/
/*border-top-color: transparent;*/
}
.suggestions .faq_item:not(.active) .faq_item_quest{
min-height: 0;
}
.faq_item_media{
border-radius: 3px;
overflow: hidden;
}
.suggestions .faq_item_media{
position: absolute;
right: auto;
left: 61.7%;
width: max-content;
width: 100%;
max-width: 480px;
max-height: 210px;
height: 9999px;
top: 0;
transform: translateY(20px);
transition: max-width .25s ease-in-out 0s, max-height .25s ease-in-out 0s;
overflow: hidden;
background: #d5d5d5;
}
.suggestions .active .faq_item_media{
/*right: calc((100% - var(--main-wrapper-lg-max-width)) / 2);*/
max-width: 810px;
/*aspect-ratio: 1.7234;*/
max-height: 470px;
transition: max-height .25s ease-in-out 0s, max-width .25s ease-in-out 0s;
}
.faq_item_media_item{
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.suggestions .faq_item.active{
box-sizing: border-box;
/*box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15);*/
/*border-top: 1px solid rgba(0,0,0,.15);
border-bottom: 1px solid rgba(0,0,0,.15);*/
transition: all 0.0s ease-in-out 0s;
}
.suggestions .faq_item.active.with_media{
min-height: 510px;
}
.suggestions .faq_item:first-child{
border-top: none;
}
.suggestions .faq_item_quest{
font-weight: 500;
font-size: 24px;
max-width: 100%;
}
.suggestions .active .faq_item_quest{
font-size: 36px;
color: #161a1e;
}
.suggestions .faq_item_quest::before{
width: 30px;
height: 30px;
left: -80px;
}
.suggestions .active .faq_item_quest::before{
/*top: 25px;*/
}
.suggestions .faq_item_value{
color: #161a1e;
max-width: 336px;
font-size: 18px;
line-height: 111%;
}
.suggestions .faq_item_value ul{
}
.suggestions .faq_item_value li{
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 30px 0 30px 44px;
}
.suggestions .faq_item_value li::before{
content: '.';
font-size: 0;
position: absolute;
left: 7px;
top: 49px;
width: 10px;
height: 10px;
border-radius: 10px;
background: #FF003C;
}
.suggestions .faq_item_value li strong{
display: inline-block;
margin: 0 0 10px 0;
font-weight: 600;
font-size: 20px;
}
.suggestions .faq_item_value li:last-child{
border-bottom: none;
}
.suggestions .faq_item_value.active{
padding: 22px 0 0 0;
}
.suggestions .active .faq_item_media img{
width: auto;
max-height: initial;
}
.suggestions .faq_item_media img{
position: absolute;
width: 480px;
max-height: 210px;
object-fit: cover;
}
.suggestions_screen_footer{
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin: var(--main-screen-margin) 0 0 0;
}
.home_cinema_main_services_screen{
background: #f0f1f2;
color: #161a1e;
padding: var(--main-screen-margin) 0;
margin: 0;
}
.home_cinema_main_services_screen .screen_header {
max-width: 550px;
}
.list_items{
margin: -10px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.list_item{
border: 2px solid #000;
border-radius: 60px;
padding: 20px 30px;
height: 62px;
margin: 10px;
white-space: nowrap;
box-sizing: border-box;
font-weight: 500;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.list_item:nth-child(3n+1) {
width: calc(33.33% - 20px);
}
.list_item:nth-child(3n+2) {
width: calc(33.33% - 20px);
}
.list_item:nth-child(3n+3) {
width: calc(33.33% - 20px);
}
.list_item:nth-child(3n+2) {
width: calc(33.33% - 20px);
}
.list_item:nth-child(3n+3) {
width: calc(33.33% - 20px);
}
.list_item:nth-child(5n+4) {
width: calc(50% - 20px);
}
.list_item:nth-child(5n+5) {
width: calc(50% - 20px);
}
.home_cinema_about_screen{
background: #f0f1f2;
color: #161a1e;
}
.features.home_cinema_features{
padding: 0;
}
.home_cinema_features .feature_n{
min-width: 60px;
}
.home_cinema_features .features_items {
margin: 0 -15px;
}
.home_cinema_features .feature {
width: calc(25% - 30px);
margin: 0 15px;
}
.home_cinema_about_screen{
padding-top: var(--main-screen-margin);
padding-bottom: 0;
margin: 0;
}
.home_cinema_page .faq_screen{
background: #f0f1f2;
color: #161a1e;
}
body.inverse.home_cinema_page .faq_screen{
margin: 0;
padding-top: var(--main-screen-margin);
padding-bottom: var(--main-screen-margin);
}
body.inverse.home_cinema_page .faq_screen a:not(.button){
color: #161a1e;
}
/************** CALC *****************/
.calc_screen{
margin: 0;
height: 800px;
position: relative;
}
.calc_screen_header{
position: absolute;
font-weight: 700;
font-size: 60px;
line-height: 1.17;
color: #fff;
z-index: 10;
top: 163px;
transition: all 0.25s ease-in-out 0s;
left: calc(( 100% - var(--main-wrapper-max-width) ) / 2 + var(--main-wrapper-padding) - 0px);
}
.calc_screen.active .calc_screen_header{
opacity: 0;
}
.calc_screen_enter{
width: 100%;
height: 100%;
}
.calc_screen_types{
display: flex;
height: 100%;
}
.calc_screen_type{
width: 100%;
height: 100%;
position: relative;
transition: all 0.25s ease-in-out 0s;
}
.calc_screen_type.inactive .calc_screen_back_pic,
.calc_screen_type.dark:not(.active) .calc_screen_back_pic{
filter: grayscale(100%); /* Current draft standard */
}
.calc_screen_type_content{
z-index: 10;
position: absolute;
bottom: 180px;
transition: all 0.25s ease-in-out 0s;
}
.calc_screen.active .calc_screen_type_content{
opacity: 0;
}
.calc_screen_room .calc_screen_type_content{
left: 110px;
}
.calc_screen_separate .calc_screen_type_content{
left: calc((100% - var(--main-wrapper-max-width) / 2) + var(--main-wrapper-padding));
}
.calc_screen_type.inactive{
width: calc(100% - var(--main-calc-width));
}
/*.calc_screen_type::before{
content: ".";
font-size: 0;
background: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out 0s;
}
.calc_screen_type.inactive::before{
opacity: 0.3;
visibility: visible;
}*/
.calc_screen_type.active{
width: var(--main-calc-width);
}
.calc_screen_type_header{
font-weight: 500;
font-size: 28px;
color: #fff;
margin: 0 0 29px 0;
}
.calc_screen_back{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.calc_screen_back_pic{
height: 100%;
width: 100%;
z-index: 0;
position: relative;
background-size: cover;
background-repeat: no-repeat;
transition: all 0.35s ease-in-out 0s;
/* -webkit-transition : -webkit-filter 500ms ease-in-out*/
}
.calc_screen_type:not(.inactive):hover .calc_screen_back_pic{
transform: scale(1.1);
}
.service_equipments_content{
position: relative;
}
.service_equipments_content_wrapper{
height: 790px;
position: relative;
/* overflow: hidden;*/
}
.service_equipments_content_line{
content: ".";
font-size: 0;
background-size: contain;
position: absolute;
transition: width .05s ease-in-out 0s, margin .05s ease-in-out 0s;
margin-left: 128px;
width: 0;
height: 2px;
background: #ff003c;
left: -114px;
top: 35px;
transform: none;
display: none !important;
}
.service_equipments[data-bg="2"] .service_equipments_content_line{
background: #fff;
}
.service_equipments_content_line.active{
width: 128px;
margin-left: 0;
}
.calc.toggle{
z-index: 20;
position: absolute;
right: 0;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.3);
width: var(--main-calc-width);
}
.calc.toggle.active{
}
.calc.toggle:not(.active){
overflow: hidden;
}
.calc_step{
opacity: 0;
margin: 50px 0 0 0;
position: absolute;
transition: all 0.25s ease-in-out 0s;
}
.calc_step.active{
opacity: 1;
position: relative;
}
.calc_side{
position: absolute;
left: -70px;
width: 70px;
height: 100%;
display: flex;
}
.calc_side .close_calc{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.calc_content{
width: 100%;
max-width: 1180px;
padding: 76px var(--main-calc-x-padding) 140px;
box-sizing: border-box;
height: 100%;
}
.calc_head{
display: flex;
justify-content: space-between;
align-items: center;
}
.calc_head_note{
font-weight: 600;
font-size: 14px;
letter-spacing: 0.21em;
text-transform: uppercase;
}
.calc_head_controls .close_calc path{
fill: #ff003c;
}
.calc_head_controls .close_calc:hover svg{
transform: rotate(180deg);
}
.calc_step_header{
font-weight: 700;
font-size: 60px;
line-height: 1.17;
margin: 0 0 57px 0;
}
.calc_step_footer{
display: flex;
justify-content: space-between;
align-items: center;
z-index: 10;
position: absolute;
bottom: 120px;
left: 0;
padding: 0 var(--main-calc-x-padding);
width: 100%;
box-sizing: border-box;
max-width: 1180px;
}
.calc_step_controls{
display: flex;
align-items: center;
margin: 0 -29px 0;
}
.calc_step_control{
margin: 0 29px;
opacity: 0;
visibility: hidden;
}
.calc_step_control.active{
opacity: 1;
visibility: visible;
}
.calc_step_1 .calc_step_content .form_row>.form_col.form_col_checkbox_block{
margin-left: 90px;
margin-right: 90px;
}
.calc_step_1 .calc_step_content .form_row{
margin: 0 -90px;
}
.calc_step_content .form_name{
font-weight: 500;
font-size: 20px;
}
.calc_step_content .form_list input{
width: 100%;
max-width: 380px;
}
.calc_step_2 .form_list{
margin: 0 0 0 20.5%;
}
.form_block_description{
font-size: 20px;
margin: 0 0 31px 0;
}
.calc_contacts_form_row{
margin: 0 -35px;
}
.calc_contacts_form_row .form_col{
margin: 0 35px;
}
.calc_contacts_form_row input:not([type='checkbox']):not([type='radio']) {
min-width: 280px;
}
.calc_thanks_header{
margin: 0 0 28px 0;
}
.calc_thanks_description{
font-weight: 500;
font-size: 20px;
margin: 0 0 61px 0;
}
.inverse form.calc_form.ajax_form span.error,
.inverse .calc_form span.error{
color: #FF003C;
}
/************** REQUEST *****************/
.request{
background: #000000;
color: #fff;
padding: 60px 100px 60px 100px;
border-radius: 3px;
}
.request.inverse {
background: #FF003C;
}
.request_row{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 -20px;
}
.request_col{
margin: 0 20px;
flex-grow: 1;
}
.request_col.request_form{
display: flex;
justify-content: flex-end;
}
.request_call_action_col.request_col{
flex-grow: 3;
}
.home_cinema_main_request.top .request_row .request_call_action_col.request_col,
.service_main_info .request_row .request_call_action_col.request_col{
flex-grow: 0;
}
.home_cinema_main_request .request_row .request_call_action_col.request_col{
flex-grow: 2;
}
.request_header{
font-weight: 600;
font-size: 28px;
line-height: 125%;
max-width: 340px;
}
.request_note{
margin: 28px 0 0 0;
max-width: 290px;
}
.request_sm:not(.with_call_action) .request_form{
margin: 0 13% 0 0;
}
.request_sm.with_call_action .request_header {
min-width: 250px;
}
.request .request_form_sm{
max-width: 250px;
}
.window .form_controls .form_policy_note{
margin: 0 auto 0 0;
max-width: 280px;
line-height: 1.35;
}
.window .form_controls .check{
top: 1px;
}
.window .form_note a{
color: #FF003C !important;
}
.form_policy_note{
font-size: 12px;
margin: 0 0 var(--main-form-item-margin) 0;
text-align: left;
}
.form_policy_note input{
margin: 0 5px 0 0;
position: relative;
width: auto !important;
top: 2px;
}
.form_policy_note a{
text-decoration: underline;
text-underline-offset: 3px;
}
.form_policy_note a:hover{
text-decoration-color: transparent;
}
.simple_checkbox input{
opacity: 0;
visibility: hidden;
}
.simple_checkbox{
position: relative;
}
.simple_checkbox .check{
position: absolute;
width: 14px;
height: 14px;
display: inline-flex;
background: #fff;
border-radius: 3px;
left: 0;
top: 2px;
border: 1px solid #2b2e38;
}
.simple_checkbox .check::before{
content: '.';
font-size: 0;
background: url("../svg/check.svg") no-repeat center;
width: 10px;
height: 10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.25s ease-in-out 0s;
}
.simple_checkbox input:checked+.error+.check::before,
.simple_checkbox input:checked+.check::before{
opacity: 1;
}
.calc_step_content .form_note{
margin: var(--main-form-item-margin) 0 0 0;
}
.form_policy_note .error{
display: inline !important;
font-size: 13px !important;
color: #FF003C !important;
}
.request.color .button.inverse,
.request.dark .button.inverse{
color: #fff;
background: #ff003c;
}
.request.color .button.inverse:hover,
.request.dark .button.inverse:hover{
background: #ff1d52;
color: #fff;
}
.request.color {
background: #552373;
color: #fff;
}
.request a,
.request.color a{
color: #fff;
}
.request a:hover,
.request.color a:hover{
color: #FF003C;
}
.request.grid {
padding: 0;
}
.request.grid .request_body{
display: flex;
}
.request.grid .request_body .request_row{
display: block;
width: 67.7966%;
padding: 80px 120px 60px 100px;
}
.request.grid .request_header{
max-width: none;
}
.request.grid .request_note{
margin: 20px 0 0 0;
max-width: none;
}
.request.grid .request_form{
margin: 45px 0 0 0;
display: block;
}
.request.grid .request_form_sm{
width: 100%;
max-width: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.request.grid .request_info{
margin: 0;
}
.request.grid .request_form .form_items{
display: flex;
margin: 0 -10px 20px;
width: calc(100% + 20px);
}
.request.grid .request_form .form_item{
width: calc(50% - 20px);
margin: 0 10px;
}
input:not([type='checkbox']):not([type='radio']).oval,
.request.grid .request_form input:not([type='checkbox']):not([type='radio']){
width: 100%;
height: var(--main-input-heigth-lg);
border-radius: 60px;
font-weight: 600;
font-size: 16px;
line-height: 163%;
padding-left: 30px;
padding-right: 30px;
}
input:not([type='checkbox']):not([type='radio']).oval::-webkit-input-placeholder,
.request.grid .request_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(22, 26, 30, 0.3);
opacity: 1;
}
input:not([type='checkbox']):not([type='radio']).oval::-moz-placeholder,
.request.grid .request_form ::-moz-placeholder { /* Firefox 19+ */
color: rgba(22, 26, 30, 0.3);
opacity: 1;
}
input:not([type='checkbox']):not([type='radio']).oval:-ms-input-placeholder,
.request.grid .request_form :-ms-input-placeholder { /* IE 10+ */
color: rgba(22, 26, 30, 0.3);
opacity: 1;
}
input:not([type='checkbox']):not([type='radio']).oval:-moz-placeholder,
.request.grid .request_form :-moz-placeholder { /* Firefox 18- */
color: rgba(22, 26, 30, 0.3);
opacity: 1;
}
.button.oval,
button.oval,
input[type="button"].oval,
input[type="submit"].oval,
.request.grid .request_form .button,
.request.grid .request_form button,
.request.grid .request_form input[type="button"],
.request.grid .request_form input[type="submit"]
{
height: var(--main-input-heigth-lg);
border-radius: 60px;
padding-left: 50px;
padding-right: 50px;
font-weight: 600;
font-size: 16px;
line-height: 163%;
}
.request.grid .request_form form.ajax_form span.error,
.request.grid .request_form span.error{
margin-left: 30px;
}
.request.grid .request_form .form_policy_note{
margin: 22px 0 0 0;
}
.request.grid .request_contacts{
background: #4f1c6e;
width: 32.2034%;
padding: 80px 55px 100px 55px;
}
.request.grid .request_contacts_head{
padding: 0 35px;
}
.request.grid .request_contacts_header{
font-weight: 600;
font-size: 28px;
line-height: 125%;
margin: 0 0 20px 0;
}
.request.grid .request_contacts_description{
margin: 0 0 55px 0;
font-weight: 500;
font-size: 14px;
line-height: 143%;
}
.request.grid .request_contacts_body{
margin: 55px 0 0 0;
}
.request.grid .request_contacts_body .social{
margin: 0;
}
.request.grid .request_contacts_body .social_item{
width: 90px;
height: 90px;
margin: 0;
}
.request.grid .request_contacts_body .social_item svg{
width: 50px;
height: auto;
}
/************** PARTNERSHIP *****************/
.screen.partnership_screen{
margin: calc(var(--main-screen-margin) * 1.385) 0;
}
.partnership_title{
font-weight: 600;
font-size: 18px;
color: #ffc800;
margin: 0 0 40px 0 ;
}
.partnership_row{
display: flex;
margin: 0 -25px;
}
.partnership_col{
margin: 0 25px;
}
.partnership_header{
font-weight: 500;
font-size: 36px;
color: #fff;
max-width: 500px;
}
.partnership_description{
font-weight: 400;
font-size: 22px;
color: #fff;
max-width: 400px;
}
/************** CONTACTS *****************/
.contacts .page_head{
margin-bottom: 57px;
}
.contacts_map{
width: 100%;
height: 450px;
}
.page_head_controls{
display: flex;
margin: 81px -24px 0;
}
.page_head_control{
font-weight: 600;
font-size: 14px;
letter-spacing: 0.21em;
text-transform: uppercase;
color: rgba(22, 26, 30, 0.5);
display: inline-flex;
margin: 0 24px;
}
.page_head_control.active{
color: #ff003c;
}
.contacts_tabs_content{
margin-bottom: var(--main-screen-margin);
}
.contacts_tab_content .lefted_col_main{
width: calc(31.078% - 40px);
margin: 0 20px;
display: flex;
align-items: center;
}
.contacts_tab_content .lefted_col_second{
width: calc(68.922% - 40px);
margin: 0 20px;
}
.contacts_item{
position: relative;
}
.contacts_item_ico{
position: absolute;
left: 0;
top: 6px;
}
.contacts_item_content{
padding: 0 0 0 30px;
font-size: 18px;
}
.contacts_item_address{
line-height: 1.75;
}
.contacts_item_address .contacts_item_ico path{
fill: #ff003c;
}
.contacts_item_note{
margin: 9px 0 0 0;
font-size: 12px;
color: rgba(22, 26, 30, 0.6);
}
.contacts_item{
margin: 0 0 37px 0;
}
.contacts_item:last-child{
margin-bottom: 0;
}
.contacts_item_tel .contacts_item_content,
.contacts_item_email .contacts_item_content{
font-size: 28px;
}
.contacts_tab_content{
background: #f0f1f2;
transition: all 0s ease-in-out 0s !important;
}
.tab_content.toggle{
transition: opacity .15s ease-in-out 0s, transform .15s ease-in-out 0s;
}
/************** OLD *****************/
/************** FOOTER *****************/
.footer{
flex: 0 0 auto;
margin: var(--main-footer-margin) 0 0 0;
background: #000;
color: #fff;
padding: 68px 0 126px 0;
z-index: 10;
position: relative;
}
.home_cinema_page.anime .footer {
/*padding: calc(var(--main-footer-margin) + 68px) 0 126px 0;*/
margin: 0;
}
.footer a{
color: #fff;
}
.footer a:hover{
}
.footer_copy{
}
.footer_items{
display: flex;
padding: 0 87px 0 50px;
}
.footer_item {
}
.footer_item_main_nav{
display: flex;
width: 54%;
}
.footer_menu h2{
font-weight: 600;
font-size: 12px;
letter-spacing: 0.21em;
text-transform: uppercase;
max-width: 200px;
margin: 0 0 28px 0;
min-height: 34px;
}
.footer_menu li {
font-size: 14px;
margin: 0 0 23px 0;
}
.footer_menu li:last-child{
margin-bottom: 0;
}
.footer_item_main_nav .footer_menu:first-child{
margin-left: 0;
}
.footer_item_main_nav .footer_menu{
margin: 0 0 0 31%;
}
.footer_item_second_nav{
width: 23%;
}
.footer_item_main_nav .footer_menu a:hover{
color: rgba(255, 255, 255, 0.6);
}
.footer_company_nav_menu{
width: 100%;
font-size: 12px;
letter-spacing: 0.21em;
text-transform: uppercase;
text-align: right;
}
.footer_company_nav_menu li{
margin: 0 0 43px 0;
}
.footer_company_nav_menu li:last-child{
margin-bottom: 0;
}
.footer_item_contacts{
width: 23%;
text-align: right;
}
.footer_tels{
font-size: 16px;
margin: 0 0 21px 0;
}
.footer_tel{
margin: 0 0 10px 0;
}
.footer_tel:last-child{
margin-bottom: 0;
}
.footer_emails{
margin: 0 0 31px 0;
}
.footer_social{
justify-content: flex-end;
margin: 0 -10px 0 -10px;
}
.footer_social .social_item{
margin: 0 10px;
}
.footer_social .social_item path {
fill: #fff;
}
.footer_social .social_item:hover path{
fill: #FF003C;
}
/*.home_cinema_page .footer_menu h2{
color: #ff003c;
}
body.inverse.home_cinema_page .footer_company_nav_menu a:not(.button){
color: #ff003c;
}
body.inverse.home_cinema_page .footer_company_nav_menu a:not(.button):hover{
color: #fff;
}*/
.cookie{
background: #000;
z-index: 1000;
position: fixed;
bottom: 0;
width: 100%;
color: #fff;
}
.cookie_info{
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
padding: 5px 0;
text-align: center;
}
.cookie_info a:not(.button){
color: #ff003c;
margin: 0 0 0 5px;
display: inline-block;
}
.cookie_info .button{
height: 30px;
font-size: 12px;
padding: 0 10px;
margin: 0 0 0 10px;
}
.error_page .page_top{
margin: 80px 0 180px 0;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
/*.main_calc{
background-image: url(../img/calc_back@2x.png);
background-size: 1920px 1015px;
}*/
}
/*.remodal-overlay{
display: none !important;
}
.remodal-wrapper{
z-index: 10 !important;
}*/