.promo-banner {
position: relative;
font-family: "IBM Plex Mono", sans-serif;
color: #fff;
background-color: #1E1E1E;
}
.promo-banner-bg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.promo-banner-bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.promo-banner-wrap {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1440px;
padding: 1.25rem 2.25rem 1.25rem 3.125rem;
display: flex;
align-items: center;
column-gap: 150px;
overflow: hidden;
}
.swiper-slide__desc {
min-height: 115px;
}
@media (max-width: 1439px) {
.promo-banner-wrap {
column-gap: 2.5rem;
padding: 1.25rem;
}
}
@media (max-width: 1023px) {
.promo-banner-wrap {
column-gap: 1.25rem;
}
}
@media (max-width: 767px) {
.promo-banner-wrap {
flex-wrap: wrap;
row-gap: 0.625rem;
column-gap: 15%;
}
}
.promo-banner-title {
font-size: 2rem;
letter-spacing: -0.04em;
line-height: 1.13;
font-weight: 400;
}
@media (max-width: 1023px) {
.promo-banner-title {
font-size: 1.75rem;
}
}
@media (max-width: 479px) {
.promo-banner-title {
font-size: 2rem;
}
}
.promo-banner-title strong {
font-weight: 700;
}
.promo-banner-actions {
flex-grow: 1;
min-width: 0;
position: relative;
z-index: 1;
}
.promo-banner-price {
font-size: 2rem;
line-height: 1.13;
letter-spacing: -0.04em;
margin-bottom: 0.625rem;
}
@media (max-width: 1023px) {
.promo-banner-price {
font-size: 1.75rem;
margin-bottom: 0.25rem;
}
}
@media (max-width: 479px) {
.promo-banner-price {
font-size: 2rem;
}
}
.promo-banner-price strong {
font-weight: 700;
}
.promo-banner-link {
color: #fff;
border-bottom: 1px solid #fff !important;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.13;
letter-spacing: -0.04em;
transition: 0.25s ease-in-out;
}
.promo-banner-link:hover {
color: #ff3b07;
border-color: #ff3b07 !important;
}
.promo-banner-excerpt {
width: 100%;
max-width: 318px;
font-size: 1.25rem;
line-height: 1.13;
letter-spacing: -0.04em;
position: relative;
z-index: 1;
}
@media (max-width: 1179px) {
.promo-banner-excerpt {
font-size: 1rem;
max-width: 184px;
}
}
@media (max-width: 767px) {
.promo-banner-excerpt {
max-width: 100%;
}
}
@media (max-width: 479px) {
.promo-banner-excerpt {
max-width: 184px;
margin-top: 0.625rem;
}
}
.promo-banner-excerpt p:first-child {
margin-top: 0;
}
.promo-banner-excerpt p:last-child {
margin-bottom: 0;
}
.promo-banner-image {
display: block;
margin: 0;
position: absolute;
right: 434px;
top: 50%;
transform: translateY(-50%);
width: 205px;
}
@media (max-width: 1279px) {
.promo-banner-image {
right: 330px;
}
}
@media (max-width: 1179px) {
.promo-banner-image {
display: none;
}
}
@media (max-width: 479px) {
.promo-banner-image {
display: block;
right: -2rem;
bottom: -2.875rem;
top: auto;
transform: translate(0);
}
}
.promo-banner-image picture {
display: block;
width: 100%;
}
.promo-banner-image img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.hide-promo-page,
.d-none {
display: none !important;
}
.section-promo {
padding-top: 3.125rem;
overflow: hidden;
font-family: 'Rubik', sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.section-promo .center-content {
width: 100%;
flex-grow: 1;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.section-promo .center-content {
display: block;
}
}
.section-promo-logo {
margin-bottom: 3.375rem;
margin-left: auto;
margin-right: auto;
width: 8.75rem;
display: block !important;
font-size: 0;
}
.section-promo-logo img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.section-promo-content {
position: relative;
padding-bottom: 10rem;
width: 100%;
}
@media (max-width: 767px) {
.section-promo-content {
padding-bottom: 3rem;
}
}
.section-promo-title {
font-size: clamp(1.875rem, 2.439vw + 1.326rem, 3.125rem);
text-transform: uppercase;
font-weight: 700;
max-width: 38rem;
margin-bottom: 1.375rem;
color: #00244A;
line-height: calc(60 / 51);
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.section-promo-title {
text-transform: none;
text-align: center;
}
}
.section-promo-form {
width: 100%;
max-width: 424px;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.section-promo-form {
margin-left: auto;
margin-right: auto;
}
}
.section-promo-image {
margin: 0;
width: 560px;
position: absolute;
right: 72px;
bottom: 0;
font-size: 0;
}
@media (max-width: 1179px) {
.section-promo-image {
right: 0;
}
}
@media (max-width: 1023px) {
.section-promo-image {
right: -6.5rem;
}
}
@media (max-width: 767px) {
.section-promo-image {
display: none;
}
}
.section-promo-image picture {
display: block;
width: 100%;
font-size: 0;
line-height: 0;
}
.section-promo-image picture img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.section-promo-success {
width: 100%;
padding-bottom: 3rem;
}
.promo-success-head {
text-align: center;
font-size: 1.375rem;
font-weight: 400;
line-height: calc(27 / 23);
margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
.promo-success-head {
margin-bottom: 1.125rem;
}
}
.promo-success-title {
text-align: center !important;
font-size: clamp(1.875rem, 2.439vw + 1.326rem, 3.125rem) !important;
text-transform: uppercase !important;
font-weight: 700 !important;
max-width: 38rem !important;
margin-bottom: 2.625rem !important;
color: #00244A !important;
line-height: calc(60 / 51) !important;
max-width: 100% !important;
}
@media (max-width: 767px) {
.promo-success-title {
margin-bottom: 1.75rem;
}
}
.promo-success-title::before {
display: none !important;
}
.promo-success-subtitle {
text-align: center;
font-size: 1.25rem;
font-weight: 400;
line-height: calc(27 / 23);
margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
.promo-success-subtitle br {
display: none;
}
}
.promo-success-contacts {
list-style: none;
padding-left: 0;
margin-bottom: 3.5rem;
display: flex;
align-items: center;
justify-content: center;
column-gap: 3.75rem;
}
@media (max-width: 767px) {
.promo-success-contacts {
flex-direction: column;
align-items: flex-start;
row-gap: 1.25rem;
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5rem;
}
}
.promo-success-contacts li {
display: flex;
align-items: center;
column-gap: 0.875rem;
}
@media (max-width: 767px) {
.promo-success-contacts li {}
}
.promo-success-contacts li span {
font-size: 1rem;
font-weight: 400;
color: #00244A;
line-height: calc(20 / 16);
}
@media (max-width: 767px) {
.promo-success-contacts li span {
display: block;
flex: 0 0 72px;
width: 72px;
}
}
.promo-success-contacts li p {
margin: 0;
font-weight: 500;
font-size: 1.25rem;
color: #00244A;
line-height: calc(24 / 20);
}
@media (max-width: 767px) {
.promo-success-contacts li p {
font-size: 1rem;
}
}
.promo-success-contacts li p a {
color: #00244A;
}
.promo-success-contacts li p a:hover {
color: #E8336F;
}
.promo-success-image {
width: 100%;
max-width: 858px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
font-size: 0;
line-height: 0;
}
.promo-success-image picture {
display: block;
width: 100%;
font-size: 0;
line-height: 0;
}
.promo-success-image img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.promo-form {}
.promo-form-group {
margin-bottom: 1.25rem;
}
.promo-form-group:last-child {
margin-bottom: 0;
}
.promo-form-group:has(.promo-form-submit) {
padding-top: 0.625rem;
}
.promo-form-group.disabled {
display: none;
}
.promo-form-label {
display: inline-block;
margin-bottom: 0.625rem;
color: #416487;
font-size: 1.25rem;
line-height: calc(24 / 20);
}
.promo-form-control {
background-color: #fff;
border: 1px solid #00244A;
border-radius: 0.625rem;
padding: 1.125rem 2.5rem;
font-size: 1rem;
line-height: calc(20 / 16);
display: block;
width: 100%;
font-family: 'Rubik', sans-serif;
transition: 0.25s ease-in-out;
}
.promo-form-control:hover,
.promo-form-control:focus {
border-color: #E8336F;
outline: none;
}
.promo-form-control::placeholder {
color: #416487;
font-weight: 400;
}
.promo-form-error {
color: #E8336F;
display: none;
margin-top: 0.625rem;
font-size: 0.75rem;
line-height: calc(13 / 11);
}
.promo-form-error.show {
display: block;
}
.promo-form-submit {
border: 0;
background-color: #E8336F;
border-radius: 0.625rem;
font-family: 'Rubik', sans-serif;
width: 100%;
padding: 0.875rem;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
line-height: calc(28 / 24);
cursor: pointer;
transition: 0.25s ease-in-out;
}
.promo-form-submit:active,
.promo-form-submit:hover {
background-color: #00244A;
outline: none;
}
.promo-form-submit-outline {
border: 1px solid #00244A;
background-color: transparent;
border-radius: 0.625rem;
font-family: 'Rubik', sans-serif;
width: 100%;
padding: 1rem;
color: #00244A;
font-size: 1.25rem;
font-weight: 500;
line-height: calc(24 / 20);
cursor: pointer;
transition: 0.25s ease-in-out;
}
.promo-form-submit-outline:active,
.promo-form-submit-outline:hover {
border-color: #00244A;
background-color: #00244A;
color: #fff;
outline: none;
}
.promo-form-text {
text-align: center;
color: #416487;
font-size: 0.75rem;
font-weight: 400;
line-height: calc(13 / 11);
}
.promo-form-text p {
margin: 0;
}
.modal-promo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(25, 48, 90, 0.6);
overflow-y: auto;
z-index: 100;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition-delay: 0.15s;
}
.modal-promo.show {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal-promo-dialog {
min-height: calc(100% - 3rem);
display: flex;
align-items: center;
width: calc(100% - 2.5rem);
max-width: 580px;
margin: 1.5rem auto;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.modal-promo.show .modal-promo-dialog {
opacity: 1;
visibility: visible;
transition-delay: 0.15s;
transform: scale(1);
}
.modal-promo-content {
position: relative;
background-color: #fff;
width: 100%;
border-radius: 1.25rem;
padding: 3.75rem 0.625rem;
}
.modal-promo-close {
position: absolute;
cursor: pointer;
top: 1.5rem;
right: 1.5rem;
fill: #00244A;
width: 1.25rem;
height: 1.25rem;
transition: fill 0.25s ease-in-out;
}
.modal-promo-close svg {
width: 100%;
height: 100%;
pointer-events: none;
}
.modal-promo-close:hover {
fill: #E8336F;
}
.modal-promo-title {
text-align: center;
max-width: 370px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
font-size: 1.25rem;
font-weight: 500;
line-height: calc(25 / 21);
color: #00244A;
}
.modal-promo-title:last-child {
margin-bottom: 0;
}
.modal-promo-form {
max-width: 323px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.cs-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(25, 48, 90, 0.6);
overflow-y: auto;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition-delay: 0.15s;
}
.cs-modal.show {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.cs-modal-dialog {
min-height: calc(100% - 3rem);
display: flex;
align-items: center;
width: calc(100% - 2.5rem);
max-width: 1215px;
margin: 1.5rem auto;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.cs-modal.show .cs-modal-dialog {
opacity: 1;
visibility: visible;
transition-delay: 0.15s;
transform: scale(1);
}
.cs-modal-content {
position: relative;
background-color: #00244A;
width: 100%;
border-radius: clamp(1.25rem, 3.017vw + 0.571rem, 2.5rem);
padding: 4.25rem 10.75rem 5.125rem;
}
@media (max-width: 1279px) {
.cs-modal-content {
padding: 3.75rem;
}
}
@media (max-width: 1023px) {
.cs-modal-content {
padding: 3.75rem 2rem;
}
}
.cs-modal-close {
position: absolute;
cursor: pointer;
top: 1.5rem;
right: 1.5rem;
fill: #fff;
width: 1.25rem;
height: 1.25rem;
transition: fill 0.25s ease-in-out;
}
.cs-modal-close svg {
width: 100%;
height: 100%;
pointer-events: none;
}
.cs-modal-close:hover {
fill: #E8336F;
}
.cs-modal-title {
font-size: clamp(1.25rem, 5.581vw - 0.006rem, 3.563rem);
line-height: calc(63 / 57);
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin-bottom: clamp(0.75rem, 0.603vw + 0.614rem, 1rem);
font-family: "Rubik", sans-serif;
}
.cs-modal-desc {
color: #fff;
font-size: clamp(1rem, 0.905vw + 0.671rem, 1.25rem);
line-height: calc(24 / 20);
margin-bottom: clamp(1.25rem, 1.508vw + 0.911rem, 1.875rem);
font-family: "Rubik", sans-serif;
}
.cs-modal-desc p {
margin-top: 0;
}
.cs-modal-desc p:last-child {
margin-bottom: 0;
}
.cs-modal-form {
background-color: rgba(255, 255, 255, 0.07);
border-radius: 0.625rem;
padding: 2.5rem 1.25rem 1.5rem;
}
@media (max-width: 1023px) {
.cs-modal-form {
padding: 1.25rem;
}
}
.cs-modal-form-row {
display: flex;
column-gap: 0.5rem;
margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
.cs-modal-form-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 0.25rem;
}
}
@media (max-width: 767px) {
.cs-modal-form-row {
grid-template-columns: 1fr;
row-gap: 0.375rem;
margin-bottom: 1rem;
}
}
.cs-modal-form-group {
flex-grow: 1;
min-width: 0;
}
.cs-modal-form-group:nth-child(1) {
flex: 0 0 238px;
width: 238px;
}
@media (max-width: 1023px) {
.cs-modal-form-group:nth-child(1) {
flex: 1 0 auto;
width: auto;
}
}
.cs-modal-form-group:nth-child(2) {
flex: 0 0 305px;
width: 305px;
}
@media (max-width: 1023px) {
.cs-modal-form-group:nth-child(2) {
flex: 1 0 auto;
width: auto;
}
}
.cs-form-control {
background-color: #fff;
border: 1px solid #fff;
border-radius: 0.625rem;
padding: 1rem 2.5rem;
font-size: 1.25rem;
line-height: calc(24 / 20);
display: block;
width: 100%;
font-family: 'Rubik', sans-serif;
transition: 0.25s ease-in-out;
}
@media (max-width: 1023px) {
.cs-form-control {
padding: 1rem;
}
}
.cs-form-control:hover,
.cs-form-control:focus {
border-color: #E8336F;
outline: none;
}
.cs-form-control::placeholder {
color: #416487;
font-weight: 400;
}
.cs-modal-form-submit {
border: 0;
background-color: #E8336F;
border-radius: 0.625rem;
font-family: 'Rubik', sans-serif;
width: 100%;
padding: 0.875rem;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
line-height: calc(28 / 24);
cursor: pointer;
transition: 0.25s ease-in-out;
}
.cs-modal-form-submit:active,
.cs-modal-form-submit:hover {
background-color: #00244A;
outline: none;
}
.cs-modal-form-text {
color: #fff;
text-align: center;
font-size: clamp(1rem, 0.905vw + 0.671rem, 1.25rem);
line-height: calc(24 / 20);
font-family: "Rubik", sans-serif;
}
.cs-modal-form-text p {
margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .promo-surprize {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 1rem;
display: flex;
flex-direction: column;
align-items: center;
z-index: 500;
cursor: pointer;
}
.promo-surprize-image img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
@media (max-width: 1023px) {
.promo-surprize {
top: auto;
transform: translate(0);
bottom: 6rem;
}
.promo-surprize-image img {
width: 50%;
}
}
.promo-surprize-image {
margin-bottom: -0.125rem;
width: 135px;
font-size: 0;
line-height: 0;
transition: transform 0.2s ease-in-out;
}
.promo-surprize:hover .promo-surprize-image {
transform: rotate(24deg);
}
.promo-surprize-image picture {
display: block;
width: 100%;
font-size: 0;
line-height: 0;
text-align: right;
}
.promo-surprize-title {
font-family: "Rubik", sans-serif;
padding: 0.5rem 0.875rem;
text-transform: uppercase;
margin-bottom: 0.25rem;
background-color: #fff;
color: #DB0061;
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
text-align: center;
width: fit-content;
border-radius: 0.25rem;
box-shadow: 0px 3px 11px rgba(41, 29, 103, 0.12);
}
.promo-surprize-counter {
background-color: #fff;
text-align: center;
width: fit-content;
border-radius: 0.25rem;
padding: 0.25rem 0.375rem;
color: #00244A;
font-weight: 700;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 0.25rem;
box-shadow: 0px 3px 11px rgba(41, 29, 103, 0.12);
}
.promo-surprize-counter span {
display: block;
font-size: 1.25rem;
line-height: calc(16 / 20);
}
.promo-surprize-counter p {
margin: 0;
font-size: 0.625rem;
line-height: calc(9 / 10);
}
.ps-close {
width: 100%;
display: flex;
justify-content: flex-end;
}
.close-wrapper {
width: 27px;
height: 27px;
border-radius: 50%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-weight: 900;
box-shadow: 0px 3px 11px rgba(41, 29, 103, 0.12);
}
.igra-left iframe,
.igra-right iframe {
width: 100%;
height: auto;
aspect-ratio: 1.77;
}
.promo-surprize {
display: none;
}
.multi_button.mb_right.mb_bottom.mb_medium_size.has-copyright-link {
display: none !important;
}
.banner-article-block-header-h1 {
line-height: 37px;
}
.main-page__left h1 {
font-size: xx-large;
}
@font-face {
font-family: "Helvetica Neue";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBoldCondensed.eot);
src: local("Helvetica Neue Condensed Bold"), local("HelveticaNeueBoldCondensed"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBoldCondensed.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBoldCondensed.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBoldCondensed.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBoldCondensed.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Helvetica Neue";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBlackCondensed.eot);
src: local("Helvetica Neue Condensed Black"), local("HelveticaNeueBlackCondensed"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBlackCondensed.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBlackCondensed.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBlackCondensed.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueBlackCondensed.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Bold.eot);
src: local("HelveticaNeueCyr-Bold"), url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Bold.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Bold.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Bold.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Light.eot);
src: local("HelveticaNeueCyr-Light"), url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Light.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Light.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Light.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Medium.eot);
src: local("HelveticaNeueCyr-Medium"), url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Medium.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Medium.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Medium.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Black.eot);
src: local("HelveticaNeueCyr-Black"), url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Black.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Black.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Black.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Heavy.eot);
src: local("HelveticaNeueCyr-Heavy"), url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Heavy.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Heavy.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Heavy.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Heavy.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Roman.eot);
src: local("HelveticaNeueCyr-Roman"), url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Roman.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Roman.woff2) format("woff2"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Roman.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/HelveticaNeueCyr-Roman.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Roboto";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Bold.eot);
src: local("Roboto Bold"), local("Roboto-Bold"), url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Bold.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Bold.woff2) format("woff2"), url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Bold.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Roboto";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Regular.eot);
src: local("Roboto"), local("Roboto-Regular"), url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Regular.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Regular.woff2) format("woff2"), url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Regular.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Roboto";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Black.eot);
src: local("Roboto Black"), local("Roboto-Black"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Black.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Black.woff2) format("woff2"), url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Black.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Roboto";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Light.eot);
src: local("Roboto Light"), local("Roboto-Light"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Light.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Light.woff2) format("woff2"), url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Light.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto";
font-display: swap;
src: url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Medium.eot);
src: local("Roboto Medium"), local("Roboto-Medium"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Medium.eot?#iefix) format("embedded-opentype"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Medium.woff2) format("woff2"), url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Medium.woff) format("woff"),
url(//laser-land.ru/wp-content/themes/laser-land/font/Roboto-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
html * {
scrollbar-width: thin;
scrollbar-color: #5d3fd6 #fff;
}
a:focus-visible,
a,
a:link,
a:hover,
a:visited,
a:active,
a:focus,
button {
display: inline-block;
vertical-align: top;
text-decoration: none !important;
cursor: pointer;
-webkit-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
border: none;
outline: none;
}
ol,
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
}
.prazdnik ul li {
list-style-type: circle;
}
.prazdnik ul {
margin-left: 20px;
margin-bottom: 16px;
}
* {
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
h1.dark {
color: #54595f;
text-align: center;
}
h2 {
font-family: "Roboto", Roboto;
font-size: 32px;
line-height: 32px;
font-weight: 600;
margin-bottom: 20px;
}
h2.dark {
color: #54595f;
text-align: center;
}
table {
width: unset;
}
button {
font-family: "HelveticaNeueCyr", Helvetica, "Segoe UI", Arial, sans-serif;
padding: 0;
}
body,
body.post,
body.page {
margin: 0;
font-family: "HelveticaNeueCyr", Helvetica, "Segoe UI", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #282323;
}
.header__burger {
display: none;
}
body.lock {
overflow: hidden;
}
header {
background-color: #012c6d;
background-image: url(https://laser-land.ru/wp-content/uploads/2019/11/hader.png);
}
header.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}
.center-content {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
height: 100%;
}
.header-menu {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-logo {
width: 170px;
}
.header-logo img {
width: 100%;
}
.header__main {
position: fixed;
top: 0;
right: 0;
width: 0;
height: 100%;
background: #fff;
transition: all 0.3s linear;
opacity: 0;
z-index: 99999;
overflow: auto;
visibility: hidden;
display: none;
}
.header-list {
height: 100%;
display: flex;
align-items: center;
}
.header-list>li {
height: 100%;
position: relative;
}
.header-list>li>div,
.header-list>li>a {
padding: 20px 10px;
color: #ffffff;
}
.header-list>li>div>a {
color: #ffffff;
}
.header-list>li>div>a:hover {
color: #ff6400;
}
.header-list svg {
width: 10px;
fill: #fff;
margin-left: 3px;
}
.submenu {
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
background-color: rgba(3, 22, 58, 1);
min-width: 200px;
border-radius: 5px;
z-index: 30;
}
.submenu a {
display: inline-block;
color: #fff;
padding: 10px;
}
.submenu-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
}
.submenu.subbox {
overflow-y: scroll;
padding: 30px 0;
width: 1000px;
left: unset;
right: -19vw;
display: flex;
flex-direction: column;
align-items: center;
height: 600px;
}
.submenu-card__text,
.header-tel {
background-image: linear-gradient(90deg, #fd6510 0%, #ff3d3d 100%);
border-radius: 3px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.header-tel {
margin-bottom: 20px;
padding: 7px 10px;
}
.submenu-card__img {
overflow: hidden;
border-radius: 4px;
}
.submenu-card__img img {
width: 300px;
height: 180px;
}
.banner-article-block-header {
background-color: #0008;
display: inline-block;
padding: 30px 10px;
max-width: 400px;
border-radius: 5px;
}
.banner-article-block-header-h1 {
color: white;
text-transform: uppercase;
}
.banner-article-block-description-wrapper {
display: block;
margin-top: 40px;
}
.banner-article-block-description {
color: white;
background-color: #000c;
display: inline-block;
padding: 10px 15px 10px 10px;
max-width: 300px;
border-radius: 5px;
}
.banner-article-block-description i {
color: #ff3b07;
padding: 0 10px 0 10px;
}
.banner-article-block-description-date {
display: inline-block;
font-weight: bold;
}
.banner-article-block-description-read-time {
display: inline-block;
font-weight: bold;
}
.banner-article-block-social-share {
color: white;
background-color: #000c;
display: inline-block;
padding: 10px 15px 10px 10px;
border-radius: 5px;
margin-left: 10px;
}
.banner-article-block-social-share-button {
color: #ff3b07;
font-weight: bold;
cursor: pointer;
}
.banner-article-block-social-share i {
color: #ff3b07;
padding: 0 10px 0 10px;
}
ul.article-ul-number {
margin-left: 20px;
}
ul.article-ul-number li {
list-style: decimal;
}
ul.article-ul-sub-desc li {
list-style: disc;
}
ul.article-ul-sub-point li {
margin-left: 10px;
}
ul.article-ul-sub-point li {
list-style: none;
}
ul.article-ul-number a,
ol.article-ul-number a {
color: black;
}
ul.article-ul-number a:hover,
ol.article-ul-number a:hover {
color: #ff3b07;
}
ol.article-ul-number {
margin-left: 20px;
}
.related-articles {
display: block;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
}
.related-articles h2 {
text-align: center;
color: #000;
}
.related-articles-item {
display: inline-block;
width: 49%;
margin: 0 auto;
text-align: center;
padding: 20px;
}
.related-articles-item img {
width: 100%;
height: 470px;
}
.related-articles-item a {
color: #000;
font-weight: bold;
}
@media (min-width: 540px) {
.mobile {
display: none !important;
}
}
@media (max-width: 400px) {
.related-articles-item {
display: inline-block;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 20px;
}
.banner-article-block-social-share {
margin: 10px 0;
}
.submenu-card__img img {
width: 100%;
height: 100%;
}
}
.submenu-card__text {
font-size: 12px;
font-weight: 500;
text-align: center;
margin-top: 10px;
padding: 7px 5px;
}
.header-btn {
display: flex;
align-items: center;
}
.header-btn a {
border-radius: 4px;
padding: 12px 43px;
font-size: 16px;
color: #fff;
font-family: "Roboto";
background-image: linear-gradient(220deg, #ff3b07 0%, #ff6314 100%);
box-shadow: 1px 5px 10px 0px rgba(255, 29, 0, 0.3);
}
.accordion__conten {
margin-bottom: 25px;
}
.header__main-drop .accordion {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
line-height: 130%;
text-transform: unset;
letter-spacing: unset;
cursor: pointer;
width: 100%;
text-align: left;
outline: none;
border: none;
transition: 0.5s;
background-color: #fff;
color: #222;
padding-left: 0;
padding: 0 20px 0px 0;
}
.accordion svg {
fill: #222;
transform: rotate(-90deg);
}
.accordion__conten.open .accordion svg {
transform: rotate(0deg);
}
.header__main.open {
visibility: visible;
opacity: 1;
}
.header__main-drop .panel {
padding: 5px 20px;
}
.header__main-drop .panel {
padding-top: 20px;
margin-bottom: 10px;
width: 100%;
background-color: #fff;
display: none;
}
.header__main-drop {
display: flex;
flex-direction: column;
}
.panel li a,
.header__main-drop>a {
margin-bottom: 25px;
color: #222;
font-size: 18px;
}
.header__main-menu-close {
display: none;
cursor: pointer;
width: 40px;
height: 40px;
}
.header__main-menu-close span {
display: block;
width: 20px;
height: 2px;
background: #000;
position: absolute;
top: 40px;
right: 30px;
transform: rotate(45deg);
}
.header__main-menu-close span:last-child {
transform: rotate(-45deg);
position: absolute;
top: 40px;
}
.header__main.open {
right: 0;
opacity: 1;
width: 50%;
padding: 40px 20px;
}
.header__main.open .header__main-menu-close {
display: block;
}
.accordion__conten .submenu-list {
grid-template-columns: 1fr;
}
.header__main-drop .panel.bg-mob {
background-color: rgba(3, 22, 58, 1);
padding: 30px 40px;
margin-top: 20px;
}
.accordion__conten .submenu-card__text,
.accordion__conten .header-tel {
font-size: 10px;
color: #fff;
width: 100%;
text-align: center;
}
.header__main-top {
display: flex;
justify-content: flex-end;
padding-bottom: 10px;
}
.scale._anim_items._active {
width: 200px;
transform: scale(1);
opacity: 1;
}
.header-phone.hidden {
display: none;
}
.header-phone {
align-items: center;
gap: 8px;
margin-top: 6px;
}
.header-phone.active {
display: flex !important;
}
.header-phone div:first-child {
display: flex;
align-items: center;
justify-content: center;
}
.header-btn .header-phone {
display: none;
}
@media screen and (max-width: 768px) {
.header-btn .header-phone {
display: flex;
}
}
@media (max-width: 1170px) {
.kombo-flex .kombo-content {
max-width: unset;
}
.header-logo {
margin: 10px 0;
width: 153px;
} .header__main {
display: block;
}
.header__burger {
display: block;
margin-left: 20px;
}
.header-list,
.header__menu {
display: none;
}
.header-list {
flex-direction: column;
padding-top: 40px;
}
.header-list>li>a {
color: #222;
font-size: 16px;
padding: 10px;
}
}
@media (max-width: 600px) {
.related-articles-item img {
width: 100%;
height: auto;
}
.scale._anim_items._active {
width: 50%;
}
.header__main.open {
width: 100%;
}
.header__main-menu-close span,
.header__main-menu-close span:last-child {
top: 45px;
}
.header__main.open {
padding-top: 20px;
}
.header-btn a {
padding: 12px 25px;
}
.header-logo {
width: 81px;
}
.header {
padding: 20px;
}
}
@media (max-width: 600px) {
.header-btn {
flex-direction: column;
}
.header-btn a.header-tel {
background: none;
box-shadow: none;
padding: 0;
vertical-align: bottom;
font-weight: bold;
margin-bottom: 2px;
}
.header-phone img {
height: 16px;
width: 16px;
}
.header-btn a {
padding: 3px 20px;
font-size: 14px;
margin-top: 5px;
font-weight: bold;
}
.header__main.open {
padding-left: 20px;
padding-right: 20px;
}
}
.main-slider {
position: relative;
}
.swiper-viewport {
margin: 0 0;
background: #fff;
z-index: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.swiper-container {
direction: ltr !important;
}
.swiper-container {
position: relative;
overflow: hidden;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
transition-property: transform;
box-sizing: content-box;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 565px;
position: relative;
}
.swiper-slide img {
height: auto;
width: 100%;
object-fit: cover;
}
.swiper-slide__content {
position: absolute;
max-width: 1300px;
width: 100%;
padding: 0 20px;
top: 15%;
left: 50%;
transform: translateX(-50%);
bottom: 1%;
}
.swiper-slide__content-inner {
background-color: rgba(255, 255, 255, 0.86);
width: 570px; padding: 30px;
border-radius: 8px 8px 8px 8px; opacity: 0;
transform: translateY(200px);
}
.first-lazer .swiper-slide__content-inner,
.swiper-slide.slick-active .swiper-slide__content-inner {
transform: translateY(0);
opacity: 1;
transition: all 1.2s linear;
}
.swiper-slide__title {
font-family: "Roboto", Roboto;
font-size: 28px;
line-height: 32px;
font-weight: 600;
text-transform: uppercase;
}
.swiper-slide__title span {
color: #fd6510;
}
.swiper-slide__desc {
color: #0c1325;
font-family: "Roboto", Roboto;
font-size: 14px;
font-weight: 300;
margin: 20px 0 25px; text-align: justify;
}
.swiper-btn {
font-family: "Roboto", Roboto;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
padding: 15px 37px 15px 37px;
background-color: #fd6510;
color: #ffffff;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-radius: 4px 4px 4px 4px;
}
.slick-arrow {
position: absolute;
text-align: center;
top: 50%;
width: 40px;
height: 40px;
border: transparent;
background-color: transparent;
font-size: 0;
z-index: 10;
cursor: pointer;
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
transition: all 0.3s ease-out 0s;
}
.swiper-wrapper .slick-arrow {
background-color: #f74100;
box-shadow: inset 0px 3px 10px 0px rgba(153, 153, 153, 0.35);
}
.slick-arrow.slick-next,
.slick-arrow.slick-prev {
position: absolute;
text-align: center;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-wrapper .slick-arrow.slick-next {
right: 80px;
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/up-arrow-svgrepo-com.svg);
background-size: 20px;
transform: rotate(90deg);
opacity: 0;
transition: all 500ms ease;
}
.swiper-wrapper .slick-arrow.slick-prev {
left: 350px;
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/up-arrow-svgrepo-com.svg);
background-size: 20px;
transform: rotate(-90deg);
opacity: 0;
}
.swiper-wrapper:hover .slick-arrow.slick-prev {
left: 20px;
opacity: 1;
transition: all 300ms ease;
}
.swiper-wrapper:hover .slick-arrow.slick-next {
right: 20px;
opacity: 1;
transition: all 300ms ease;
}
.swiper-wrapper:hover .slick-arrow.slick-next {
right: 25px;
}
.slick-track {
display: flex;
align-items: flex-start;
height: 100%;
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0px;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.slick-dots li {
list-style: none;
margin: 0px 5px;
}
.slick-dots button {
font-size: 0;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
}
.pravila .slick-dots button,
.korporativ-slider .slick-dots button,
.igra-right__slider .slick-dots button,
.vr-slider .slick-dots button {
background-color: #000;
opacity: 0.2;
}
.slick-dots li.slick-active button {
background-color: #ff922d;
}
.pravila .slick-dots li.slick-active button,
.korporativ-slider .slick-dots li.slick-active button,
.igra-right__slider .slick-dots li.slick-active button,
.vr-slider .slick-dots li.slick-active button {
background-color: #000;
opacity: 1;
}
.slick-dots>li:only-child {
display: none;
}
.main-page__bottom {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/bg-header.jpg);
background-size: cover;
padding-bottom: 40px;
}
#breadcrumbs,
#breadcrumbs a {
color: #fff;
font-size: 13.5px;
}
.breadcrumb #breadcrumbs a {
color: #222;
}
.main-page__top {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/bg-header-mobile.jpg);
background-size: cover;
padding: 1px 0;
}
#breadcrumbs .breadcrumb_last {
color: #e56300;
}
.main-page__flex {
display: flex;
padding-top: 40px;
}
.vk-video {
padding: 90px 0;
}
.vk-video-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 7%;
}
.vk-video-box {
height: 210px;
width: 325px;
position: relative;
text-align: center;
}
.vk-video-box iframe {
background: black;
height: 210px;
width: 325px;
position: relative;
text-align: center;
}
.video {
padding: 90px 0;
}
.video-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 7%;
}
.video-box {
height: 210px;
width: 325px;
position: relative;
text-align: center;
}
.video-box video {
background: black;
height: 210px;
width: 325px;
position: relative;
text-align: center;
}
.elementor-video {
width: 100%;
height: 100%;
}
.video .elementor-video { position: absolute;
top: 0;
left: 0;
height: 100%;
}
.kombo-menu.km-bg {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/lasertag_laserland.jpg);
}
.kombo-menu {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/gosti1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.kombo-menu::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00142d;
opacity: 0.87;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.kombo-flex {
position: relative;
display: flex;
justify-content: space-between;
z-index: 2; }
.kombo-content {
padding: 35px 0 35px 0;
color: #fff;
max-width: 50%;
}
.kombo-title {
font-family: "Roboto", Roboto;
font-size: 32px;
line-height: 32px;
font-weight: 600;
margin-bottom: 20px;
}
.kombo-title span {
display: block;
color: #fc4a0f;
}
.kombo-text {
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 300;
margin-bottom: 30px;
}
.kombo-btn a {
display: flex;
align-items: center;
justify-content: center;
width: 272px;
height: 48px;
border-radius: 4px;
color: #fff;
background-image: linear-gradient(220deg, #ff3b07 0%, #ff6314 100%);
}
.kombo .fas {
font-size: 25px;
}
.kombo-img {
max-width: 30%;
}
.kombo-img img {
object-fit: cover;
height: 100%;
object-position: bottom;
max-width: 100%;
}
.prazdnik {
padding: 20px 0 20px;
}
.taktika-title,
.prazdnik-title {
color: #54595f;
font-family: "Roboto", Roboto;
font-size: 30px;
font-weight: 500;
margin-bottom: 20px;
text-align: center;
}
.taktika.taktika-bg .panelt,
.taktika.taktika-bg .accordiont,
.taktika.taktika-bg .taktika-text,
.taktika.taktika-bg .taktika-title {
color: #fff;
}
.taktika.taktika-bg {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/fon_ff-1.jpg);
}
.top-tab {
display: flex;
flex-wrap: wrap;
}
.applications-title {
color: #54595f;
font-size: 18px;
font-weight: 400;
padding: 13px 20px 9px;
cursor: pointer;
text-align: center;
}
.applications-title.active {
background-image: linear-gradient(180deg, rgba(250, 97, 18, 0.89) 0%, rgba(234, 46, 39, 0.83) 100%);
color: #fff;
}
.applications-title {
list-style-type: none !important;
}
.app-flex {
display: flex;
}
.app-left {
width: 47%;
margin-right: 5vw;
}
.app-left img {
width: 100%;
margin-bottom: 20px;
}
.app-right {
padding-right: 10px;
width: 52%;
min-width: 52%;
max-width: 52%;
}
.app-title,
.app-title h2 {
color: #fa6112;
font-family: "Roboto", Roboto !important;
font-size: 20px !important;
text-transform: uppercase !important;
margin-bottom: 0 !important;
font-weight: 400 !important;
}
.app-title h2::before {
content: none !important;
}
.app-text {
color: #54595f;
font-family: "Roboto", Roboto;
font-size: 15px;
line-height: 21px;
font-weight: 300;
}
.igra-right .app-text a {
color: #fa6112;
}
.igra-right .app-text .app-btn a {
color: #fff;
}
.app-text a {
color: #222;
}
.app-mintitle,
.app-subtitle,
.app-mintitle h2 {
color: #fa6112;
font-family: "Roboto", Roboto;
font-size: 20px;
margin: 20px 0;
}
.app-right h2 {
color: #fa6112 !important;
}
.app-mintitle h2 {
color: #fa6112 !important;
font-family: "Roboto", Roboto !important;
font-size: 20px !important;
margin: 20px 0 !important;
}
.app-mintitle,
.app-right .app-mintitle h2 {
font-weight: 700;
}
.app-list {
display: flex;
}
.app-card {
text-align: center;
padding: 0 10px;
width: 16%;
}
.app-card i {
font-size: 50px;
font-weight: 900;
color: #fa6112;
}
.app-card__img svg {
width: 50px;
height: 50px;
fill: #fa6112;
}
.app-card__text {
margin-top: 10px;
font-size: 11px;
line-height: 13px;
color: #54595f;
}
.app-btn { display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 20px;
}
.igra-text .app-btn a,
.app-btn a,
.btn-gradient {
display: flex;
justify-content: center;
align-items: center;
padding: 13px 30px;
color: #fff;
margin: 0px 0px 0px 0px;
background-image: linear-gradient(90deg, #fd6510 0%, #ff3d3d 100%);
border-radius: 3px 3px 3px 3px; text-align: center;
min-width: 250px;
max-width: 49%;
width: 100%;
margin-bottom: 20px;
}
.kombo-btn i,
.app-btn a i {
margin-right: 10px;
}
.app-btn a:hover,
.btn-gradient:hover {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
transition: all 0.3s linear;
}
.tab__content,
.tabs__content {
display: none;
margin-top: 40px;
}
.price .tabs__content {
margin-top: 0;
border: 1px solid #dfdfdf;
border-radius: 6px;
}
.price {
padding: 20px 0;
}
.price .app-flex {
padding: 40px 0 60px;
}
.tab__content.active,
.tabs__content.active {
display: block;
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
display: flex;
overflow-x: scroll;
scrollbar-width: none;
}
.baner {
background-color: #fd6510;
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/bg-header-3-1.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.baner::before {
content: "";
width: 100%;
height: 100%;
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/baner.svg);
background-repeat: no-repeat;
position: absolute;
bottom: -30%;
left: 0;
transform: rotate(180deg);
}
.baner-flex {
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
height: 100%;
}
.baner-content {
padding-top: 50px;
font-family: "Roboto", Roboto;
text-transform: uppercase;
color: #fff;
}
.baner-title {
font-size: 32px;
line-height: 32px;
font-weight: 600;
margin-bottom: 10px;
}
.baner-text {
font-size: 18px;
font-weight: 500;
}
.baner-img {
flex-grow: 1;
min-height: 400px;
margin: -182px 0px 0px 0px;
overflow: hidden;
}
.baner-img img {
object-fit: cover;
width: 100%;
height: 100%;
transform: translateY(85px);
}
.baner-list__btn {
max-width: 1000px;
width: 100%;
padding: 0 20px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -20px;
display: flex;
justify-content: space-between;
z-index: 10;
}
.baner-list__btn a {
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 400;
background-image: linear-gradient(220deg, #ff3b07 0%, #ff6314 100%);
color: #fff;
padding: 10px 30px;
border-radius: 4px;
}
.jet-table-wrapper {
max-width: 100%;
margin-left: 0;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.jet-table__head-cell {
border-style: solid;
border-color: #fa6112;
font-family: "Roboto", Roboto;
font-size: 15px;
color: #ffffff;
background-color: #fa6112;
}
.accordion__content .panels ul {
margin-left: 15px;
}
.panels .jet-table__head-cell {
font-size: 12px;
}
.jet-table__body-cell {
font-family: "Roboto", Roboto;
font-size: 14px;
font-weight: 300;
color: #333;
border: 1px solid #fa6112;
}
.jet-table__body-cell,
.jet-table__cell-inner {
padding: 5px;
}
.jet-table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.panels .bg1 {
background-color: #ffae5a;
}
.panels .bg2 {
background-color: #ffc78c;
}
.panels .bg3 {
background-color: #ffd4a8;
}
b,
strong {
font-weight: 700;
}
.accordion__content {
border: 1px solid #e8e8f6;
margin-bottom: 20px;
overflow: hidden;
position: relative; -webkit-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
}
.accordions {
background: none;
border: none;
padding: 0;
width: 100%;
color: #54595f;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
padding: 15px 20px; text-align: left;
position: relative;
}
.panels {
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #252525;
display: none;
padding: 0;
padding: 0 20px; }
.app-left .panels-wrapper {
padding-bottom: 56.25%;
position: relative;
}
.app-left .panels-wrapper iframe {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
width: 100%;
margin: 0;
line-height: 1;
border: none;
border: 0;
background-color: #000;
}
.jet-toggle__icon {
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
max-width: 25px;
min-width: 25px;
height: 25px;
text-align: center;
border-radius: 50%;
margin-right: 10px;
color: white;
background-color: #6ec1e4;
}
.faopen {
display: block;
}
.fa-minus {
display: none;
}
.accordion__content.open .faopen {
display: none;
}
.accordion__content.open .fa-minus {
display: block;
}
.panels-wrapper__video {
height: 256px;
}
.app-left .accordion__content {
margin: 0 10px;
}
.slider-wrapper {
position: relative;
}
.slider-item {
padding: 0 10px;
}
.slider-item img {
object-fit: cover;
width: 100%;
height: auto;
}
.slick-list {
height: 100%;
overflow: hidden;
}
.sliders {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/hader.png);
background-position: center left;
padding: 40px 0;
}
.lazertag__right-slider .slick-arrow,
.sliders .slick-arrow {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/up-arrow-svgrepo-com.svg);
background-size: 15px;
}
.lazertag__right-slider .slick-arrow.slick-prev,
.sliders .slick-arrow.slick-prev {
left: -23px;
transform: rotate(-90deg);
}
.lazertag__right-slider .slick-arrow.slick-next,
.sliders .slick-arrow.slick-next {
right: -23px;
transform: rotate(90deg);
}
.hover-text,
.app-btn a:hover span {
display: none;
}
.app-btn a:hover span.hover-text {
display: block;
}
.price-hover {
text-align: center;
min-width: 278px;
}
.price .jet-table-wrapper {
max-width: 100%;
}
.price .jet-table {
width: 100%;
}
.panels .jet-table {
min-width: 500px;
}
.app-list__btn {
margin-right: -20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contacts-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
margin-bottom: 40px;
text-align: center;
}
.contacts-list,
.contacts-list a {
font-family: "Roboto", Roboto;
font-size: 14px;
font-weight: 400;
color: #000;
}
.contacts {
padding-top: 20px;
}
.contacts-list>div {
color: #54595f;
}
.contacts .tabs__content {
margin-top: 20px;
}
.jet-table-responsive-mobile {
min-width: 380px;
}
.jet-banner {
border-radius: 4px 4px 4px 4px;
position: relative;
overflow: hidden;
float: left;
max-width: 100%;
width: 100%;
margin: 0;
cursor: pointer;
}
.jet-banner__overlay {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background: #000;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.jet-banner__img {
max-width: none;
width: calc(100% + 50px);
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
.jet-banner__content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
}
.jet-banner__content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
height: 50%;
z-index: 2;
}
.jet-banner__title {
text-transform: uppercase;
font-weight: 700;
order: 1;
text-align: center;
color: #ffffff;
font-family: "Roboto", Roboto;
font-size: 15px;
margin: 0px 0px 0px 0px;
transform: translate3d(0, 40px, 0);
transition: transform 0.35s, -webkit-transform 0.35s;
}
.jet-banner__text {
margin-top: 7px;
order: 2;
text-align: center;
font-family: "Roboto", Roboto;
font-size: 12px;
line-height: 18px;
color: rgba(255, 255, 255, 0.8);
opacity: 0;
transform: translate3d(0, 40px, 0);
transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
}
.jet-banner:hover .jet-banner__overlay {
opacity: 0.4;
}
.jet-banner.jet-effect-lily:hover .jet-banner__img,
.jet-banner.jet-effect-lily:hover .jet-banner__title,
.jet-banner.jet-effect-lily:hover {
transform: translate3d(0, 0, 0);
transition: transform 0.35s, -webkit-transform 0.35s;
}
.jet-banner.jet-effect-lily:hover .jet-banner__text {
transition-delay: 0.05s;
transition-duration: 0.35s;
transform: translate3d(0, 0, 0);
opacity: 1;
}
.arena-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.arena-box {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/hader.png);
background-size: cover;
background-repeat: no-repeat;
padding: 30px 0;
}
.igra {
padding: 50px 0;
}
.igra-flex {
display: flex;
}
.igra-flex>div:first-child {
margin-right: 40px;
}
.igra-left iframe {
border-bottom: 1px solid #000;
max-height: 450px;
}
.igra-left {
width: 48%;
}
.igra-left h2 {
margin-top: 20px;
}
.igra-right h2 {
margin-top: 20px;
}
b,
strong {
font-weight: 700;
}
.pravila-title,
.igra-title {
color: #54595f;
font-family: "Roboto", Roboto;
font-size: 27px;
font-weight: 500;
margin-bottom: 20px;
}
.igra-subtitle {
color: #54595f;
font-family: "Roboto", Roboto;
font-size: 15px;
line-height: 22px;
}
.taktika-text,
.pravila-text,
.igra-text {
color: #54595f;
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 300;
line-height: 22px;
}
.igra-text a {
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 300;
color: #222;
}
.igra-right {
width: 48%; }
.lazertag {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/hader.png);
background-size: cover;
padding: 50px 0;
}
.lazertag__flex {
display: flex;
}
.lazertag-title {
color: #ffffff;
font-family: "Roboto", Roboto;
font-size: 28px;
font-weight: 500;
line-height: 41px;
}
.main-page__left {
padding-right: 5vw;
width: 36%;
color: #ffffff;
font-family: "Roboto", Roboto;
font-size: 28px;
line-height: 41px;
font-weight: 500;
}
.lazertag-title p,
.main-page__left p {
position: relative;
padding-bottom: 20px;
margin-top: 0;
}
.lazertag-text,
.main-page__right {
color: #ffffff;
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 300;
line-height: 21px;
}
.main-page__right {
width: 60%;
}
.main-page__right a {
color: #fd6510;
}
.main-page__right .app-btn a {
color: #fff;
}
.lazertag-title p::after,
.main-page__left p::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
background: #fd6510;
width: 50px;
height: 3px;
}
.lazertag-left {
width: 65%;
min-height: 360px;
height: max-content;
position: relative;
}
.width .lazertag-left {
width: 65%;
}
.lazertag-left img {
object-fit: contain;
width: 100%;
height: 100%;
}
.lazertag-left iframe {
width: 100%;
min-height: 100%;
height: 100%;
max-height: 450px;
position: absolute;
top: 0;
left: 0;
}
.lazertag__flex>div:first-child {
margin-right: 40px;
}
.lazertag__right {
width: 30%;
}
.width .lazertag__right {
width: 35%;
}
.lazertag-subtitle {
color: #ffffff;
font-family: "Roboto", Roboto;
font-size: 15px;
line-height: 22px;
font-weight: 700;
}
.lazertag__right li {
list-style: disc;
color: #ffffff;
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 300;
line-height: 22px;
}
.pravila {
padding: 30px 0 100px;
}
.pravila-flex {
display: flex;
}
.pravila-left {
width: 50%;
padding-right: 20px;
}
.app-right ul li,
.program .prazdnik-text ul li,
.taktika-text ul li,
.pravila-text ul li {
list-style: disc;
}
.pravila-right {
width: 50%;
}
.pravila-slider {
position: relative; }
.pravila-slid {
height: 340px;
}
.pravila-slid-image {
width: 100%;
object-fit: cover;
}
.taktika {
padding: 50px 0 40px;
}
.accordiont__content {
border-bottom: 1px solid #e8e8f6;
overflow: hidden;
position: relative;
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
}
.accordiont {
background: none;
border: none;
padding: 0;
width: 100%;
color: #54595f;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
padding: 15px 20px;
text-align: left;
position: relative;
}
.panelt {
width: 100%;
font-family: "Roboto", Roboto;
font-size: 15px;
line-height: 20px;
color: #54595f;
display: none;
padding: 0;
padding: 0px 20px 17px 20px;
}
.taktika__icon {
color: #54595f;
margin-right: 15px;
}
.accordiont__content.open .accordiont {
color: #fd6510;
transition: all 0.3s linear;
}
.accordiont__content.open .taktika__icon {
transform: rotate(90deg);
color: #fd6510;
transition: all 0.3s linear;
}
.plan {
padding: 40px 0;
}
.plan-list {
display: flex;
justify-content: space-around;
}
.plan-card {
color: #54595f;
font-family: "Open Sans", Roboto;
font-size: 15px;
font-weight: 300;
line-height: 18px;
text-align: center;
padding: 10px;
}
.plan-card__img img { height: 150px;
}
.bouling {
padding: 50px 0;
}
.bouling-slider {
margin-top: 0;
position: relative;
}
.bouling .slider-item a {
width: 100%;
}
.bouling .slider-item img {
object-fit: cover;
width: 100%;
}
.animatoryi-card__slider .slick-arrow,
.igra-right__slider .slick-arrow,
.modal-slider .slick-arrow,
.bouling-slider .slick-arrow,
.pravila-slider .slick-arrow {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/up-arrow-svgrepo-com2.svg);
background-size: 20px;
}
.animatoryi-card__slider .slick-arrow {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/up-arrow-svgrepo-com3.svg);
background-size: 20px;
}
.tematik-slider .slick-arrow.slick-prev,
.animatoryi-card__slider .slick-arrow.slick-prev,
.igra-right__slider .slick-arrow.slick-prev,
.modal-slider .slick-arrow.slick-prev,
.bouling-slider .slick-arrow.slick-prev,
.pravila-slider .slick-arrow.slick-prev {
left: 10px;
transform: rotate(90deg);
}
.tematik-slider .slick-arrow.slick-next,
.animatoryi-card__slider .slick-arrow.slick-next,
.igra-right__slider .slick-arrow.slick-next,
.modal-slider .slick-arrow.slick-next,
.bouling-slider .slick-arrow.slick-next,
.pravila-slider .slick-arrow.slick-next {
right: 10px;
transform: rotate(-90deg);
}
.modal {
display: none;
max-width: 490px;
background-color: #ffffff;
border-radius: 10px;
padding: 40px 20px;
}
#gagarinsky {
max-width: 60%;
}
.modal-title {
color: #7e7e7e;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 10px 20px 10px;
}
#popup-head h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-head h2.modal-title:not(.dark)::before {
content: none;
}
.modal-text {
font-weight: 300;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.03em;
color: #464646;
margin-bottom: 7px;
}
.modal__btn-wrap {
display: flex;
justify-content: center;
}
.modal__form-btn {
color: #fff;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 16px;
border-radius: 4px;
border: 0px solid #5804fa;
box-shadow: none;
width: 200px;
height: 50px;
padding: 15px 20px 15px 20px;
cursor: pointer;
outline: none;
background-color: #ff5400;
text-decoration: none;
text-transform: uppercase;
border: none;
}
.modal .form__content-row {
display: block;
font-weight: 300;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.03em;
color: #464646;
}
.modal .form__content-row,
.modal .form__content-row a {
color: #656464;
font-family: "Arial", sans-serif;
font-weight: bold;
font-style: normal;
font-size: 14px;
line-height: 17px;
}
.modal .form__content-row a {
text-decoration: underline;
}
.modal__form-input li {
margin-bottom: 20px;
}
.modal__form-input li:last-child {
margin-bottom: 0;
}
.select,
.modal__input {
color: #999999;
font-family: "Arial", sans-serif;
font-size: 17px;
border-radius: 4px;
border: 1px solid #cfcfcf;
box-shadow: none;
background: transparent;
padding: 15px 10px 15px 20px;
transition: all 0.2s linear 0s;
width: 100%;
height: 50px;
}
.modal textarea {
height: 180px;
resize: none;
}
.laser-list {
display: flex;
margin: 20px 0;
}
.modal-card i {
font-size: 50px;
color: #fa6112;
}
.modal-card {
text-align: center;
padding: 20px;
}
.modal-slider img {
object-fit: cover;
width: 100%;
}
.modal-card__text {
font-size: 12px;
color: #54595f;
line-height: 18px;
}
.modal-slider {
position: relative;
}
.modal-img {
text-align: center;
}
.modal-text {
text-align: left;
}
.modal-text ul li {
list-style: disc;
}
.program {
padding: 50px 0;
}
.program .jet-table {
margin-bottom: 20px;
}
.program .app-text ul {
margin-top: 10px;
}
.prazdnik-text {
color: #54595f;
}
.program-btn {
display: flex;
justify-content: center;
}
.program-btn a {
background-color: transparent;
border-radius: 4px;
font-family: "Roboto", Roboto;
font-size: 16px;
font-weight: 400;
text-transform: none;
font-style: normal;
text-decoration: none;
color: #fff;
padding: 9px 30px;
}
.mb20 {
margin-bottom: 20px;
}
.app-right .panels ul {
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.app-right__flex {
display: flex;
}
.app-right__img {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.app-right__img .fas {
position: relative;
display: block;
width: 50px;
font-size: 50px;
color: #f95e12;
}
.app-right__img span {
font-weight: 700;
line-height: 19px;
color: #54595f;
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
.mt20 {
margin-top: 20px;
}
.bg1 a {
background-image: linear-gradient(40deg, #3d58ff 0%, #10b9fd 100%);
}
.bg2 a {
background-image: linear-gradient(40deg, #b9259d 0%, #ed0d94 100%);
}
.bg3 a {
background-image: linear-gradient(40deg, #ff933d 0%, #fda410 100%);
}
.bg4 a {
background-image: linear-gradient(40deg, #439524 0%, #62d810 100%);
}
.bg1 a:hover {
background-image: linear-gradient(90deg, #10b9fd 0%, #3d58ff 100%);
transition: all 0.3s linear;
}
.bg2 a:hover {
background-image: linear-gradient(90deg, #ed0d94 0%, #b9259d 100%);
transition: all 0.3s linear;
}
.bg3 a:hover {
background-image: linear-gradient(90deg, #fda410 0%, #ff933d 100%);
transition: all 0.3s linear;
}
.bg4 a:hover {
background-image: linear-gradient(90deg, #62d810 0%, #439524 100%);
transition: all 0.3s linear;
}
.centr {
padding: 50px 0;
}
.centr-list {
display: flex;
margin: 20px -10px -10px;
}
.centr-list a {
padding: 15px 30px;
margin: 10px;
color: #fff;
text-align: center;
border-radius: 13px;
font-weight: bold;
width: 100%;
}
.fon1 {
background-color: #da444d;
}
.fon2 {
background-color: #3dba5e;
}
.fon3 {
background-color: #3e8fda;
}
.fon4 {
background-color: #a060ca;
}
.main {
padding: 20px 0 40px;
}
.main-list {
display: flex;
text-align: center;
}
.main-list a {
padding: 10px;
}
.main-img img {
object-fit: cover;
width: 100%;
}
.main-text {
color: #54595f;
font-family: "Open Sans", Roboto;
font-weight: 300;
margin-top: 10px;
}
.otvet {
margin-top: 20px;
}
.otvet-box {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/hader.png);
background-size: cover;
padding: 20px 0;
}
.otvet .accordion__content {
border: 1px solid #d4d4d4;
}
.otvet .accordions {
border-bottom: 1px solid #d4d4d4;
font-family: "Roboto", Roboto;
font-size: 18px;
font-weight: 400;
color: #fff;
}
.otvet .fa-plus {
color: #fff;
margin-right: 10px;
}
.otvet .fa-minus {
color: #fff;
margin-right: 10px;
}
.otvet .panels ol {
list-style: decimal;
color: #fff;
}
.app-text ol {
list-style: decimal;
}
.otvet .panels a {
color: #fd6510;
text-decoration: underline;
}
.aic {
align-items: center;
}
.lazertag__flex.aic {
margin-bottom: 40px;
}
.ui-widget.ui-widget-content,
#datepicker {
width: 100%;
border: none;
}
#datepicker td a,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-datepicker td span {
border: none;
}
.ui-datepicker-calendar tr {
border-bottom: 1px solid #efeff4;
}
.group {
margin: 50px 0;
}
.group-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
.group-card {
padding: 25px;
box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.06);
text-align: center;
}
.group-card span {
text-align: center;
font-size: 15px;
font-weight: 700;
color: #54595f;
}
.group-card .app-btn {
display: flex;
justify-content: center;
}
.group-card .app-btn a {
margin: 0;
}
.group-card__img img {
object-fit: cover;
width: 100%;
height: 200px;
}
.group-card__img img {
border-radius: 4px;
}
.group-card__title {
color: #54595f;
font-family: "Roboto", Roboto;
font-size: 24px;
font-weight: 500;
line-height: 36px;
margin: 20px 0;
}
.group-card__text p {
margin: 0;
}
.group-card__text {
font-size: 15px;
color: #54595f;
margin: 10px 0;
}
.group-card a:hover img {
transform: scale(1.1);
transition: all 0.3s linear;
}
.vr-slider {
padding: 40px 0;
position: relative;
}
.lazertag__right-slider {
position: relative;
padding: 40px 0;
}
.lazertag__right-slid {
color: #fff;
text-align: center;
}
.lazertag-slid__title {
margin-bottom: 40px;
font-style: italic;
}
.lazertag-slid__bottom {
display: flex;
align-items: center;
justify-content: center;
}
.lazertag-slid__img {
border-radius: 50%;
overflow: hidden;
width: 50px;
height: 50px;
margin-right: 20px;
}
.lazertag-slid__img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.lazertag-slid__name {
font-weight: 700;
font-size: 14px;
}
.main-page__right-btn {
display: flex;
}
.main-page__right-btn a {
margin-top: 40px;
display: flex;
align-items: center;
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 600;
text-decoration: none;
color: #fff;
padding: 8px 40px;
border-radius: 3px;
background-image: linear-gradient(40deg, #fd6510 0%, #f2295b 100%);
}
.main-page__right-btn a i {
font-size: 26px;
font-weight: 400;
color: #fff;
margin-right: 20px;
}
.main-page__right-btn a:hover {
background-image: linear-gradient(90deg, #fd6510 0%, #ff3d3d 100%);
transition: all 0.3s linear;
}
.animatoryi-card__slider,
.igra-right__slider {
position: relative;
}
.igra-right__slider .slick-dots {
bottom: -30px;
}
.igra-right__slider .slick-dots button {
width: 6px;
height: 6px;
}
.animatoryi-list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.animatoryi-card {
width: 25%;
padding: 15px;
text-align: center;
}
.animatoryi-card__title {
display: flex;
justify-content: center;
}
.animatoryi-card__title a,
.animatoryi-card__title span {
width: 60%;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
color: #54595f;
}
.sliders.bg {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/gosti1.jpg);
position: relative;
}
.sliders.bg::before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #00142d;
opacity: 0.87;
}
.korporativ-flex {
padding: 40px 0;
}
.korporativ-flex .prazdnik-title {
width: 28%;
float: left;
margin-right: 20px;
line-height: 42px;
text-align: left;
margin-top: 20px;
}
.korporativ-slider {
position: relative;
padding-bottom: 20px;
}
.korporativ-slider .slick-track {
align-items: center;
}
.korporativ-slider .slider-item {
max-height: 180px;
max-width: 250px;
}
.jet-slider__desc {
margin: 15px 0;
}
.app-text ul,
.jet-slider__desc ul {
padding-left: 13px;
}
.jet-slider__desc ul li {
list-style: disc;
}
.app-right__card {
padding: 10px;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.app-right__card-img {
text-align: center;
margin-bottom: 10px;
}
.app-right__card-img i {
font-size: 50px;
color: #f95e12;
}
.app-right__card-text {
font-weight: 700;
color: #54595f;
text-align: center;
}
.baners {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/gosti1.jpg);
background-position: center right;
background-size: cover;
position: relative;
}
.baners::before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #00142d;
opacity: 0.87;
}
.baners .baner-content {
width: 65%;
text-transform: none;
padding-bottom: 40px;
}
.baners .baner-img img {
object-fit: contain;
}
.baner-title span {
color: #fc4a0f;
}
.baners-box {
display: flex;
justify-content: center;
}
.baners-box .baner-btn:first-child {
margin-right: 40px;
}
.baner-mintext {
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 300;
}
.baner-btn a {
display: inline-block;
font-family: "Roboto", Roboto;
font-size: 13px;
font-weight: 600;
line-height: 21px;
color: #ffffff;
text-align: center;
background-color: #fd6510;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
margin-top: 10px;
padding: 13px 60px;
}
.kombo-main {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/hader.png);
background-size: cover;
padding: 30px 0;
}
.kombo-main-flex {
display: flex;
}
.kombo-main-card {
width: 50%;
color: #fff;
padding: 20px;
}
.kombo-main-top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 20px;
}
.kombo-main-img i {
font-size: 50px;
color: #fd6510;
}
.kombo-main-title {
font-family: "Roboto", Roboto;
font-size: 24px;
font-weight: 500;
margin-top: 20px;
}
.kombo-main-bottom {
font-size: 18px;
font-weight: 700;
}
.kombo-main-bottom ul li {
list-style: disc;
}
.app-left .pravila-slid {
height: unset;
width: 100%;
}
.app-left .pravila-slider {
max-height: unset;
}
.tematik-slider .slick-arrow,
.app-left .pravila-slider .slick-arrow {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/up-arrow-svgrepo-com3.svg);
}
.tematik-slider {
position: relative;
max-width: 450px;
margin-left: auto;
}
.korporativ-flex .prazdnik-btn {
width: 20%;
float: left;
margin-right: 20px;
text-align: left;
margin-top: 20px;
position: relative;
z-index: 10;
}
.korporativ-flex .prazdnik-btn a {
font-family: "Roboto", Roboto;
font-size: 13px;
font-weight: 400;
background-image: linear-gradient(40deg, #fd6510 0%, #f2295b 100%);
border-radius: 3px;
text-decoration: none;
line-height: 12px;
text-align: center;
color: #ffffff;
max-width: 110px;
padding: 10px;
display: inline-block;
}
.korporativ-flex .prazdnik-btn a:hover {
background-image: linear-gradient(90deg, #fd6510 0%, #ff3d3d 100%);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.about {
padding: 40px 0;
}
.about-flex {
display: flex;
align-items: center;
}
.about-img {
width: 49%;
margin-right: 40px;
}
.about-img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.about-content {
width: 49%;
}
.about-content-flex {
display: flex;
margin-bottom: 40px;
}
.about-content-img {
background-color: #ff5402;
border-radius: 50%;
min-width: 76px;
max-width: 76px;
height: 76px;
padding: 19px;
}
.about-content-img svg {
min-width: 38px;
max-width: 38px;
height: 38px;
fill: #ffffff;
color: #ffffff;
}
.about-content-box {
margin-left: 20px;
}
.about-content-flex:last-child {
margin-bottom: 0;
}
.about-content-title {
font-weight: 600;
color: #565656;
font-size: 20px;
margin-bottom: 15px;
}
.about-content-text {
color: #555555;
font-size: 15px;
font-weight: 300;
}
.field-laser {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/lasertag_na_dache.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.field-laser-flex {
padding: 80px 0;
display: flex;
}
.field-laser-img {
padding: 19px;
background-color: #ff5402;
min-width: 76px;
max-width: 76px;
height: 76px;
border-radius: 50%;
margin-right: 20px;
}
.field-laser-img svg {
fill: #fff;
width: 38px;
height: 38px;
}
.field-laser-content {
color: #fff;
max-width: 550px;
}
.field-laser-title {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.field-laser-text {
font-size: 15px;
font-weight: 400;
}
.field-laser-mintitle {
font-size: 20px;
font-weight: 600;
}
.tabs__content .animatoryi-list {
margin-bottom: 20px;
margin-top: 20px;
}
.tab li i {
margin-right: 10px;
}
.tab {
padding: 40px 20px;
}
.tort-flex {
display: flex;
margin-top: 40px;
padding: 0 20px;
}
.tort-text {
color: #54595f;
font-family: "Roboto", Roboto;
font-size: 15px;
font-weight: 300;
margin-right: 3vw;
width: 70%;
}
.new-tab .animatoryi-card__title {
flex-direction: column;
justify-content: center;
}
.animatoryi-card__title span {
display: block;
text-align: center;
color: #54595f;
font-size: 16px;
margin-top: 10px;
}
.new-tab .slider-item {
width: 100%;
}
.lazertag-slid__names {
color: #dadada;
font-size: 14px;
font-weight: 400;
}
.tab__content {
margin-top: 0;
}
.first-slider .slick-dots {
bottom: 20px;
}
.otvet .panels__content {
color: #fff;
}
.pravila-slider .slick-dots li {
display: flex;
}
.vr-slider .slick-dots {
bottom: 10px;
}
.breadcrumb.black #breadcrumbs {
color: #222;
}
.panels .jet-table-wrapper {
margin-top: 0;
}
.vyezdnye .app-left img {
max-width: 100%;
} .baner-btn a:hover {
background-image: linear-gradient(140deg, #fd6510 0%, #f94848 100%);
box-shadow: -84px -72px 10px -88px rgba(253, 101, 16, 0.5);
transition: all 0.3s linear;
}
.applications-title:hover,
.submenu li a:hover,
.header-list>li>div:hover,
.header-list>li>a:hover {
color: #ff6400; }
.applications-title.active:hover {
color: #fff;
opacity: 1;
transition: all 0.3s linear;
}
.header-list>li>div:hover svg {
fill: #ff6400;
transition: all 0.3s linear;
}
.header-list>li:hover>.submenu {
opacity: 1;
visibility: visible;
}
.baner-list__btn a:hover {
background-image: linear-gradient(180deg, #ff4e07 0%, #fe2800 100%);
transition: all 0.3s linear;
}
.kombo-btn a:hover {
box-shadow: 0px 5px 25px 0px rgba(253, 101, 16, 0.5);
} @media (max-width: 1170px) {
.video-box {
width: 100%;
}
.vk-video-box {
width: 100%;
}
.plan-card__img img {
object-fit: cover;
width: 100%;
height: auto;
}
.korporativ-flex .prazdnik-title {
float: none;
width: 100%;
text-align: center;
}
.tort-flex,
.about-flex,
.app-btn { }
.top-tab {
overflow-y: scroll;
}
.swiper-slide {
height: 430px;
}
.swiper-slide__content-inner {
height: unset;
box-shadow: none;
}
.swiper-slide img { }
.applications-title {
font-size: 15px;
}
.pravila-flex,
.lazertag__flex,
.app-flex,
.kombo-flex,
.main-page__flex {
flex-direction: column;
}
.tort-text,
.kombo-main-card,
.baners .baner-content,
.width .lazertag__right,
.width .lazertag-left,
.lazertag__right,
.main-page__right,
.main-page__left {
width: 100%;
}
.baners .baner-btn {
display: flex;
justify-content: center;
}
.arena-list,
.group-list,
.contacts-list {
grid-template-columns: 1fr 1fr;
}
.video-list {
grid-template-columns: 1fr;
}
.vk-video-list {
grid-template-columns: 1fr;
} .korporativ-flex .prazdnik-title,
.pravila-title,
.igra-title,
.taktika-title,
.baner-title,
.swiper-slide__title,
.prazdnik-title,
.kombo-title {
text-align: center;
font-size: 22px;
}
.app-btn,
.kombo-btn {
display: flex; }
.app-left img,
.kombo-img {
width: 100%;
max-width: 80%;
margin: 0 auto;
display: block;
}
.about-img,
.pravila-right,
.pravila-left,
.igra-right,
.igra-left,
.app-left,
.app-right {
width: 100%;
margin-right: unset;
padding-right: 0;
min-width: unset;
max-width: unset;
}
.price .app-left,
.price .app-right {
padding: 0 20px;
}
.app-left .accordion__content {
margin: 0;
}
.app-right {
margin-top: 20px;
padding-right: 0;
}
.kombo-main-flex,
.igra-flex,
.main-list,
.centr-list,
.plan-list,
.app-list {
flex-wrap: wrap;
justify-content: center;
}
.animatoryi-card,
.plan-card {
width: 33%;
}
.app-card {
width: 30%;
margin-bottom: 15px;
}
.panels .jet-table__head-cell {
font-size: 9px;
}
.panels .jet-table__body-cell {
font-size: 8px;
}
.baner-flex {
flex-direction: column;
}
.baner-img {
min-height: unset;
width: 70%;
margin: 0px auto 0px;
}
.baner-img img {
transform: unset;
transform: translateY(50px);
}
.about-content,
.lazertag-left {
width: 100%;
}
.tort-text,
.about-img,
.igra-flex>div:first-child,
.lazertag__flex>div:first-child,
.lazertag__flex>div:first-child {
margin: 0px 0px 20px 0px;
}
.main-list a,
.centr-list a {
width: 50%;
}
.pravila {
padding-bottom: 40px;
}
.pravila-slider {
margin-top: 30px;
}
.igra-right { position: relative;
}
.igra-right iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 450px;
}
header {
position: sticky;
top: 0;
z-index: 999;
}
}
@media (max-width: 767px) {
#gagarinsky {
max-width: 95%;
}
.modal-card {
width: 46%;
}
.modal .laser-list {
flex-wrap: wrap;
}
.pravila-slid {
height: unset;
}
.lazertag-left {
min-height: unset;
padding-bottom: 56.25%;
}
.lazertag__right-slider .slick-arrow.slick-prev,
.sliders .slick-arrow.slick-prev {
left: 5px;
}
.lazertag__right-slider .slick-arrow.slick-next,
.sliders .slick-arrow.slick-next {
right: 5px;
}
.tab,
.accordiont {
padding-left: 10px;
padding-right: 10px;
}
.otvet .panels ol {
padding-left: 10px;
}
.slider-item a {
width: 100%;
display: block;
}
.main-list a,
.centr-list a,
.slider-item img {
width: 100%;
}
.kombo-content,
.main-page__flex {
padding-top: 20px;
}
.main-page__left {
font-size: 24px;
}
.plan-card,
.animatoryi-card,
.app-card {
width: 50%;
}
.swiper-slide__content-inner {
padding: 20px;
width: unset;
border-radius: 0;
}
.swiper-btn {
padding: 10px 30px 10px 37px;
}
.swiper-slide__content { top: 10%;
}
.lazertag-text ul {
padding-left: 10px;
} .baner-list__btn {
position: relative;
bottom: unset;
left: unset;
transform: unset;
padding: 0;
flex-direction: column;
padding-top: 20px;
z-index: unset;
}
.baner-list__btn a {
width: max-content;
margin: 0 auto 20px;
position: relative;
}
.baner-list__btn::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #111930;
}
.jet-table-wrapper,
.baner-img {
width: 100%;
}
.app-btn a {
padding-left: 20px;
padding-right: 20px;
margin-right: 0;
}
.arena-list,
.group-list {
grid-template-columns: 1fr;
}
.field-laser-flex,
.baners-box,
.app-list__btn {
flex-direction: column;
margin-right: 0;
}
.app-left .accordion__content .panels {
padding-left: 0;
padding-right: 0;
}
.field-laser-img,
.baners-box .baner-btn:first-child {
margin: 0px 0px 20px 0px;
}
.panels-wrapper__video {
height: 220px;
}
.bouling-slider {
margin-top: 0;
}
}
@media (max-width: 400px) {
.vk-video-box iframe {
width: 100%;
}
.swiper-slide img {
object-position: 46%;
}
.modal-card {
width: 100%;
}
.app-right__card {
width: 100%;
}
.app-right__flex {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.jet-table {
min-width: 280px;
}
.jet-table__head-cell {
font-size: 12px;
}
.jet-table__body-cell {
font-size: 10px;
}
.group-card {
padding-left: 15px;
padding-right: 15px;
}
.app-left .accordions,
.app-right .accordions {
font-size: 12px;
}
.animatoryi-card {
width: 100%;
} .center-content {
padding: 0 15px;
}
.pravila-title,
.igra-title,
.lazertag-title,
.group-card__title,
.taktika-title,
.baner-title,
.swiper-slide__title,
.prazdnik-title,
.kombo-title,
.main-page__left {
font-size: 18px;
line-height: 24px;
}
.price .app-left,
.price .app-right {
padding: 0 10px;
}
.otvet .accordions {
font-size: 14px;
}
.lazertag__right-slider {
padding-bottom: 0;
}
} .footer {
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/bg-header.jpg);
position: relative;
}
.footer::before {
content: "";
background-color: #111930;
position: absolute;
top: 0;
left: 0;
opacity: 0.82;
width: 100%;
height: 100%;
}
.footer__row,
.footer__bottom-row {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
position: relative;
z-index: 4;
}
.footer__top {
padding: 75px 0 40px;
}
.footer__top .content.flex {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__form-title {
color: #ffffff;
font-family: "Hind", Roboto;
font-size: 18px;
font-weight: 300;
line-height: 29px;
}
.column__footer {
margin-right: 20px;
}
.column__footer:last-child {
margin-right: 0;
}
.footer__column {
max-width: 300px;
margin-bottom: 15px;
}
.footer a.footer__title,
.footer .footer__title {
color: #ffffff;
font-family: "Hind", Roboto;
font-size: 18px;
font-weight: 300;
}
.footer__ul {
margin-top: 10px;
}
.footer__ul li {
margin-bottom: 7px;
}
.footer a {
color: #b0aebe;
font-family: "Open Sans", Roboto;
font-size: 13px;
font-weight: 300;
}
.mt60 {
margin-top: 60px;
}
.footer a:hover {
color: #fff;
transition: all 0.3s linear;
}
.footer__bottom-row {
display: flex;
flex-direction: column;
align-items: center;
}
.footer__bottom {
padding: 25px 0;
}
.footer__bottom,
a.footer__bottom-link {
text-align: center;
color: rgba(255, 255, 255, 0.39);
font-family: "Open Sans", Roboto;
font-size: 13px;
font-weight: 200;
}
.footer__bottom p {
margin: 10px 0px 0px 0px;
}
.footer__bottom-link {
text-decoration-line: underline;
}
.footer__bottom-link a:hover {
opacity: 0.7;
transition: all 0.3s linear;
}
.first-section__form-wrap {
position: relative;
margin-top: 20px;
display: inline-block;
}
.first-section__form-wrap input:not([type="checkbox"]):not([type="radio"]) {
width: 355px;
min-width: 100%;
height: 33px;
background-color: rgba(255, 255, 255, 0.14);
border-width: 0px 0px 0px 0px;
border-radius: 4px 0px 0px 4px;
outline: none;
vertical-align: middle;
box-sizing: border-box;
display: block;
box-shadow: none;
-webkit-appearance: none;
resize: none;
padding: 0 125px 0 12px;
color: #fff;
font-size: 14px;
font-weight: 400;
}
button.first-section__form-btn {
width: 145px;
height: 33px;
background-color: #ff4900;
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
border-radius: 0px 4px 4px 0px;
position: absolute;
top: 0;
right: 0;
}
.footer__form-share {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.footer__form-share-col {
padding: 0 5px;
margin-top: 3rem;
}
.footer__form-share-col a {
text-decoration: none;
background-repeat: no-repeat;
background-position: center center;
width: 42px;
height: 42px;
line-height: 38px;
display: block;
position: relative;
background-color: #ffffff;
border-radius: 50%;
}
.footer__social {
display: flex;
margin-top: 20px;
}
.footer__social-col {
margin-right: 20px;
}
.footer__social-link {
color: #fff;
}
.footer a.footer__social-link i {
font-size: 25px;
color: #fff;
font-weight: 400;
}
.footer a.footer__social-link:hover i {
color: #fd6510;
}
@media (max-width: 1170px) {
.footer__title {
cursor: pointer;
}
.footer__top {
padding: 20px 0 0 0;
}
.footer__column {
max-width: unset;
padding: 20px 0;
border-bottom: 1px solid rgba(231, 236, 243, 0.21);
overflow: hidden;
margin-bottom: 0;
}
.footer__column a {
display: block;
position: relative;
}
.footer__form {
margin-top: 15px;
}
.column__h {
position: relative;
}
.column__h::before {
content: "";
background-image: url(//laser-land.ru/wp-content/themes/laser-land/img/up-arrow-svgrepo-com.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
width: 16px;
height: 12px;
position: absolute;
right: 0px;
top: 10px;
transform: rotate(180deg);
}
.column__h.active::before {
transform: rotate(0deg);
}
.column__h:hover {
opacity: 0.7;
transition: all 0.3s linear;
}
.no-arrow.column__h::before {
display: none;
}
.mt60 {
margin-top: 0;
}
.footer__ul {
max-height: 0;
visibility: hidden;
margin: 0;
transition: all 0.3s linear;
}
.footer__ul.conten.active {
max-height: 100vh;
margin-top: 20px;
visibility: visible;
transition: max-height 0.6s linear;
}
.footer__top .content.flex {
flex-direction: column;
}
.column__footer {
margin-right: 0;
}
.write-us {
margin-bottom: 20px;
}
}
@media (max-width: 740px) {
.footer__social {
justify-content: center;
}
.footer__row,
.footer__bottom-row {
padding: 0 20px;
}
.col>div.flex {
margin-bottom: 40px;
}
.ul__social {
margin-top: 25px;
}
.footer__top .container {
padding: 0;
}
}
@media (max-width: 450px) {
.first-section__form-wrap input:not([type="checkbox"]):not([type="radio"]) {
width: unset;
}
button.first-section__form-btn {
position: unset;
margin: 20px auto 0px;
}
.first-section__form-wrap {
display: flex;
flex-direction: column;
}
.footer__bottom-row {
flex-direction: column;
align-items: center;
}
.footer__bottom-link {
margin: 10px 0px 0px 0px;
}
.tab__caption li,
.tabs__caption li {
margin-right: 8px;
padding: 13px 20px 9px;
font-size: 15px;
}
}  ._anim_items {
transform: translate(0px, 120%);
opacity: 0;
transition: all 0.2s linear;
overflow: hidden;
}
.scale._anim_items {
transform: scale(0.2);
transition: all 0.6s linear;
}
.delay__1._active {
transition-delay: 0.2s;
}
.delay__2._active {
transition-delay: 0.4s;
}
.delay__3._active {
transition-delay: 0.6s;
}
.delay__4._active {
transition-delay: 0.8s;
}
.delay__5._active {
transition-delay: 1s;
} .submenu .header-tel:hover {
color: white;
}
@media (max-width: 360px) {
header {
position: sticky;
z-index: 999;
width: 360px;
height: 75px;
}
.-text {
font-size: 16px;
}
section.otvet {
margin-top: 20px;
}
.kombo-content {
width: 100%;
display: contents;
}
#section1 { padding-top: 0;
}
.lazertag-left {
padding-bottom: 20px;
}
.kombo-flex {
width: 100%;
}
.lazertag-left iframe {
height: 200px;
position: initial;
}
}
.app-text ul li {
list-style: disc;
}
@media (max-width: 540px) {
.igra-text .app-btn a,
.app-btn a,
.btn-gradient {
max-width: unset;
}
.desktop {
display: none;
}
.baner-list__btn.mobile:before {
background: none;
}
}
.app-left a {
display: block;
margin: auto;
}
.modal img {
max-width: 100%;
}
.modal ul li:not(.modal form ul li) {
list-style-type: disc;
margin-left: 15px;
}
.elementor-title,
h2:not(.dark) {
color: #fff;
font-family: "Roboto", Roboto;
font-size: 32px;
font-weight: 500;
line-height: 1.3em;
position: relative;
margin-bottom: 40px;
}
.elementor-title::before,
h2:not(.dark)::before {
content: "";
width: 10%;
height: 3px;
display: block;
background: #fd6510;
bottom: 0;
position: absolute;
margin-bottom: -15px;
}
.main-page__right ul li {
list-style-type: disc;
}
.center-content .contacts-list>* {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
flex-direction: column;
}
.center-content .contacts-list>* img {
margin-bottom: 10px;
}
.contacts-list p {
margin: 0;
}
.app-btn a i {
margin-top: -4px;
} #popup-inner h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-inner h2.modal-title:not(.dark)::before {
content: none;
}
#popup-2763 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-2763 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-120698 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-120698 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-133482 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-133482 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-150822 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-150822 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-127765 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-127765 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-120862 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-120862 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-146190 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-146190 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-146121 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-146121 h2.modal-title:not(.dark)::before {
content: none;
}
#popup-148994 h2.modal-title {
color: #54595f;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 32px;
}
#popup-148994 h2.modal-title:not(.dark)::before {
content: none;
}
.kombo-img {
display: flex;
align-items: flex-end;
}
.kombo-img img {
object-fit: cover;
height: auto;
object-position: bottom;
max-width: 100%;
}
@media (max-width: 1170px) {
.kombo-img {
display: flex;
}
}
.modal-slider .slider-item {
min-width: 258px;
}
@media (max-width: 1099px) {
.modal-slider .slider-item {
min-width: 307px;
}
}
@media (max-width: 786px) {
.modal-slider .slider-item {
min-width: 270px;
}
}
.popup_top {
font-size: 22px;
font-weight: 500;
text-align: center;
}
.popup_img_wrap img {
max-width: 300px;
}
.popup_img_wrap {
text-align: center;
}
.discount__btn .button__hover {
display: none;
}
.btn-gradient.discount__btn {
color: #fff;
display: flex;
margin: 20px auto;
font-size: 16px;
font-weight: 400;
}
.discount__btn:hover .button__normal {
display: none;
}
.discount__btn:hover .button__hover {
display: block;
}
.panels__content {
overflow-x: auto;
}
img {
color: transparent;
}
.arena-widget-container a {
width: 100%;
} .tab-card {
border-radius: 10px;
background: #fff;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
padding: 20px;
display: flex;
flex-direction: column;
position: relative;
height: 100%;
min-height: 310px;
}
.tab-card-name {
color: #333;
font-family: "Roboto";
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
}
.custom-tab img.tb-hover-img,
img.tb-hover-img {
display: none;
}
.tab-card-hit {
padding: 3px 6px;
position: absolute;
top: -10px;
left: 23px;
border-radius: 4px;
border: 1px solid #ff6500;
background: #fff;
color: #333;
font-family: "Roboto";
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.tab-card-info {
margin-top: 15px;
flex-grow: 1;
margin-bottom: 0;
}
.tab-card-time {
display: flex;
align-items: center;
color: #333;
font-family: "Roboto";
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 8px;
}
.tab-card-time svg {
margin-right: 7px;
}
.tab-card__chel {
color: #333;
font-family: "Roboto";
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
max-width: 100%;
}
.tab-card-description {
display: flex;
align-items: center;
color: #333;
font-family: "Roboto";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-top: 25px;
}
.top-tab.custom-tab .tab-card-description li {
display: flex;
margin-bottom: 12px;
}
.top-tab.custom-tab .tab-card-description li:last-child {
margin-bottom: 0;
}
.tab-card-description svg {
min-width: 20px;
margin-right: 9px;
stroke: #333333;
}
.custom-tab .applications-title {
text-align: left;
background-image: none;
padding: 0;
width: 18%;
flex-grow: 1;
margin-right: 20px;
}
.custom-tab .applications-title:last-child {
margin-right: 0;
}
.custom-tab.owl-loaded {
display: flex;
}
.top-tab.custom-tab {
display: flex;
flex-wrap: nowrap;
-ms-overflow-style: none; scrollbar-width: none; padding: 40px 0;
}
.custom-tab .applications-title .tab-card-time svg {
min-width: 20px;
min-height: 20px;
}
.custom-tab .applications-title:nth-child(1) .tab-card-time svg {
stroke: #00bfe3;
}
.custom-tab .applications-title:nth-child(2) .tab-card-time svg {
stroke: #f13977;
}
.custom-tab .applications-title:nth-child(3) .tab-card-time svg {
stroke: #ff6500;
}
.custom-tab .applications-title:nth-child(4) .tab-card-time svg {
stroke: #8dc24c;
}
.custom-tab .applications-title:nth-child(5) .tab-card-time svg {
stroke: #15234a;
}
.custom-tab .applications-title:nth-child(1).active .tab-card-time svg,
.custom-tab .applications-title:nth-child(2).active .tab-card-time svg,
.custom-tab .applications-title:nth-child(3).active .tab-card-time svg,
.custom-tab .applications-title:nth-child(4).active .tab-card-time svg,
.custom-tab .applications-title:nth-child(5).active .tab-card-time svg,
.custom-tab .applications-title.active .tab-card-description svg,
.custom-tab .applications-title:nth-child(1):hover .tab-card-time svg,
.custom-tab .applications-title:nth-child(2):hover .tab-card-time svg,
.custom-tab .applications-title:nth-child(3):hover .tab-card-time svg,
.custom-tab .applications-title:nth-child(4):hover .tab-card-time svg,
.custom-tab .applications-title:nth-child(5):hover .tab-card-time svg,
.custom-tab .applications-title:hover .tab-card-description svg {
stroke: #fff;
transition: all 0.3s linear;
}
.custom-tab .applications-title.active .tab-card-description,
.custom-tab .applications-title.active .tab-card__chel,
.custom-tab .applications-title.active .tab-card-time,
.custom-tab .applications-title.active .tab-card-name,
.custom-tab .applications-title:hover .tab-card-description,
.custom-tab .applications-title:hover .tab-card__chel,
.custom-tab .applications-title:hover .tab-card-time,
.custom-tab .applications-title:hover .tab-card-name {
color: #fff;
transition: all 0.3s linear;
}
.custom-tab .applications-title:hover img,
.custom-tab .applications-title.active img,
.custom-tab .applications-title.active img,
.custom-tab .applications-title:hover img {
display: none;
}
.custom-tab .applications-title:hover img.tb-hover-img,
.custom-tab .applications-title.active img.tb-hover-img,
.custom-tab .applications-title.active img.tb-hover-img,
.custom-tab .applications-title:hover img.tb-hover-img {
display: block;
}
.custom-tab .applications-title:nth-child(1).active .tab-card,
.custom-tab .applications-title:nth-child(1):hover .tab-card {
background: linear-gradient(180deg, #84ebff 0%, #00bfe3 100%);
}
.custom-tab .applications-title:nth-child(2).active .tab-card,
.custom-tab .applications-title:nth-child(2):hover .tab-card {
background: linear-gradient(180deg, #ff9fc0 0%, #f13977 100%);
}
.custom-tab .applications-title:nth-child(3).active .tab-card,
.custom-tab .applications-title:nth-child(3):hover .tab-card {
background: linear-gradient(180deg, #fc8924 0%, #ff6500 100%);
}
.custom-tab .applications-title:nth-child(4).active .tab-card,
.custom-tab .applications-title:nth-child(4):hover .tab-card {
background: linear-gradient(180deg, #bcf575 0%, #8dc24c 100%);
}
.custom-tab .applications-title:nth-child(5).active .tab-card,
.custom-tab .applications-title:nth-child(5):hover .tab-card {
background: linear-gradient(180deg, #4d6aba 0%, #15234a 100%);
}
.custom-tab .applications-title.active .tab-card {
transform: scale(1.1);
}
.custom-tab .applications-title:nth-child(1):hover .tab-card .tab-card-time svg *,
.custom-tab .applications-title:nth-child(1).active .tab-card .tab-card-time svg * {
stroke: #ffffff;
}
.custom-tab .applications-title .tab-card-description ul {
margin-left: 0;
}
.custom-tab .applications-title .tab-card-name {
min-height: 75px;
}
.laser-price-list {
display: flex;
margin-bottom: 30px;
margin-top: 30px;
}
.laser-price-card {
padding: 12px 21px;
border-radius: 10px;
background: linear-gradient(180deg, #FC8924 0%, #FF6500 100%);
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
position: relative;
margin-right: 60px;
min-width: 190px;
}
.laser-price-card:last-child {
margin-right: 0;
}
.laser-price-sale {
min-width: 80px;
color: #333;
text-align: center;
font-family: "Roboto";
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: -10px;
right: -20px;
padding: 10px 5px 8px;
border-radius: 6px;
background: #FFF;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.30);
line-height: 12px;
}
.laser-price-sale span {
font-size: 21px;
font-style: normal;
font-weight: 500;
margin-bottom: 2px;
}
.laser-price-top {
color: #FFF;
font-family: "Roboto";
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.laser-price-top del {
text-decoration: line-through;
}
.laser-price-bottom {
color: #FFF;
font-family: "Roboto";
font-size: 34px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.laser-price-bottom span {
font-size: 14px;
width: 100%;
display: block;
}
.additional-discount a {
color: #fa6112;
text-decoration: underline;
display: inline-block;
margin-left: 70px;
margin-bottom: 40px;
}
.additional-discount a:hover {
opacity: 0.7;
transition: all 0.3s linear;
}
@media (max-width: 1340px) {}
@media (max-width: 1170px) {
.custom-tab .applications-title {
margin-left: 20px;
}
.custom-tab-wrap.mCustomScrollbar.mCS_no_scrollbar,
.custom-tab-wrap.mCustomScrollbar.mCS_touch_action {
margin: 0 -20px;
}
.custom-tab .applications-title:last-child {
margin-right: 20px;
}
.top-tab.custom-tab {
padding: 30px 0; }
.top-tab.custom-tab .owl-stage {
display: flex;
}
.top-tab.custom-tab img {
width: unset;
}
.custom-tab .applications-title {
width: 210px;
min-width: 210px;
height: 100%;
}
.top-tab.custom-tab {
overflow: auto;
}
}
@media (max-width: 767px) {
.laser-price-bottom {
font-size: 28px;
}
.laser-price-top {
font-size: 20px;
}
.laser-price-sale span {
font-size: 16px;
}
.laser-price-sale {
font-size: 10px;
min-width: 65px;
padding: 7px 7px 6px;
}
.laser-price-card {
min-width: 170px;
}
.laser-price-card:first-child {
margin: 0px 0px 20px 0px;
}
.laser-price-list {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.new_tabs__caption li {
margin: 0;
padding: 0;
font-size: inherit;
}
}
@media (max-width: 400px) {
.additional-discount {
text-align: center;
}
.additional-discount a {
margin-left: 0;
}
.custom-tab-wrap.mCustomScrollbar.mCS_no_scrollbar,
.custom-tab-wrap.mCustomScrollbar.mCS_touch_action {
margin: 0 -15px;
}
}
@media (max-width: 400px) {
.right_buttons {
width: 100%;
text-align: center;
}
.right_buttons .kombo-btn {
margin-bottom: 5px;
}
}
@keyframes ticker {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.ticker {
background: #FD6510;
color: #FFFFFF;
font-family: system-ui;
font-size: 14px;
overflow: hidden;
}
.ticker__in {
display: flex;
width: fit-content;
animation: ticker 90s linear infinite; }
.ticker__item {
padding: .5em .75em;
white-space: nowrap; }
.page-id-2 .main-slider .swiper-slide__button-wrapper,
.page-slider-block .main-slider .swiper-slide__button-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 32px;
max-width: 574px;
margin: 0 auto;
}
.page-id-2 .main-slider .swiper-slide__content,
.page-slider-block .main-slider .swiper-slide__content {
position: absolute;
max-width: 974px;
bottom: 24px;
left: 50%;
transform: translateX(-50%);
top: unset !important;
position: relative;
left: auto;
bottom: auto;
transform: none;
margin-left: auto;
margin-right: auto;
margin-top: -6vw;
}
.page-id-2 .main-slider .slick-arrow.slick-next,
.page-id-2 .main-slider .slick-arrow.slick-prev,
.page-slider-block .main-slider .slick-arrow.slick-next,
.page-slider-block .main-slider .slick-arrow.slick-prev {
position: relative;
top: unset;
margin-top: 0;
}
.page-id-2 .main-slider .swiper-btn,
.page-slider-block .main-slider .swiper-btn {
display: flex;
justify-content: center;
flex-grow: 1;
max-width: 367px;
margin: 0 auto;
}
.page-id-2 .main-slider .dots-wrapper,
.page-slider-block .main-slider .dots-wrapper {
display: flex;
justify-content: center;
}
.page-id-2 .main-slider .dots-wrapper ul,
.page-slider-block .main-slider .dots-wrapper ul {
position: relative;
left: unset;
bottom: unset;
transform: unset;
}
.page-id-2 .main-slider .swiper-slide__desc,
.page-slider-block .main-slider .swiper-slide__desc {
font-family: 'Roboto', sans-serif;
font-display: swap;
font-weight: 400;
font-size: 32px;
line-height: 120%;
letter-spacing: -3%;
text-align: center;
color: #0B1325;
margin-bottom: 0;
}
.page-id-2 .main-slider .swiper-slide__desc *,
.page-slider-block .main-slider .swiper-slide__desc * {
margin-bottom: 0;
}
.page-id-2 .main-slider .swiper-wrapper>.slick-arrow.slick-next,
.page-id-2 .main-slider .swiper-wrapper>.slick-arrow.slick-prev,
.page-slider-block .main-slider .swiper-wrapper>.slick-arrow.slick-next,
.page-slider-block .main-slider .swiper-wrapper>.slick-arrow.slick-prev {
display: none !important;
}
@media (max-width: 767px) {
.page-id-2 .main-slider .swiper-slide__desc,
.page-slider-block .main-slider .swiper-slide__desc {
font-size: 16px;
max-width: 321px;
}
.page-id-2 .main-slider .swiper-slide__content,
.page-slider-block .main-slider .swiper-slide__content {
max-width: 379px;
padding-bottom: 60px;
}
.page-id-2 .main-slider .swiper-slide,
.page-slider-block .main-slider .swiper-slide {
height: unset;
}
.swiper-slide__desc {
min-height: 1px !important;
}
.page-id-2 .main-slider .swiper-slide img,
.page-slider-block .main-slider .swiper-slide img {
object-position: unset;
}
}
@media (min-width: 768px) {
.page-id-2 .main-slider .swiper-slide,
.page-slider-block .main-slider .swiper-slide {
min-height: unset;
height: unset;
padding-bottom: 100px;
}
}
@media screen and (max-width: 560px) {
.page-id-2 .main-slider .swiper-slide__content,
.page-slider-block .main-slider .swiper-slide__content {
margin-top: -34vw;
padding-bottom: 60px;
}
}
.page-slider-block .swiper-slide__content-inner,
.page-slider-block .swiper-slide__content-inner h1 {
width: 100%;
text-align: center;
}
.page-slider-block .swiper-slide__title-wrapper {
position: absolute;
top: 32%;
width: 100%;
display: flex;
justify-content: center;
}
.page-slider-block .swiper-slide__title {
text-align: center;
color: white;
font-size: 65px;
line-height: 1.2;
}
@media (max-width: 767px) {
.page-slider-block .swiper-slide__title {
text-align: center;
color: white;
font-size: 36px;
line-height: 1.2;
}
}
.summer-banner {
background-color: #FF8A18;
padding: 6px;
position: relative;
overflow: hidden;
}
.summer-banner .container {
max-width: 1440px;
margin-inline: auto;
}
.summer-banner .d-flex {
display: flex;
}
.summer-banner .space-between {
justify-content: space-between;
}
.summer-banner img {
width: auto;
}
.summer-banner img.old-price {
max-height: 93px;
display: flex;
}
.summer-banner img.new-price {
max-height: 134px;
display: flex;
}
.summer-banner-content-wrapper,
.summer-banner .price-wrapper {
gap: 37px;
}
.summer-banner .price-wrapper {
align-items: center;
}
.summer-banner-title {
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 96%;
letter-spacing: -4%;
}
.summer-banner-desc {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: calc(20px + (48 - 27) * ((100vw - 768px) / (2400 - 768)));
line-height: 96%;
letter-spacing: -4%;
margin-bottom: 10px;
}
.summer-banner a.summer-button-cta {
font-family: IBM Plex Mono;
font-weight: 700;
line-height: 112.9%;
letter-spacing: -4%;
text-decoration: underline !important;
color: #000000;
}
.summer-banner .col.align-center {
justify-content: center;
flex-direction: column;
}
@media (max-width: 2400px) {
.summer-banner img.mobile-order-last {
max-height: calc(132px + (178 - 132) * ((100vw - 768px) / (2400 - 768)));
margin-right: calc(25px + (100 - 25) * ((100vw - 768px) / (2400 - 768)));
}
.summer-banner img.old-price {
max-height: calc(32px + (93 - 32) * ((100vw - 768px) / (2400 - 768)));
}
.summer-banner img.new-price {
max-height: calc(50px + (134 - 50) * ((100vw - 768px) / (2400 - 768)));
}
.summer-banner-title {
font-size: calc(32px + (64 - 32) * ((100vw - 768px) / (2400 - 768)));
}
.summer-banner-desc {
font-size: calc(16px + (41 - 16) * ((100vw - 768px) / (2400 - 768)));
}
.summer-banner a.summer-button-cta {
font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (2400 - 768)));
}
}
@media (max-width: 768px) {
.summer-banner img.mobile-order-last {
max-height: 114px;
margin-right: 0;
}
.summer-banner img.old-price {
max-height: 22px;
}
.summer-banner img.new-price {
max-height: 49px;
}
.summer-banner-title {
font-size: 18px;
}
.summer-banner-desc {
font-size: 16px;
font-weight: 400;
}
.summer-banner-desc span {
font-weight: 700;
}
.summer-banner a.summer-button-cta {
font-size: 16px;
}
.summer-banner img.mobile-order-last {
order: 1;
}
.summer-banner .mobile-order-1 {
flex-wrap: wrap;
}
.summer-banner-content-wrapper {
gap: 25px;
}
}
@media (max-width: 658px) {
.summer-banner-content-wrapper {
gap: 2px;
}
.summer-banner .summer-banner-content-wrapper {
max-width: 217px;
}
}
@media (max-width: 450px) {
.summer-banner-desc {
max-width: 148px;
}
.summer-banner .price-wrapper {
gap: 0;
}
.summer-banner .price-wrapper {
flex-basis: 100%;
}
}
@media (min-width: 1200px) {
.summer-banner:before {
content: url(//laser-land.ru/wp-content/themes/laser-land/img/summer-banner/icecream.svg);
position: absolute;
right: 0;
bottom: -9px;
}
.summer-banner:after {
content: url(//laser-land.ru/wp-content/themes/laser-land/img/summer-banner/icecream2.svg);
position: absolute;
top: 0;
right: 0;
}
.summer-banner-desc span {
position: relative;
}
.summer-banner-desc span:before {
content: url(//laser-land.ru/wp-content/themes/laser-land/img/summer-banner/splash_2.svg);
position: absolute;
right: 0;
bottom: -29px;
}
.summer-banner-desc span:after {
content: url(//laser-land.ru/wp-content/themes/laser-land/img/summer-banner/splash_1.svg);
position: absolute;
top: -16px;
right: -22px;
}
}
.summer-popup {
background-color: #FF8A18;
background-repeat: no-repeat;
padding: 30px 50px;
width: 700px;
height: 500px;
}
.summer-popup-desc span {
position: relative;
}
.summer-popup-desc span:before {
content: url(//laser-land.ru/wp-content/themes/laser-land/img/summer-banner/splash_2.svg);
position: absolute;
right: 0;
bottom: -29px;
}
.summer-popup-desc span:after {
content: url(//laser-land.ru/wp-content/themes/laser-land/img/summer-banner/splash_1.svg);
position: absolute;
top: -16px;
right: -22px;
}
@media (max-width: 2400px) {
.summer-popup img.old-price {
max-height: 68px;
}
.summer-popup img.new-price {
max-height: 96px;
}
}
@media (max-width: 768px) {}
@media (max-width: 658px) {}
@media (max-width: 450px) {}
@media (min-width: 1200px) {}
.summer-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-size: contain;
background-position: left 58px;
display: flex;
flex-direction: column;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 999;
}
.summer-popup-title {
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 58px;
line-height: 96%;
letter-spacing: -4%;
color: #00001C;
text-align: center;
margin-bottom: 8px;
}
.summer-popup-desc {
font-size: 18px;
color: #00001C;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 96%;
letter-spacing: -4%;
text-align: center;
}
.price-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
} .summer-popup.show {
opacity: 1;
visibility: visible;
} .summer-popup-close {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 20px;
color: #000000;
cursor: pointer;
}
img.absolute.mobile-hidden {
position: absolute;
right: 0;
bottom: 0;
}
.popup-cf {
max-width: 327px;
display: flex;
flex-direction: column;
border-radius: 16px;
padding: 20px;
border: 1px solid #ffffff;
backdrop-filter: blur(5px);
background: #00000033;
gap: 10px;
}
.popup-cf h2,
.popup-cf input::placeholder {
color: #ffffff
}
.popup-cf h2 {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 96%;
letter-spacing: -4%;
text-align: center;
margin-bottom: 0;
}
.popup-cf input::placeholder {
font-family: Roboto;
font-weight: 400;
font-size: 16px;
line-height: 120%;
letter-spacing: 0%;
}
.popup-cf input {
padding: 16px 20px;
border-radius: 8px;
border: 1px solid #ffffff;
background: transparent;
}
.popup-cf input:focus {
outline: none;
}
.popup-cf h2::before {
content: none;
}
.popup-cf button[type="submit"] {
font-family: Roboto;
font-weight: 500;
font-size: 20px;
line-height: 120%;
letter-spacing: 0%;
color: #F7941D;
width: 100%;
background: #ffffff;
padding-block: 13.5px;
display: flex;
justify-content: center;
border-radius: 8px;
}
.page-id-11973 #section1 {
padding-top: 0;
}
@media (max-width: 600px) {
.page-id-11973 .first-banner-img-mobile {
height: 650px;
}
}