html { height: 100%; font-family: 'code_next', sans-serif; }
.page-section { padding-top: 6rem; padding-bottom: 6rem; }
.btn-social { border-radius: 100%; display: inline-flex; width: 3.25rem; height: 3.25rem; font-size: 1.25rem; justify-content: center; align-items: center; }
#mainNav { background: rgba(255, 255, 255, .9); font-family: 'code_nextsemibold', sans-serif; }
#mainNav .navbar-brand { color: #fff; }
#mainNav { z-index: 2000 }
#mainNav li a.nav-link { color: #060710; }
#mainNav.navbar-nav li.nav-item a.nav-link:hover { color: #1abc9c; }
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus { color: #fff; }
#mainNav .navbar-nav li.nav-item a.nav-link.active { color: #1abc9c; }
#mainNav .navbar-toggler { font-size: 80%; padding: 0.8rem; }
#mainNav .navbar-nav { flex: 0 0 100%; justify-content: space-between; padding-left: 200px }
#mainNav .btn-join { margin-top: 0; border: 1px solid #060710; font-family: 'code_next', sans-serif; font-weight: 400; padding: 8px 30px 6px; color: #060710; background: transparent }
@media only screen and (min-device-width:992px) {
#mainNav { padding-top: .5rem; padding-bottom: .5rem; transition: padding-top 0.3s, padding-bottom 0.3s; }
#mainNav .navbar-brand { font-size: 1.75em; transition: font-size 0.3s; }
#mainNav .navbar-nav { margin-top: 0; }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active { color: #fff; background: #1abc9c; }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover { color: #fff; background: #1abc9c; }
#mainNav.navbar-shrink { padding-top: 0.5rem; padding-bottom: 0.5rem; }
#mainNav.navbar-shrink .navbar-brand { font-size: 1.5em; }
}
.square { overflow: hidden; position: relative }
.square:before { content: ""; display: block; padding-top: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'code_nextbold', sans-serif; text-transform: uppercase; line-height: 1.1em; color: #2D2D2D }
h2 { margin-bottom: 3rem; }
h2.headline { font-size: 2rem; color: #060710; font-family: 'code_nextsemibold', sans-serif; text-transform: none; line-height: 1.25em }
.page-section div[class^="col-"] { position: relative }
p { font-size: 1.5rem; color: #060710; font-family: 'code_next', sans-serif; line-height: 1.4em }
.b-vr-advantages { }
.b-vr-advantages div.placeholder { top: 0; bottom: 0; position: absolute; padding: 24px 48px; display: flex; justify-content: flex-end; flex-flow: column; align-items: center }
.b-vr-advantages p.cta { font-size: 3.5rem; line-height: 1.2em; color: #fff; text-transform: uppercase; font-family: 'code_nextbold', sans-serif; margin-top: 4rem }
.b-vr-advantages p.details { font-size: 2rem; color: #fff; font-family: 'code_next', sans-serif; }
.b-vr-advantages var { font-size: 6rem; color: #fff; display: block; font-family: 'code_nextbold', sans-serif; font-style: normal; margin-bottom: 1.8rem; }
.b-vr-advantages img { max-width: 100%; }
.icon-watch-video { display: inline-block; width: 46px; height: 46px; background: url(../images/icon-watch-video) center center no-repeat; background-size: contain; vertical-align: -14px; margin-right: 12px; }
.b-vr-club-features { padding-left: 160px }
.b-vr-club-features>p { max-width: 90% }
.b-vr-club-features>p strong { font-weight: 400 }
.b-vr-club-features .content-holder { position: absolute; top: 14px; left: 7px; right: 7px; bottom: 0 }
.b-vr-club-features .content-holder img { max-width: 100%; width: 100%; height: auto }
.b-vr-club-features .desc-holder { position: absolute; bottom: 0; top: 0; left: 0; right: 0; padding: 24px 32px; display: flex }
.b-vr-club-features .desc-holder h3 { color: #fff; text-transform: none; font-size: 2rem; margin-top: auto; font-family: 'code_next', sans-serif; }
.b-intro { position: relative; height: 100% }
.b-intro h1 { position: absolute; bottom: 0; left: 0 }
.b-oculus-quest h2 { color: #060710; font-size: 3.5rem; }
.b-oculus-quest p strong { font-size: 1.5rem }
.b-oculus-quest p { font-size: 1.25rem }
.b-oculus-quest .bg{background:url(../images/bg-oculus-quest.jpg) center bottom no-repeat;background-size: 100% 80%;position: relative;margin-top:5rem}
.b-oculus-quest .container{z-index: 2; position: relative}
.b-spend-with-us { background: #060710; }
.b-spend-with-us p { color: #fff; font-size: 1.5rem }
.b-spend-with-us p.welcome-text { display: flex; align-items: center; margin-bottom: 3rem; max-width: 60% }
.b-spend-with-us h2 { color: #F70085; font-size: 7.5rem; margin-bottom: 1rem; line-height: .95em }
.b-spend-with-us h3 { line-height: 1.6em; }
.b-spend-with-us h3 a { color: #FFF; font-size: 3.5rem; cursor: pointer; text-decoration: none }
.b-spend-with-us h3 a:hover, .b-spend-with-us h3 a.active { color: #955EE3 }
.b-spend-with-us .img-holder{position: relative;margin-top:10rem}
.icon-heart { display: block; background: url(../images/icon-heart.svg) 0 0 no-repeat; background-size: contain; width: 133px; height: 120px; }
.b-restzone-places h2 { font-size: 3.5rem }
.b-restzone-places div[class^="col-"] { position: relative }
.b-restzone-places .desc-holder { }
.b-restzone-places h3 { color: #2D2D2D; font-size: 1.5rem; text-transform: none; font-family: 'code_nextsemibold', sans-serif; margin-top: 1rem }
.b-restzone-places img { width: 100%; max-width: 100%; }
.b-game-price h2 { color: #F70085 }
.b-game-price table { width: 100% }
.b-vr-locations h2 { color: #F70085; font-size: 2rem; }
.b-vr-locations h3 { line-height: 1.6em }
.b-vr-locations h3 a { color: #000; font-size: 3.5rem; text-decoration: none; cursor: pointer }
.b-vr-locations h3 a.active, .b-vr-locations h3 a:hover { color: #955EE3; }
.b-vr-locations h3 a.coming-soon { color: #BDBDBD; cursor: default }
.b-vr-locations h3 a.coming-soon:after { display: inline-block; content: 'СКОРО'; font-size: 1.5rem; border: 1px solid #955EE3; color: #955EE3; border-radius: 32px; margin-left: 20px; padding: 1px 24px; font-family: 'code_next', sans-serif; vertical-align: 14px; line-height: 40px; }
.jx-knightlab { display: none !important }
.b-testimonials a {text-decoration: none;display: block;position: relative;height: 440px;margin:0 auto}
.b-testimonials a img { position: absolute; object-fit: cover; width: 100%; height: 100%;}
.testimonials-img {position: relative; padding-bottom: 177%;}
.b-testimonials span { display: block; color: #2D2D2D; font-size: 1.5rem; text-transform: none; font-family: 'code_nextsemibold', sans-serif; margin-top: .4rem }
#testimonials-slider .slick-dots{margin-top:0rem;position: relative}
#testimonials-slider .slick-prev {left: 12px;}
#testimonials-slider .slick-next {right: 8px;}
.fancybox-infobar, .fancybox-toolbar{display:none !important}
.b-testimonials .slick-prev,.b-testimonials .slick-next{top:50%;transform:translateY(-50%);margin-top:-50px;bottom:auto;background: rgba(255, 255, 255, 0.6) !important;border-radius: 0 4px 4px 0;}
.b-testimonials .slick-next{border-radius: 4px 0px 0px 4px;}
.b-testimonials .slick-prev:before,.b-testimonials .slick-next:before{filter: invert(26%) sepia(99%) saturate(7481%) hue-rotate(319deg) brightness(95%) contrast(106%);}
.b-new-emotions { background: #060710; }
.b-new-emotions h2 { color: #fff; font-size: 7.5rem; line-height: .95em; margin-bottom: 8rem }
.b-new-emotions p { color: #fff; }
.text-pink { color: #F70085 }
.text-purple { color: #955EE3 }
.text-orange { color: #FF7A00 }
.text-turquoise { color: #00FFFD !important }
.text-orange { color: #EC7000 !important }
.text-grey { color: #2D2D2D !important }
.text-violet { color: #03175C !important }
.link-black { font-size: 1rem; color: #060710; text-decoration: none; }
.b-contact-us { background: url(../images/bg-contact-us.png) center center no-repeat; background-size: cover }
.b-contact-us h2 { color: #fff; font-size: 7.5rem; line-height: .95em; margin-bottom: 8rem }
address { color: #fff; font-size: 3.5rem; line-height: 1.2em; font-family: 'code_nextbold', sans-serif;}
address a { display: block; color: #fff; font-size: 3.5rem; line-height: 1.2em; font-family: 'code_nextbold', sans-serif; text-decoration: none; margin: 28px 0 0 }
address a:hover { color: #F9329D }
a.btn-present-a-game { display: block; background: url(../images/btn-present-a-game.png) center center no-repeat; background-size: contain; text-indent: -9999px; width: 300px; height: 300px; margin: 0 0 0 -30px; }
a.btn-request-a-call { display: block; background: url(../images/btn-request-a-call.svg) center center no-repeat; background-size: contain; text-indent: -9999px; width: 300px; height: 250px; margin: 0 0 0 -30px; }
.b-remove-blood h2 { font-size: 3.5rem }
.b-remove-blood p { font-size: 1.25rem }
.b-vr-faq { background: #060710; }
.b-vr-faq h2 { color: #fff; font-size: 7.5rem; line-height: .95em; margin-bottom: 8rem }
.b-vr-faq p { color: #fff; margin-bottom: 2.5rem; margin-left: 50% }
.b-vr-faq-item { border-bottom: 1px solid #4F4F4F; }
.b-vr-faq h3 { color: #fff; font-size: 2.5rem; margin: 1.75rem .25rem; cursor: pointer }
.b-vr-faq h3:hover { color: #955EE3 !important }
.b-vr-faq h3.collapsed { color: #fff }
.pano { width: 100%; height: 100%; margin: 0 auto; cursor: move; }
.pano .controls { position: relative; top: 40%; }
.pano .controls a { position: absolute; display: inline-block; text-decoration: none; color: #eee; font-size: 3em; width: 20px; height: 20px; }
.pano .controls a.left { left: 10px; }
.pano .controls a.right { right: 10px; }
.pano.moving .controls a { opacity: 0.4; color: #eee; }
footer { background: #060710 url(../images/bg-footer-grid.png) center center no-repeat; background-size: cover; padding-top: 4rem; padding-bottom: 2rem }
footer address { font-size: 2.5rem; text-transform: none; margin-bottom: 5rem }
footer address a { font-size: 2.5rem; text-transform: none; }
footer a.btn-present-a-game { display: block; background: url(../images/btn-present-a-game-f.png) center center no-repeat; background-size: contain; text-indent: -9999px; width: 280px; height: 300px; position: absolute; top: 67%; left: 40%; transform: translate(-50%, -50%) }
footer .timetable { font-family: 'code_nextbold', sans-serif; display: block; margin-bottom: 2rem; font-size: 1.5rem; text-transform: uppercase }
footer .logo-WARSTATION { display: inline-block; width: 158px; height: 110px; background: url(../images/warstation-logo-white.svg) center center no-repeat; background-size: contain; }
footer a.btn-request-a-call { display: block; background: url(../images/btn-request-a-call-blue.svg) center center no-repeat; background-size: contain; text-indent: -9999px; width: 170px; height: 210px; margin: 0 0 0 -30px; position: absolute; top: 40%; left: 62%; transform: translate(-50%, -50%) }
footer .icons-social a { display: inline-block; width: 48px; height: 48px; margin-right: 14px; border: 2px solid #fff; color: #fff; text-decoration: none; text-align: center; border-radius: 24px; line-height: 41px; }
footer .icons-social a ins { font-size: 20px; font-weight: 400; text-decoration: none }
.b-bottom-line { display: flex; justify-content: space-between; align-items: flex-end }
.b-bottom-line a { color: #4F4F4F; text-decoration: none }
#VR-gallery-shots>div { position: relative }
#VR-gallery-shots>div img { padding: 0 20px;max-height: 500px; height: auto; }
#VR-gallery-arena>div { position: relative }
#VR-gallery-arena>div img { padding: 0 20px;max-height: 500px;height: auto; }
#welcome-to-VR>div { position: relative; }
#welcome-to-VR div picture, #welcome-to-VR div img { display: block; width: 100%; height: auto; max-width: 100%; }
#welcome-to-VR div.container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#welcome-to-VR div[class^="col-"] { margin-bottom: 10% }
#welcome-to-VR h1, #welcome-to-VR h2 { font-size: 3.55rem; color: #fff; text-transform: uppercase; margin-bottom: .5rem }
#welcome-to-VR p { font-size: 1.15rem; color: #fff; text-transform: uppercase; font-family: 'code_nextsemibold', sans-serif; margin: 1rem 0 0 }
#welcome-to-VR .container.text-black p, #welcome-to-VR .container.text-black h1, #welcome-to-VR .container.text-black h2 { color: #2D2D2D; }
.btn-join { color: #6997CD; background: #fff; font-family: 'code_nextsemibold', sans-serif; text-transform: uppercase; padding: 12px 30px 10px; border-radius: 4px; text-decoration: none !important; margin-top: 2.5rem; display: inline-block; }
.btn-pink { color: #fff; background: #F70085; font-family: 'code_nextsemibold', sans-serif; text-transform: uppercase; padding: 12px 30px 10px; border-radius: 4px; text-decoration: none !important; display: inline-block; font-size: 1rem }
.btn-pink:hover { color: #fff }
#welcome-to-VR .slick-dots { bottom: 120px !important; }
#welcome-to-VR .slick-dots li button { background: #fff }
.slick-dots li button { background: #DADADA; display: block; width: 10px; height: 10px; border-radius: 5px; }
.slick-dots li button:before { display: none }
.slick-dots li.slick-active button { background: #955EE3; outline: 2px solid #955EE3; outline-offset: 3px; }
#welcome-to-VR .slick-dots li.slick-active button { outline: 2px solid #fff; outline-offset: 3px; }
.slick-prev, .slick-next { z-index: 1000; width: 60px; height: 316px; bottom: -25px; top: auto; display: block; background: rgba(255, 255, 255, 0.15) !important; }
.slick-prev:hover, .slick-next:hover { background: rgba(255, 255, 255, 0.45) !important; }
.slick-prev { left: 15px; }
.slick-next { right: 15px; }
.slick-prev:before, .slick-next:before { content: ''; display: block; width: 25px; height: 26px; background: transparent url(../images/btn-arrow-left.svg) center center no-repeat !important; margin: 0 auto; }
.slick-next:before { background: transparent url(../images/btn-arrow-right.svg) center center no-repeat !important }
.slick-slide { animation: opacity 1s linear }
#img-spend-with-us-frame { position: absolute; top: -20%; left: -17% }
#img-vr-locations { position: absolute; bottom: 27%; right: 0; max-width: 175% }
.b-game-price h2 { margin-bottom: 0; color: #2D2D2D; font-size: 2.5rem }
.nav-tabs { border: none; justify-content: flex-end; margin-left: auto; }
.nav-tabs .nav-item .nav-link { background: #fff; color: #955EE3; border: 1px solid #955EE3; border-width: 1px 1px 1px 0; border-radius: 0; padding: 6px 30px; text-transform: uppercase }
.nav-tabs .nav-item:first-child .nav-link { border-radius: 4px 0px 0px 4px; border-width: 1px; }
.nav-tabs .nav-item:last-child .nav-link { border-radius: 0 4px 4px 0; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background: #955EE3; border: 1px solid #955EE3; color: #fff }
.b-gallery h2 { font-size: 3.5rem }
.b-gallery .nav-tabs { margin-bottom: 1rem }
.b-gallery .nav-tabs .nav-item .nav-link { font-size: 2rem; background: #fff; color: #060710; border: none; padding: 0 0 12px; margin: 6px 30px; border-radius: 0; font-family: 'code_nextsemibold', sans-serif; }
.b-gallery .nav-tabs .nav-item.show .nav-link, .b-gallery .nav-tabs .nav-item .nav-link.active { border-bottom: 2px solid #F70085; }
.b-gallery .slick-prev, .b-gallery .slick-next { top: 50% }
.card {
border: none; }
.card .card-header {
display: none;
}
.card .collapse {
display: block;
}
table.game-prices { width: 100%; margin-bottom: 2rem; }
table.game-prices td { padding: 38px 0; width: 15%; font-size: 1.5rem; color: #060710; font-family: 'code_next', sans-serif; }
table.game-prices tr:first-child { border-bottom: 1px solid #E2E2E3 }
table.game-prices tr td:last-child { text-align: right }
table.game-prices tr td:first-child { width: 18% }
table.game-prices tr td:nth-child(2) { width: 20% }
table.game-prices strong, table.game-prices var { font-size: 2rem; color: #060710; font-family: 'code_nextsemibold', sans-serif; display: block; font-style: normal }
table.game-prices var { font-weight: 600 }
table.game-prices var small { color: #888; font-size: 1rem; font-family: 'code_next', sans-serif; font-weight: 400 }
table.game-prices .btn-pink { white-space: nowrap; }
.additional-info { padding-left: 0; padding-right: 0 }
.additional-info div { padding-left: 70px; margin-bottom: 32px; padding-right: 32px; border: 1px solid rgba(45, 45, 45, 0.23); box-sizing: border-box; border-radius: 9px; margin: 0 12px; padding: 20px 32px 20px 70px; }
#prices div.additional-info div:before { display: block; content: ''; background: url(../images/icon-fire-violet.svg) center center no-repeat; background-size: contain; width: 29px; height: 38px; position: absolute; left: 34px; }
.additional-info div p { font-size: 1rem; margin-bottom: 0 }
table.game-progress { text-align: center; margin: 2rem 0 2rem }
table.game-progress tr.filled td ins { display: block; background: #EAEAEA; height: 21px; margin: 0 10px; position: relative }
table.game-progress tr.filled td:first-child ins { margin: 0 10px 0 4px }
table.game-progress tr.filled td:last-child ins { margin: 0 4px 0 10px }
table.game-progress tr.filled td ins:before { content: ''; display: block; border: 1px solid #2d2d2d; border-width: 0 1px 0 0; width: 1px; height: 100%; position: absolute; top: 0; left: -11px }
table.game-progress tr.filled td:first-child ins:before { left: -4px }
table.game-progress tr.filled td:last-child ins:after { content: ''; display: block; border: 1px solid #2d2d2d; border-width: 0 1px 0 0; width: 1px; height: 100%; position: absolute; top: 0; right: -4px }
ins.icon-tooltip { display: inline-block; width: 21px; height: 21px; background: url(../images/icon-tooltip.svg) center center no-repeat; background-size: contain; margin-left: 10px; cursor: pointer; vertical-align: -2px; }
#bundles { padding-top: 32px }
#bundles table td { font-size: 1.125rem; text-align: center; width: 17%; padding: 10px 16px; }
#bundles table tr th:first-child { }
#bundles table th { font-size: 1.125rem; font-weight: 400; padding: 10px 16px }
#bundles table tr:nth-child(2n) { background: #F7F3FF }
#bundles table tr.spacer { background: #fff; }
#bundles table tr.spacer td { padding-top: 60px; position: relative }
#bundles table tr.spacer td:after { display: block; position: absolute; left: 0; right: 0; top: 50%; content: ''; border-top: 1px solid #C5C5C8 }
#bundles table tr:first-child { background: transparent; text-align: center; }
#bundles table tr:first-child th { color: #060710; font-family: 'code_nextsemibold', sans-serif; font-size: 1.25rem; padding: 10px 16px 0 }
#bundles table tr th, #bundles table tr td { border-right: 1px solid #C5C5C8 }
#bundles table tr td:last-child { border-right: none }
#bundles table tr:first-child th { border-right: none; }
.btn-book-a-time { display: block; width: 200px; height: 200px; background: url("..../images/btn-book-a-time.svg") center center no-repeat; background-size: contain; text-indent: -9999px; font-size: 0; }
tr.no-bg { background: transparent !important }
#bundles table tr.no-bg td:first-child { border-right: none !important }
#bundles table del { display: block; color: #2D2D2D; font-style: normal }
#bundles table var { display: block; color: #2D2D2D; font-style: normal; font-size: 1.5rem; font-family: 'code_nextsemibold', sans-serif; }
#bundles table strong { color: #2D2D2D; font-style: normal; font-size: 1.5rem; font-weight: 400; text-align: left; display: block; }
#additional-services { padding-top: 44px; }
#additional-services h4 { font-size: 1rem; font-family: 'code_nextsemibold', sans-serif; text-transform: uppercase; margin-bottom: .625rem }
#additional-services p { font-size: 1rem; font-family: 'code_next', sans-serif; margin-bottom: .625rem }
#additional-services var { font-size: 1rem; color: #7E24FF; font-style: normal; display: block; margin-bottom: .625rem }
#additional-services span { font-size: 1rem; color: #000; font-family: 'code_nextsemibold', sans-serif; text-transform: uppercase; }
#additional-services div[class^='col-'] { padding-left: 70px; margin-bottom: 32px; padding-right: 32px; }
#additional-services div[class^='col-']:before { display: block; content: ''; background: url(../images/icon-fire.svg) center center no-repeat; background-size: contain; width: 29px; height: 38px; position: absolute; left: 20px; }
#warstation-overlay { position: fixed; height: 100vh; width: 100vw; overflow: hidden; z-index: 1111 }
#warstation-overlay img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1111; width: 120%; }
.juxtapose-labels { position: absolute; bottom: 0; left: 0; right: 0; z-index: 6000 }
.juxtapose-labels span { color: #fff; font-size: 1.5rem; padding: 12px 24px }
.juxtapose-labels span:first-child { float: left; text-align: left }
.juxtapose-labels span:last-child { float: right; text-align: right }
.modal-dialog { }
#interrior { height: 750px; position: relative }
.icon-mouse { display: block; background: url(../images/icon-mouse.svg) center center no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto }
.b-pano-details { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) }
.b-pano-details h2 { color: #fff }
.no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */ }
.plain-text h2 { margin-top: 3rem }
.square-sm { overflow: hidden; position: relative }
#request-a-callback h4{color:#fff;font-size: 2rem;text-align: center;text-transform: none;font-family: 'code_nextsemibold', sans-serif;margin-bottom: 18px}
#request-a-callback label{color:#fff;font-size: .85rem;display: block}
#request-a-callback .input-text{border: 1px solid #BDBDBD;
box-sizing: border-box;border-radius: 4px;background:transparent; font-size: 1rem;display:block;width:100%;color:#fff;padding:12px 10px}
#request-a-callback .btn-submit{background: linear-gradient(51.92deg, #00FFFD 12.72%, #00BCF7 85.56%); border-radius: 4px;color:#FFFFFF;text-transform: uppercase;width: 100%;
display: block;font-size: .875rem;padding-top:14px;padding-bottom: 14px; border: none;margin:12px 0 16px; }
#request-a-callback .modal-header {border-bottom: none}
#request-a-callback p {color: #BDBDBD;font-size: .85rem}
#request-a-callback p a{color: #00EFFB;}
#request-a-callback .form-holder {max-width: 380px;margin:0 auto}
.modal-header .btn-close{background:url(../images/icon-close.svg) center center no-repeat; background-size:contain;opacity: 1;width:32px;height: 32px; padding:0; margin-top: 12px;
margin-right: 12px;}
@media only screen and (max-device-width:768px) {
.square-sm:before { content: ""; display: block; padding-top: 100%; }
.b-vr-advantages img { max-width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
#mainNav { display: none !important }
.page-section { margin-top: 5rem; margin-bottom: 2rem; padding-top: 0; padding-bottom: 0 }
.page-section h2 {margin-bottom: 1rem;font-size: 1.55rem; }
address, address a { font-size: 1.55rem }
p { font-size: 1.15rem }
#welcome-to-VR .slick-arrow { display: none !important }
#welcome-to-VR .btn-join { display: none !important }
#welcome-to-VR .slick-slide { height: 100vh; position: relative }
#welcome-to-VR .slick-slide picture { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 100%; height: auto }
#welcome-to-VR h1, #welcome-to-VR h2, .b-remove-blood h2, .b-restzone-places h2{ font-size: 1.75rem; padding-top: 2rem }
#welcome-to-VR .slick-dots { bottom: 10% !important; }
.b-remove-blood p{font-size: 1.15rem}
h2.headline { font-size: 1.55rem }
.b-oculus-quest .bg{margin-top:1rem}
.b-oculus-quest p{font-size: 1.15rem}
.b-vr-club-features { padding-left: 12px }
.b-vr-club-features>p { max-width: none }
.b-vr-club-features .desc-holder { padding: 8px 12px; }
.b-vr-club-features .desc-holder h3 { font-size: .95rem; font-family: 'code_nextsemibold', sans-serif; }
.b-vr-club-features .content-holder{left:12px;right:12px}
.b-vr-club-features div[class^="col-"]:nth-child(2n+1){padding-right:6px}
.b-vr-club-features div[class^="col-"]:nth-child(2n){padding-left:6px}
.b-gallery .nav-tabs .nav-item .nav-link{font-size: 1.4rem;margin-left:0}
.b-gallery .nav-tabs {justify-content: flex-start;}
.b-game-price .nav-tabs{ display:block}
.b-game-price .nav-tabs .nav-link{display: block;width: 100%;border-radius: 4px !important;margin:12px 0;padding:12px 0;border-width:1px}
.b-game-price .nav-tabs .nav-item.show .nav-link, .b-game-price .nav-tabs .nav-link.active{background:transparent;color:#955EE3}
.b-game-price table.game-prices td:nth-child(4){display: none }
.additional-info div{padding:10px 22px 10px 70px;margin: 8px 12px;}
.additional-info div p{font-size:.875rem;}
table.game-prices strong, #prices var{font-size: 1.25rem}
table.game-prices small{display:block}
table.game-prices td{padding:8px 0}
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label{width:60%!important}
.tablesaw-cell-content{width:35% !important}
table.game-prices tr td:nth-child(2) { width: 100% }
table.game-prices th .tablesaw-cell-label{display: none!important}
table.game-prices .tablesaw-cell-content strong{font-size: 1.75rem}
table.game-prices th .tablesaw-cell-content strong{font-size: 1.75rem;margin: .5rem 0}
#additional-services{padding-top: 16px}
#additional-services div[class^='col-']{padding-left: 52px;padding-right: 16px;}
#additional-services p{font-size: .875rem}
#additional-services div[class^='col-']:before{width: 18px}
.b-spend-with-us{padding-top:2rem}
.b-spend-with-us h2, .b-vr-faq h2, .b-new-emotions h2, .b-contact-us h2 { font-size: 2rem }
.b-vr-advantages p.cta, .b-spend-with-us h3 a, .b-vr-locations h3 a { font-size: 1.6rem; }
.b-spend-with-us h3, .b-vr-locations h3{ line-height: 1.4em ; }
.b-spend-with-us .img-holder{margin-top:1rem}
.b-vr-faq{margin-bottom: 0}
.b-vr-faq h3 { font-size: 1.5rem ;margin:1.15rem 0}
.b-vr-faq p, .b-vr-faq ul { margin-left: 0; font-size: 1.15rem; }
.b-restzone-places h3{font-size: 1rem;margin-bottom: 1.5rem;}
.b-restzone-places div[class^="col-"]:nth-child(2n+1){padding-right:4px}
.b-restzone-places div[class^="col-"]:nth-child(2n){padding-left:4px}
.b-new-emotions { padding-top: 3rem; padding-bottom: 3rem;margin-bottom: 0!important }
.b-new-emotions h2 { margin-bottom: 1.5rem }
#interrior { height: 60vh }
.b-vr-locations { overflow: hidden }
.b-vr-locations h3 a.coming-soon:after { font-size: .5rem; line-height: 15px; position: absolute; }
#img-vr-locations { position: relative; width: 100%; bottom: auto }
.b-spend-with-us p.welcome-text { max-width: none; font-size: 1rem;margin-bottom: 0rem }
#VR-gallery-arena>div img, #VR-gallery-shots>div img { padding: 0 15px; padding: 0 5px;
width: 100%;
height: auto;
max-height: 360px;}
#VR-gallery-shots .slick-prev, #VR-gallery-shots .slick-next { width: 40px; height: 120px; bottom: -25px;}
a.btn-request-a-call{width:100px !important}
.b-testimonials{margin-bottom: 4rem}
#testimonials-slider .slick-dots{margin-top: 0;}
.b-contact-us{padding-top:2rem;margin-bottom: 0}
a.btn-request-a-call{height: 110px;}
.b-vr-faq{padding-top:3rem;margin-top:0}
.b-pano-details{width:90%;text-align: center}
footer { overflow: hidden }
footer .timetable{font-size: 1.15rem}
footer a.btn-request-a-call{position: relative;margin:0 auto;height:120px;transform: none;top:auto;left:auto;}
footer .b-bottom-line{margin-top: 1rem !important; flex-wrap: wrap;align-items: center}
footer .b-bottom-line>.socials{flex:1 1 100%}
footer .b-bottom-line>a{flex:1}
footer .logo-WARSTATION, footer .icons-social{margin-bottom: 1rem}
footer address, footer address a { font-size: 1.55rem }
footer address{margin-bottom:1rem }
}
.required_links a{
margin: 0 30px;
}
.square .wraper-img {
width: 100%;
min-width: 100%;
position: relative;
}
/* .square .wraper-img div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} */
.btn-join {
box-sizing: border-box;
border: 1px solid #ffffff;
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
.btn-join.text-sky-light {
color: #79b7dc;
}
.btn-join.text-sky {
color: #92afdb;
}
.btn-join.text-rose {
color: #f2329f;
}
.btn-join.text-zink {
color: #505b90;
}
.btn-join.text-orange-light {
color: #f8a45c;
}
.btn-join.text-sky-light:hover,
.btn-join.text-sky:hover,
.btn-join.text-rose:hover,
.btn-join.text-zink:hover,
.btn-join.text-orange-light:hover {
color: #ffffff!important;
background-color: rgb(255 255 255 / 1%);
}
.link-black {
display: flex;
align-items: center;
width: fit-content;
margin-bottom: 1rem;
}
.link-black svg {
margin-right: 1rem;
}
.link-black svg circle{
stroke: #060710;
}
.link-black svg path{
fill: #060710;
}
.link-black:hover svg path {
fill: #0a58ca;
}
.link-black:hover svg circle {
stroke: #0a58ca;
}
.square .wraper-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.square .wraper-img .wrap-img_hidden{
width: 100%;
padding-top: 100%;
}
.square:before {
padding-top: 0;
}
.b-vr-club-features .content-holder {
position: static;
}
.b-vr-club-features .desc-holder h3 {
color: inherit;
font-size: 1.2rem;
}
.b-vr-club-features .desc-holder {
position: static;
padding: 0.7rem 0 1.5rem;
}
#arenashots, #gameshots {
position: relative;
}
.controls {
display: flex;
position: absolute;
bottom: 4%;
left: 48%;
right: 33%;
z-index: 10;
justify-content: end;
}
#gameshots .controls {
left: 51%;
right: 27%;
bottom: 3%;
}
.controls .prev,
.controls .next {
background-color: inherit;
border: none;
color: #FFFFFF;
}
.controls .next svg,
.controls .prev svg {
width: 68px;
height: 66.5px;
}
.controls .counter {
font-family: orbitron_black;
color: #FFFFFF;
font-size: 80px;
line-height: 96px;
text-align: center;
display: flex;
vertical-align: bottom;
margin-left: auto;
}
.controls .counter .slash {
margin-left: 0.2rem;
margin-right: 0.2rem;
}
/* slider end */
.b-spend-with-us h3 {
line-height: 73px;
}
/* panorama */
.b-pano-details h2 {
margin-bottom: 0;
}
.pano .controls {
left: 0;
margin-bottom: 3rem;
margin-top: 1rem;
justify-content: center;
}
.pano .controls span{
color: #ffffff;
font-family: code_nextregular;
font-weight: 700;
font-size: 18px;
line-height: 25px;
margin-left: 36px;
margin-right: 36px;
}
.pano .controls a {
position: static;
color: #ffffff;
position: static;
display: inline-block;
text-decoration: none;
font-size: inherit;
width: auto;
height: auto;
}
/* spends */
.b-spend-with-us .img-holder {
width: 100%;
min-height: 100px;
}
.b-spend-with-us h3 a {
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
#img-spend-with-us {
position: absolute;
top: -141%;
left: -30%;
}
#img-spend-with-us-frame {
position: absolute;
top: -196.5%;
left: -42.5%;
transform: rotate(10deg);
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
/* prise-tabs */
#prices-tab-list li {
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
table.game-prices .btn-pink {
box-sizing: border-box;
border: 1px solid #F70085;
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
table.game-prices .btn-pink:hover {
background-color: #ffffff;
color: #F70085;
}
/* adress */
address a {
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
.btn-book-a-time {
display: flex;
width: 200px;
height: 200px;
box-sizing: border-box;
border: 4px solid #F70085;
border-radius: 50%;
background-color: #F70085;
justify-content: center;
align-items: center;
color: #ffffff;
text-decoration: none;
font-family: 'code_nextsemibold';
font-size: 18px;
text-indent: 0%;
line-height: 25px;
text-align: center;
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
.btn-book-a-time:hover {
color: #F70085;
background-color: inherit;
}
/* locations */
.popup-slider {
position: absolute;
left: -75%;
right: 0;
top: 35%;
bottom: 27%;
/* opacity: 0.3; */
display: flex;
align-content: center;
justify-content: center;
}
.b-vr-locations h3 a {
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
.popup-slider:hover {
cursor: pointer;
}
#vr-locations-modal-fone {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000000;
opacity: 0.8;
z-index: 6500;
display: none;
}
#vr-locations-modal-slider {
position: fixed;
left: 24%;
right: 24%;
top: 20%;
bottom: 20%;
z-index: 7000;
display: none;
}
#vr-locations-modal-slider div {
display: flex;
align-self: center;
}
#vr-locations-modal-slider .slider {
display: flex;
width: 100%;
height: 100%;
position: relative;
}
#vr-locations-modal-slider .slider .prev button,
#vr-locations-modal-slider .slider .next button{
background-color: inherit;
border: none;
color: white;
align-self: center;
}
#vr-locations-modal-slider .slider .prev {
position: absolute;
left: -10%;
}
#vr-locations-modal-slider .slider .next {
position: absolute;
right: -10%;
}
#vr-locations-modal-slider .slider .slide {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
#vr-locations-modal-slider .slider .slide img {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
}
/* testimonials-slider */
.testimonial-title {
font-weight: 700;
font-size: 56px;
line-height: 73px;
}
#testimonials-slider .slick-prev.slick-arrow.slick-disabled,
#testimonials-slider .slick-next.slick-arrow.slick-disabled {
display: none!important;
}
#testimonials-slider .slick-prev {
left: 8px;
}
#testimonials-slider .slick-next {
right: 4px;
}
#testimonials-slider .testimonials-img {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
#testimonials-slider .testimonial-icon {
position: absolute;
z-index: 10;
left: 0;
right: 0;
top: 0;
bottom: -20px;
display: flex;
justify-content: center;
align-items: center;
}
/* present-VR-game */
a.btn-write-to-game {
/* display: block;
background: url(../images/btn-write-to-game.svg) center center no-repeat;
background-size: contain;
/* text-indent: -9999px; */
/* width: 300px; */
/* height: 250px; */
/* margin: 0 0 0 -30px; */
/* transform: rotate(-30deg); */
display: flex;
width: 225px;
height: 225px;
background-color: white;
border-radius: 50%;
justify-content: center;
align-items: center;
text-decoration: none;
color: black;
font-size: 32px;
line-height: 33px;
text-align: center;
/* font-weight: 700; */
font-family: 'code_nextbold';
box-shadow: 4px 8px 17px rgb(0 0 0 / 20%);
transform: rotate(-15deg);
-webkit-transition: all 0.5s 0s ease;
-moz-transition: all 0.5s 0s ease;
-o-transition: all 0.5s 0s ease;
transition: all 0.5s 0s ease;
margin-left: 2rem;
padding: 8rem;
}
a.btn-write-to-game:hover {
color: #ffffff;
background-color: #000000;
}
/* faq */
#faq-7-panel a {
text-decoration: none;
color: #FFFFFF;
}
#faq-7-panel a:hover {
color: #955EE3;
}
.b-vr-faq h3.collapsed {
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
/* footer */
footer .icons-social {
display: flex;
margin-right: auto;
margin-left: 2rem;
}
footer .icons-social a {
display: flex;
justify-content: center;
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
footer .icons-social a:hover {
color: #F9329D;
border-color: #F9329D;
}
.required_links a {
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
.required_links a:hover {
color: #ffffff;
}
/* franshize btn */
a.btn-franshize {
background-color: rgba(255,55,128, 0.2);
-webkit-box-shadow: 0px 0px 10px 4px rgb(34 60 80 / 20%) inset;
-moz-box-shadow: 0px 0px 10px 4px rgba(34, 60, 80, 0.2) inset;
box-shadow: 0px 0px 10px 3px rgb(243 46 124) inset;
display: flex;
box-sizing: border-box;
padding: 0.8rem 1.5rem;
justify-content: center;
border: 1px solid #ffffff;
border-radius: 7px;
position: relative;
overflow: hidden;
}
a.btn-franshize span {
color: #ffffff;
text-transform: uppercase;
font-family: 'code_nextbold';
font-size: 0.9rem;
line-height: 20px;
}
a.btn-franshize::before {
content: '';
position: absolute;
background-color: #f9fafb;
opacity: 0.1;
top: 0;
width: 1rem;
height: 100%;
transform: skewX(-50deg) translateX(-100px);
-webkit-transition: all 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;
}
a.btn-franshize:hover::before {
transform: skewX(-50deg) translateX(100px);
}
/* a.btn-franshize em {
position: absolute;
top: 14px;
left: 26px;
font-family: 'code_nextbold';
font-size: 18px;
line-height: 25px;
text-align: center;
z-index: 10;
color: #ffffff;
text-transform: uppercase;
font-style: normal;
} */
/* a.btn-franshize span{
display: block;
box-sizing: border-box;
background-color: rgba(255, 55, 128, .2);
mix-blend-mode: hard-light;
filter: blur(15.625px);
} */
/* a.btn-franshize > div > div > div > div{
box-sizing: border-box;
mix-blend-mode: hard-light;
border: 3.38542px solid #F32E7C;
filter: blur(15.625px);
border-radius: 7px;
}
a.btn-franshize > div > div > div {
box-sizing: border-box;
mix-blend-mode: hard-light;
border: 4.42708px solid #FF26C2;
filter: blur(5.20833px);
border-radius: 7px;
}
a.btn-franshize > div > div {
box-sizing: border-box;
mix-blend-mode: hard-light;
border: 3.38542px solid rgba(251, 55, 255, 0.2);
box-shadow: inset -0.338542px 0.677083px 0.338542px rgba(255, 255, 255, 0.5);
filter: drop-shadow(0px 5.20833px 6.77083px #990099) drop-shadow(0px 3.38542px 2.60417px rgba(77, 0, 66, 0.7));
border-radius: 7px;
}
a.btn-franshize > div {
box-sizing: border-box;
border: 2.08333px solid #FB37FF;
filter: blur(0.520833px);
border-radius: 7px;
} */
/* a.btn-franshize > div > div > div > div,
a.btn-franshize > div > div > div,
a.btn-franshize > div > div,
a.btn-franshize > div,
a.btn-franshize span {
border-radius: 50%;
border-radius: 50%;
width: 300%;
min-height: 300%;
margin-left: -100%;
margin-top: 0%;
overflow: hidden;
} */
/* end franshize btn */
a.btn-write-to-game.b {
/* background: url(../images/btn-b-write-to-game.svg) center center no-repeat; */
display: flex;
box-sizing: border-box;
border: 1px solid #00FFFD;
width: 224px;
height: 224px;
background-color: #00FFFD;
border-radius: 50%;
justify-content: center;
align-items: center;
text-decoration: none;
color: black;
font-size: 32px;
line-height: 27px;
text-align: center;
/* font-weight: 700; */
font-family: 'code_nextbold';
box-shadow: 4px 8px 17px rgb(0 0 0 / 20%);
transform: rotate(15deg);
-webkit-transition: all 0.5s 0s ease;
-moz-transition: all 0.5s 0s ease;
-o-transition: all 0.5s 0s ease;
transition: all 0.5s 0s ease;
margin-right: 2rem;
}
a.btn-write-to-game.b:hover {
background-color: rgba(0, 0, 0, .1);
color: #00FFFD;
}
/* nav */
#war-logo {
fill: #000000;
}
#mainNav {
transition: all 0.5 ease-in;
}
#mainNav .btn-join {
color: #ffffff;
border-color: #ffffff;
background-color: #F70085;
-webkit-transition: all 0.5s 0s ease;
-moz-transition: all 0.5s 0s ease;
-o-transition: all 0.5s 0s ease;
transition: all 0.5s 0s ease;
}
#mainNav .btn-join:hover {
color: #F70085;
border-color: #F70085;
background-color: rgb(255 255 255 / 10%);
}
#mainNav.white {
background: rgb(255 255 255 / 0%);
}
#mainNav.white #war-logo {
fill: #FFFFFF;
}
#mainNav.white li a.nav-link {
color: #FFFFFF;
}
#mainNav.white .btn-join {
color: #ffffff;
border-color: #ffffff;
background-color: rgb(255 255 255 / 0%);
}
#mainNav.black {
color: #000000!important;
}
#mainNav.black #war-logo {
fill: #000000!important;
}
#mainNav.black li a.nav-link {
color: #000000!important;
}
#mainNav.black .btn-join {
color: #000000!important;
border-color: #000000!important;
background-color: rgb(255 255 255 / 0%);
}
@media only screen and (min-device-width: 0px) and (max-device-width: 786px) {
#welcome-to-VR .slick-slide picture {
top: 40%;
}
.controls .next svg,
.controls .prev svg {
width: 27px;
height: 27px;
}
.controls .counter {
font-size: 36px;
line-height: 43px;
}
.controls {
bottom: 8%;
left: 35%;
right: 10%;
}
#gameshots .controls {
left: 25%;
right: 10%;
bottom: 8%;
}
.page-section h2 {
font-size: 1.5rem;
line-height: 32px;
}
.b-restzone-places h2 {
font-size: 2.4rem;
padding-top: 2rem;
margin-bottom: 2rem;
}
.col-lg-4.additional-info:last-child {
margin-top: 1.2rem;
}
#vr-locations-modal-slider {
left: 0%;
right: 0;
top: 40%;
bottom: 39%;
}
#vr-locations-modal-slider .slider .next {
position: absolute;
right: 10%;
bottom: -25%;
}
#vr-locations-modal-slider .slider .prev {
position: absolute;
left: 10%;
bottom: -25%;
}
.popup-slider {
left: 0%;
}
.b-vr-club-features .desc-holder h3 {
font-size: 1.1rem;
}
.b-vr-advantages var {
font-size: 3rem;
margin-bottom: 0.8rem;
}
.b-vr-advantages p.details {
font-size: 1.5rem;
margin-bottom: 0;
}
.testimonial-title {
font-size: 1.2rem;
}
.b-vr-advantages div.placeholder {
padding: 24px 16px 40px;
}
footer .b-bottom-line > a {
flex: 0;
margin-bottom: 30px;
}
a.btn-franshize {
min-width: 40%;
margin-bottom: 0px!important;
}
footer .logo-WARSTATION {
min-width: 30%;
order: 2;
}
footer .icons-social {
order: 3;
margin-bottom: 2rem;
margin-top: -1rem;
}
footer .required_links {
order: 4;
}
footer .required_links a{
color: #BDBDBD;
}
.b-spend-with-us h3 {
line-height: 30px;
}
#img-spend-with-us {
position: absolute;
top: 0%;
left: 0%;
}
#img-spend-with-us-frame {
display: none;
}
}
@media only screen and (min-device-width: 0px) and (max-device-width: 321px) {
#welcome-to-VR .slick-dots {
top: 75%!important;
}
}
@media only screen and (min-device-width: 322px) and (max-device-width: 424px) {
#welcome-to-VR .slick-dots {
top: 81%!important;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 375px) {
.b-spend-with-us .img-holder {
min-height: 330px;
}
#vr-locations-modal-slider {
top: 36%;
}
#gameshots .controls {
left: 35%;
}
}
@media only screen and (min-device-width: 376px) and (max-device-width: 425px) {
.b-spend-with-us .img-holder {
min-height: 375px;
}
#vr-locations-modal-slider {
top: 33%;
}
.controls {
left: 40%;
}
#gameshots .controls {
left: 37%;
}
}
@media only screen and (min-device-width: 425px) and (max-device-width: 786px) {
#welcome-to-VR .slick-dots {
top: 88%!important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
#welcome-to-VR .slick-dots {
top: 95%!important;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1440px) {
#welcome-to-VR .slick-dots {
bottom: 20px!important;
}
#img-spend-with-us-frame {
width: 120%;
}
}
@media only screen and (max-device-width: 1439px) {
#warstation-overlay {
display: none;
}
}
@media only screen and (min-device-width: 1440px) {
#warstation-overlay {
display: block;
}
}
#mainNavMobile .btn-join {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 0.8rem;
color: #ffffff;
border-color: #ffffff;
background-color: #F70085;
margin-top: 0;
}
#mainNavMobile {
background-color: #ffffff;
z-index: 9000;
box-shadow: 0px -4px 8px rgba(221, 221, 221, 0.15);
}
@media only screen and (min-device-width: 1024px) {
#mainNavMobile {
display: none;
}
}
@media only screen and (max-device-width: 1023px) {
footer {
padding-bottom: 6rem;
}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mobile {
display: none;
}
.b-vr-club-features .link-black.mobail {
display: none;
}
.b-vr-faq ul {
margin-top: -2rem;
color: #ffffff;
margin-left: 50%;
font-family: 'code_next', sans-serif;
font-size: 1.5rem;
}
@media only screen and (min-device-width: 0px) and (max-device-width: 375px) {
.mobile {
display: block;
}
#mainNavMobile .btn-join {
padding-left: 1.2rem;
padding-right: 1.2rem;
font-size: 0.6rem;
color: #ffffff;
border-color: #ffffff;
background-color: #F70085;
margin-top: 0;
}
.page-section h2 {
font-size: 26px;
font-family: 'code_nextsemibold';
font-weight: 600;
line-height: 31px;
}
.b-vr-club-features>p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-style: normal;
font-family: 'code_nextregular';
}
a.desktop {
display: none;
}
a.mobail {
margin-bottom: 2.5rem;
margin-top: 2rem;
}
/* b-vr-advantages */
section.b-vr-advantages {
padding-left: 0;
padding-right: 0;
}
.b-vr-advantages div.placeholder {
padding-bottom: 1rem;
}
.b-vr-advantages p.cta {
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 130%;
text-transform: uppercase;
color: #FFFFFF;
margin-top: 1rem;
display: flex;
flex-direction: column;
width: 100%;
}
.b-vr-advantages p.cta em{
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 130%;
text-transform: uppercase;
color: #00FFFD;
}
.b-vr-advantages p.details {
font-family: inherit;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: #FFFFFF;
}
.b-vr-advantages img {
max-width: 120%;
position: absolute;
top: 50%;
right: -20%;
transform: translateY(-50%);
}
.b-vr-advantages img.b-vr-advantages-map {
transform: translateY(-65%);
right: -25%;
min-width: 135%;
top: 55%;
}
.b-vr-advantages var {
font-size: 3rem;
line-height: 58px;
font-family: 'orbitron_black';
}
/* b-vr-advantages end */
/* b-vr-club-features */
#welcome-to-VR {
margin-bottom: 0;
}
#restzones-slider {
display: none;
}
.b-vr-club-features div[class^="col-"]:nth-child(2n+1) {
padding-right: 1rem;
padding-left: 2rem;
}
.b-vr-club-features .slick-slide {
margin-left: -1.9rem;
margin-right: 0rem;
}
.b-vr-club-features .desc-holder h3 {
font-size: 1.5rem;
position: absolute;
bottom: 0;
left: 0;
right: 20%;
margin-bottom: 5rem;
margin-left: 4rem;
color: #ffffff;
font-family: 'code_nextregular';
}
.b-vr-club-features .link-black.mobail {
display: flex;
}
.link-black.desktop {
display: none;
}
h2.headline {
font-size: 1.5rem;
}
/* b-vr-club-features end*/
/* b-gallery */
.b-gallery h2 {
font-size: 36px;
font-family: 'code_nextbold';
line-height: 47px;
}
/* b-gallery end */
/* b-oculus-quest */
.b-oculus-quest h2 {
font-family: 'code_nextbold';
font-size: 36px;
line-height: 47px;
}
.b-oculus-quest strong {
font-family: 'code_nextbold';
font-size: 20px;
line-height: 26px;
}
.b-oculus-quest p {
font-size: 14px;
line-height: 20px;
}
.b-oculus-quest {
margin-bottom: 5rem;
}
/* b-oculus-quest */
/* relax-zone */
.b-restzone-places h2 {
font-family: 'code_nextbold';
font-size: 36px;
line-height: 47px;
}
.b-restzone-places div[class^="col-"]:nth-child(2n+1) {
padding-right: 1rem;
}
.b-restzone-places .slick-slide {
margin-right: 1rem;
margin-left: -1rem;
}
.b-restzone-places .desc-holder {
position: relative;
}
.b-restzone-places h3 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
position: absolute;
top: -68px;
left: 24px;
right: 0;
z-index: 9999;
color: #ffffff;
font-family: 'code_nextsemibold';
line-height: 31px;
}
/* relax-zone end*/
/* b-remove-blood */
.b-remove-blood-frame {
margin-left: -12px;
margin-right: -12px;
}
.b-remove-blood h2 {
font-family: 'code_nextbold';
font-size: 36px;
line-height: 47px;
}
.b-remove-blood p {
display: none;
}
.juxtapose-labels span {
color: #fff;
font-size: 1rem;
font-family: 'code_nextbold';
}
/* b-remove-blood end */
/* b-vr-locations */
.b-vr-locations {
margin-top: 5.5rem;
}
.b-vr-locations h2 {
font-family: 'code_nextsemibold';
font-size: 32px;
line-height: 42px;
}
.b-vr-locations h3 a {
font-family: 'code_nextsemibold';
font-size: 28px;
line-height: 36px;
text-transform: none;
}
#vr-locations-popup {
left: 0;
}
/* b-vr-locations end */
/* .b-contact-us */
.b-contact-us h2 {
font-size: 36px;
line-height: 46px;
font-family: 'code_nextbold';
}
.b-contact-us address {
font-size: 28px;
line-height: 36px;
font-family: 'code_nextsemibold';
}
.b-contact-us address a {
font-size: 28px;
line-height: 36px;
font-family: 'code_nextsemibold';
margin-top: 12px;
}
.b-contact-us .btn-write-to-game {
margin-bottom: 4rem;
width: 135px;
height: 135px;
font-size: 20px;
line-height: 26px;
font-family: 'code_nextbold';
padding: 6rem;
margin-left: auto;
margin-right: auto;
margin-top: 3rem;
}
/* .b-contact-us end */
/* v-br-faq */
.b-vr-faq h2 {
font-size: 36px;
line-height: 32px;
margin-bottom: 2rem;
margin-left: 0;
}
.b-vr-faq h3 {
font-size: 1rem;
line-height: 20px;
margin-left: 0;
}
.b-vr-faq p {
font-size: 14px;
line-height: 20px;
}
.b-vr-faq ul {
margin-left: 0;
font-size: 14px;
line-height: 20px;
}
/* v-br-faq end */
/* footer */
footer .timetable {
font-size: 1rem;
}
footer address {
font-size: 28px;
line-height: 34px;
font-family: 'code_nextsemibold';
}
a.btn-write-to-game.b {
max-width: 140px;
max-height: 140px;
font-size: 20px;
padding: 6rem;
margin-top: 3rem;
}
a.btn-franshize {
width: 143px;
min-width: 143px;
}
a.btn-franshize em {
font-size: 14px;
line-height: 20px;
left: 22%;
top: 16px;
}
footer .icons-social {
margin-left: 0rem;
}
.required_links a {
margin-left: 0rem;
line-height: 2;
}
footer address a {
font-size: 28px;
line-height: 36px;
font-family: 'code_nextsemibold';
margin-top: 12px;
}
/* footer end */
}
@media only screen and (min-device-width: 376px) and (max-device-width:768px) {
/* b-vr-advantages */
section.b-vr-advantages {
padding-left: 0;
padding-right: 0;
}
.b-vr-advantages div.placeholder {
padding-bottom: 1rem;
}
.b-vr-advantages p.cta {
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 56px;
line-height: 130%;
text-transform: uppercase;
color: #FFFFFF;
margin-top: 1rem;
display: block;
width: 100%;
}
.b-vr-advantages p.cta em{
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 56px;
line-height: 130%;
text-transform: uppercase;
color: #00FFFD;
}
.b-vr-advantages p.cta em > br {
display: none;
}
.b-vr-advantages p.details {
font-family: inherit;
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 130%;
color: #FFFFFF;
width: 100%;
}
.b-vr-advantages var {
font-size: 4rem;
line-height: 58px;
font-family: 'orbitron_black';
}
.b-vr-advantages img.b-vr-advantages-map {
transform: translateY(-50%);
right: 0%;
min-width: 100%;
top: 50%;
}
.b-vr-advantages img {
min-width: 100%;
width: 100%;
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
}
/* b-vr-advantages end*/
/* b-vr-club-features */
#welcome-to-VR {
margin-bottom: 0;
}
#restzones-slider {
display: none;
}
.b-vr-club-features div[class^="col-"]:nth-child(2n+1) {
padding-right: 1rem;
padding-left: 2rem;
}
.b-vr-club-features .slick-slide {
margin-left: -1.9rem;
margin-right: 0rem;
}
.b-vr-club-features .desc-holder h3 {
font-size: 1.5rem;
position: absolute;
bottom: 0;
left: 0;
right: 30%;
margin-bottom: 5rem;
margin-left: 4rem;
color: #ffffff;
font-family: 'code_nextregular';
}
.b-vr-club-features .link-black.mobail {
display: flex;
margin-bottom: 2.5rem;
margin-top: 2rem;
}
.link-black.desktop {
display: none;
}
/* b-vr-club-features end*/
/* b-gallery */
.b-gallery h2 {
font-size: 36px;
font-family: 'code_nextbold';
line-height: 47px;
}
/* b-gallery end */
/* b-oculus-quest */
.b-oculus-quest h2 {
font-family: 'code_nextbold';
font-size: 36px;
line-height: 47px;
}
.b-oculus-quest strong {
font-family: 'code_nextbold';
font-size: 20px;
line-height: 26px;
}
.b-oculus-quest p {
font-size: 14px;
line-height: 20px;
}
.b-oculus-quest {
margin-bottom: 5rem;
margin-top: 5rem;
}
/* b-oculus-quest */
/* relax-zone */
.b-restzone-places h2 {
font-family: 'code_nextbold';
font-size: 36px;
line-height: 47px;
}
.b-restzone-places div[class^="col-"]:nth-child(2n+1) {
padding-right: 1rem;
}
.b-restzone-places .slick-slide {
margin-right: 1rem;
margin-left: -1rem;
}
.b-restzone-places .desc-holder {
position: relative;
}
.b-restzone-places h3 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
position: absolute;
top: -68px;
left: 24px;
right: 0;
z-index: 9999;
color: #ffffff;
font-family: 'code_nextsemibold';
line-height: 31px;
}
/* relax-zone end*/
/* b-remove-blood */
.b-remove-blood-frame {
margin-left: -12px;
margin-right: -12px;
}
.b-remove-blood h2 {
font-family: 'code_nextbold';
font-size: 36px;
line-height: 47px;
}
.b-remove-blood p {
display: none;
}
.juxtapose-labels span {
color: #fff;
font-size: 1rem;
font-family: 'code_nextbold';
}
/* b-remove-blood end */
/* b-vr-locations */
.b-vr-locations {
margin-top: 5.5rem;
margin-bottom: 5rem;
}
.b-vr-locations h2 {
font-family: 'code_nextsemibold';
font-size: 32px;
line-height: 42px;
}
.b-vr-locations h3 a {
font-family: 'code_nextsemibold';
font-size: 28px;
line-height: 36px;
text-transform: none;
}
#vr-locations-popup {
left: 0;
}
/* b-vr-locations end */
/* .b-contact-us */
.b-contact-us h2 {
font-size: 36px;
line-height: 46px;
font-family: 'code_nextbold';
}
.b-contact-us address {
font-size: 28px;
line-height: 36px;
font-family: 'code_nextsemibold';
}
.b-contact-us address a {
font-size: 28px;
line-height: 36px;
font-family: 'code_nextsemibold';
margin-top: 12px;
}
.b-contact-us .btn-write-to-game {
margin-bottom: 4rem;
width: 135px;
height: 135px;
font-size: 20px;
line-height: 26px;
font-family: 'code_nextbold';
padding: 6rem;
margin-left: auto;
margin-right: auto;
margin-top: 3rem;
}
/* .b-contact-us end */
/* v-br-faq */
.b-vr-faq h2 {
font-size: 36px;
line-height: 32px;
margin-bottom: 2rem;
margin-left: 0;
}
.b-vr-faq h3 {
font-size: 1rem;
line-height: 20px;
margin-left: 0;
}
.b-vr-faq p {
font-size: 14px;
line-height: 20px;
}
.b-vr-faq ul {
margin-left: 0;
font-size: 14px;
line-height: 20px;
}
/* v-br-faq end */
/* footer */
footer .timetable {
font-size: 1rem;
}
footer address {
font-size: 28px;
line-height: 34px;
font-family: 'code_nextsemibold';
}
a.btn-write-to-game.b {
max-width: 140px;
max-height: 140px;
font-size: 20px;
padding: 6rem;
margin-top: 3rem;
}
a.btn-franshize {
width: 143px;
min-width: 143px;
}
a.btn-franshize em {
font-size: 14px;
line-height: 20px;
left: 22%;
top: 16px;
}
footer .icons-social {
margin-left: 0rem;
}
.required_links a {
margin-left: 0rem;
}
footer .icons-social {
min-width: 100%;
}
footer address a {
font-size: 28px;
line-height: 36px;
font-family: 'code_nextsemibold';
margin-top: 12px;
}
/* footer end */
}
@media only screen and (min-device-width: 769px) {
/* b-vr-advantages */
.b-vr-advantages p.cta {
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 56px;
line-height: 60px;
text-transform: uppercase;
color: #FFFFFF;
margin-top: 4rem;
display: block;
width: 100%;
}
.b-vr-advantages p.cta em{
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 56px;
line-height: 130%;
text-transform: uppercase;
color: #00FFFD;
}
.b-vr-advantages var {
font-size: 4rem;
line-height: 58px;
font-family: 'orbitron_black';
}
/* b-vr-advantages end*/
/* b-vr-club-features */
#restzones-slider {
display: flex;
}
#restzones-slider-mobile {
display: none;
}
.link-black.desktop {
display: flex;
}
/* b-vr-club-features end*/
/* b-gallery */
.b-gallery h2 {
font-size: 56px;
font-family: 'code_nextbold';
line-height: 73px;
}
/* b-gallery end */
/* b-oculus-quest */
.b-oculus-quest h2 {
font-family: 'code_nextbold';
font-size: 56px;
line-height: 73px;
}
.b-oculus-quest strong {
font-family: 'code_nextbold';
font-size: 24px;
line-height: 31px;
}
.b-oculus-quest p {
font-size: 16px;
line-height: 22px;
}
/* b-oculus-quest */
/* relax-zone */
.b-restzone-places h2 {
font-size: 56px;
line-height: 73px;
}
/* relax-zone end*/
/* b-remove-blood */
.b-remove-blood h2 {
font-size: 56px;
line-height: 62px;
}
.b-remove-blood p {
font-size: 16px;
line-height: 22px;
}
.juxtapose-labels span {
color: #fff;
font-size: 40px;
font-family: 'code_nextbold';
line-height: 52px;
}
/* b-remove-blood end */
/* b-vr-locations */
.b-vr-locations h2 {
font-family: 'code_nextsemibold';
font-size: 32px;
line-height: 42px;
}
.b-vr-locations h3 a {
font-family: 'code_nextbold';
font-size: 56px;
line-height: 73px;
}
.popup-slider {
top: 50%;
}
/* b-vr-locations end */
/* footer */
a.btn-franshize {
width: 158px;
max-width: 158px;
}
/* footer end*/
}
.btn-join.mobile {
font-size: 14px;
}
.b-spend-with-us.spend-mobile h2 {
font-family: 'code_nextbold';
font-size: 46px;
line-height: 43px;
}
.b-spend-with-us.spend-mobile .icon-heart {
width: 260px;
height: 160px;
margin-left: -1.5rem;
}
.b-spend-with-us.spend-mobile p {
font-family: 'code_nextbold';
font-size: 20px;
line-height: 26px;
}
#spend-with-slider {
width: 100%;
margin-top: 2rem;
}
#spend-with-slider div {
box-sizing: border-box;
width: 100%;
align-items: center;
}
#spend-with-slider img {
max-width: 70%;
}
#spend-with-slider p{
font-family: 'code_nextsemibold';
font-size: 28px;
line-height: 36px;
max-width: 70%;
margin-top: 4rem;
margin-bottom: 2.8rem;
width: 100%;
}
#spend-with-slider .slick-dots li button {
background: inherit;
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
border: 1px solid #FFFFFF;
}
#spend-with-slider .slick-dots li.slick-active button {
outline: none;
background-color: rgba(255, 255, 255, 0.4);
}
#spend-with-slider-frame {
position: absolute;
z-index: 1000;
left: 0;
right: 0;
bottom: 10%;
top: 0;
display: flex;
justify-content: center;
align-items: baseline;
}
#spend-with-slider-frame img {
width: 75%;
max-height: 90%;
transform: rotate(30deg);
}
/* ++++++++++++++++++++++++++++++ prices-tab-content-mobile +++++++++++++++++++++++++++++++++++++++ */
#VR-game-prices-mobile .nav-link.active{
background-color: #955EE3;
color: #FFFFFF;
}
/* mobile price-tab */
.t-pr_title {
font-size: 24px;
line-height: 32px;
font-family: 'code_nextbold';
color: #F70085;
}
.t-pr_day {
font-size: 28px;
line-height: 36px;
font-family: 'code_nextsemibold';
color: #060710;
}
.t-pr_btw {
font-size: 16px;
line-height: 22px;
color: #F70085;
}
.t-pr_head {
font-size: 18px;
line-height: 25px;
color: #060710;
font-family: 'code_nextregular';
text-transform: uppercase;
}
.t-pr_price {
font-family: 'code_nextsemibold';
font-size: 28px;
line-height: 36px;
color: #060710;
}
.t-pr_progress-title {
font-family: 'code_nextregular';
font-size: 14px;
line-height: 20px;
color: #060710;
}
.t-pr_progress {
height: 10px;
background-color: #F2F2F2;
}
#prices-mobile div.additional-info div:before {
display: block; content: '';
background: url(../images/icon-fire-violet.svg) center center no-repeat;
background-size: contain;
width: 29px;
height: 38px;
position: absolute;
left: 34px;
top: 33%;
}
.additional-info div p {
font-family: 'code_nextregular';
}
/* mobile bundless */
.bundeles_section {
overflow: scroll;
max-height: 400px;
scrollbar-color: #BC9BFF #F2F2F2;
scrollbar-width: thin;
padding-bottom: 100px;
}
#bundles-mobile h3 {
font-size: 24px;
line-height: 24px;
font-family: 'code_nextbold';
color: #F70085;
margin-bottom: 0;
}
#bundles-mobile button {
background-color: inherit;
border: none;
outline: none;
}
.bundles_wrap {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
line-height: 20px;
font-family: 'code_nextregular';
box-sizing: border-box;
padding: 0.3rem 0.5rem;
}
.bundles_wrap:nth-child(odd) {
background-color: #F7F3FF;
}
.bundles_text {
max-width: 70%;
}
.bundles_status {
/* max-width: 30%; */
}
.bundeles_price span {
font-size: 24px;
line-height: 34px;
font-family: 'code_nextregular';
}
.bundeles_price span.bundles_old {
font-size: 14px;
line-height: 18px;
font-family: 'code_nextregular';
color: #2D2D2D;
text-decoration: line-through;
text-align: center;
}
.bundeles_price span.bundles_new {
font-size: 20px;
line-height: 26px;
font-family: 'code_nextbold';
color: #2D2D2D;
}
/* */
#additional-services-mobile h3 {
font-size: 24px;
line-height: 31px;
color: #F70085;
text-transform: uppercase;
}
#additional-services-mobile h4 {
font-size: 14px;
font-family: 'code_nextsemibold', sans-serif;
text-transform: uppercase;
margin-bottom: .625rem
}
#additional-services-mobile p {
font-size: 14px;
font-family: 'code_next', sans-serif;
margin-bottom: .625rem
}
#additional-services-mobile var {
font-size: 14px;
color: #7E24FF;
font-style: normal;
display: block;
margin-bottom: .625rem
}
#additional-services-mobile span {
font-size: 14px;
color: #000;
font-family: 'code_nextsemibold', sans-serif;
text-transform: uppercase;
}
#additional-services-mobile div[class^='col-'] {
padding-left: 64px;
margin-bottom: 32px;
padding-right: 32px;
}
#additional-services-mobile div[class^='col-']:before {
display: block;
content: '';
background: url(../images/icon-fire.svg) center center no-repeat;
background-size: contain;
width: 29px;
height: 38px;
position: absolute;
left: 14px;
}
#additional-services-mobile .additional_scroll {
overflow: scroll;
max-height: 550px;
scrollbar-color: #BC9BFF #F2F2F2;
scrollbar-width: thin;
}
/* */
div.jx-controller {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
height: 54px;
width: 11px;
margin-left: -4px;
background-color: #F70085;
border-radius: 3px;
border: 1px solid #ffffff;
}
div.jx-controller::before {
position: absolute;
content: url('../images/remove-blood_min.svg');
top: 0px;
left: -1px;
}
@media only screen and (min-device-width: 1439px) {
div.jx-controller::before {
position: absolute;
content: url('../images/remove-blood.svg');
top: -28px;
left: -6px;
}
}
div.jx-arrow.jx-left {
display: none;
}
div.jx-arrow.jx-right {
display: none;
}
/* mobile nav */
.mobile_menu-btn {
border: none;
outline: none;
background-color: inherit;
}
.mobile_menu-wrap {
display: none;
position: fixed;
box-sizing: border-box;
padding: 2rem;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #ffffff;
z-index: 8500;
-webkit-transition: all 0.4s 0s linear;
-moz-transition: all 0.4s 0s linear;
-o-transition: all 0.4s 0s linear;
transition: all 0.4s 0s linear;
}
.mobile_menu-close-btn {
background-color: inherit;
border: none;
padding: 0;
}
.mobile_menu li {
margin-bottom: 1.5rem;
}
.mobile_menu {
background-color: #ffffff;
margin-bottom: 8px;
padding-left: 0;
list-style: none;
}
.mobile_menu-link {
color: #060710;
text-decoration: none;
font-family: 'code_nextbold';
font-size: 32px;
line-height: 42px;
}
.mobile_menu-link:hover {
color: #060710;
}
.mobile_menu-link.phone {
font-family: 'code_nextsemibold';
font-size: 28px;
line-height: 36px;
}
/* +++++++++++++++++++++++++++++++++++++++++++ */
.mobile_price-wrap {
position: fixed;
left: 0;
right: 0;
top: 0;
background-color: #ffffff;
z-index: 8990;
display: none;
-webkit-transition: all 0.5s 0s linear;
-moz-transition: all 0.5s 0s linear;
-o-transition: all 0.5s 0s linear;
transition: all 0.5s 0s linear;
}
#prices-tab-content-mobile {
padding: 1rem;
}
.mobile_price-wrap .additional-info div {
padding: 10px 22px 10px 70px;
margin: 8px 12px;
position: relative;
}
#prices-mobile {
max-height: 90vh;
display: none;
}
#prices-mobile .game-prices-mobile{
max-height: 80vh;
overflow-y: scroll;
margin-right: -1rem;
padding-right: 1rem;
padding-bottom: 60px;
}
#prices-mobile div.additional-info div:before {
left: 20px;
top: 33%;
}
#bundles-mobile {
max-height: 90vh;
display: none;
}
#bundles-mobile .bundeles_section {
overflow-y: scroll;
max-height: 80vh;
margin-right: -0.5rem;
padding-right: 0.5rem;
}
#additional-services-mobile {
max-height: 90vh;
display: none;
}
#additional-services-mobile .additional_scroll {
max-height: 80vh;
margin-right: -1rem;
padding-right: 1rem;
padding-bottom: 60px;
}
#additional-services-mobile div[class^='col-'] {
position: relative;
}
.prices-tab-mobile_close {
background-color: inherit;
border: none;
font-family: 'code_nextregular';
font-size: 14px;
color: #4F4F4F;
margin-bottom: 1rem;
}
#VR-game-prices-mobile .nav-link.active {
background-color: #FFFFFF;
color: #955EE3;
}
/* ==================================== */
#vr-locations-modal-slider {
top: inherit;
}
.b-vr-locations-mobile {
}
.b-vr-locations-mobile h3 a.active,
.b-vr-locations-mobile h3 a:hover {
color: inherit;
}
#vr-locations-modal-slider-mobile {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 7000;
display: flex;
flex-direction: column;
padding-top: 2rem;
padding-bottom: 2rem;
display: none;
background-color: rgb(0 0 0 / 90%);
}
#vr-locations-modal-slider-mobile button {
border: none;
background-color: inherit;
margin-right: 1rem;
}
#vr-locations-modal-slider-mobile .mobile-next {
bottom: -4rem;
right: 3rem;
margin-right: 0;
}
#vr-locations-modal-slider-mobile .mobile-prev {
bottom: -4rem;
left: 3rem;
}
#vr-locations-modal-slider-mobile img {
max-width: 100%;
height: auto;
object-fit: cover;
margin-top: 10rem;
}
#faq-tabs a{
text-decoration: none;
color: #ffffff;
}
footer .b-bottom-line {
margin-top: 5rem!important;
}
@media only screen and (min-device-width: 666px) {
#vr-locations-modal-slider-mobile {
z-index: 9500;
}
#vr-locations-modal-slider-mobile img {
max-width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: -6rem;
}
#vr-locations-modal-slider-mobile .mobile-next {
bottom: 50%;
right: 0;
}
#vr-locations-modal-slider-mobile .mobile-prev {
bottom: 50%;
left: 0;
}
}
.b-restzone-places img {
object-fit: cover;
}
.b-vr-locations h3 a {
text-transform: none;
}
footer .icons-social a {
justify-items: center;
align-items: center;
border-width: 1px;
}
footer .icons-social a svg {
stroke-width: 1px;
stroke: #ffffff;
width: 20px;
height: 16px;
}
footer .icons-social a:hover svg {
stroke: #F9329D;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
.page-section h2 {
font-size: 5rem;
line-height: 4.5rem;
}
.page-section h2.headline {
font-size: 2.5rem;
line-height: 3rem;
}
#restzones-slider {
align-items: stretch;
margin-right: 0rem;
margin-left: 0rem;
padding-top: 1rem;
}
#restzones-slider .square {
margin-bottom: 1rem;
}
.b-vr-club-features div[class^="col-"]:nth-child(2n+1) {
padding-left: 0;
padding-right: 0.5rem;
}
.b-vr-club-features div[class^="col-"]:nth-child(2n) {
padding-left: 0.5rem;
padding-right: 0;
}
.b-vr-club-features .desc-holder {
padding-bottom: 0;
padding-top: 0;
}
.b-vr-club-features .desc-holder h3 {
bottom: -4rem;
left: -2.5rem;
right: 0%;
}
.b-vr-advantages p.cta {
font-size: 80px;
}
.b-vr-advantages p.cta em{
font-size: 80px;
}
.b-vr-advantages p.details {
font-size: 46px;
}
.b-vr-advantages img.b-vr-advantages-map {
top: 40%;
}
/* ++++++++++++++++++++++++ */
.controls {
bottom: 5%;
left: 55%;
right: 20%;
}
#gameshots .controls {
left: 63%;
right: 10%;
bottom: 5%;
}
.b-gallery .nav-tabs .nav-item .nav-link {
font-size: 2rem;
}
/* ------------------------------ */
.b-oculus-quest h2 {
font-size: 80px;
margin-bottom: 3rem;
}
.b-oculus-quest p {
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 2rem;
}
.b-oculus-quest p strong {
font-size: 2rem;
line-height: 2.5rem;
}
/* =========================================== */
.b-spend-with-us.spend-mobile h2 {
font-size: 80px;
line-height: 80px;
margin-top: 5rem;
}
.b-spend-with-us.spend-mobile p {
font-size: 2rem;
line-height: 2.5rem;
}
/* ------------------------------------------ */
#VR-game-prices-mobile h2 {
font-size: 4rem;
line-height: 4.5rem;
}
.t-pr_title {
font-size: 36px;
line-height: 32px;
}
#prices-mobile .game-prices-mobile {
max-height: 75vh;
}
.t-pr_btw {
font-size: 20px;
line-height: 22px;
}
.t-pr_head {
font-size: 24px;
line-height: 25px;
}
.t-pr_price {
font-size: 32px;
line-height: 36px;
}
.t-pr_progress-title {
font-size: 16px;
line-height: 32px;
}
#prices-mobile div.additional-info div:before {
left: 20px;
top: 20%;
}
#bundles-mobile h3 {
font-size: 36px;
line-height: 36px;
}
.bundles_wrap {
font-size: 1rem;
line-height: 1.5rem;
}
#bundles-mobile .bundeles_section {
overflow-y: scroll;
max-height: 75vh;
overflow-x: hidden;
}
#additional-services-mobile h3 {
font-size: 36px;
line-height: 36px;
}
#additional-services-mobile h4,
#additional-services-mobile p,
#additional-services-mobile var {
font-size: 16px;
}
/* ========================================================== */
.b-restzone-places h3 {
z-index: 7000;
}
.b-new-emotions h2 {
font-size: 5rem;
line-height: 4.5rem;
margin-top: 5rem;
margin-bottom: 4rem;
}
.b-new-emotions p {
font-size: 1.5rem;
line-height: 2rem;
}
.b-vr-locations-mobile h2{
font-size: 3.5rem;
}
.b-vr-locations h3 {
font-size: 3rem;
line-height: 0;
}
.b-vr-faq h3 {
font-size: 1.5rem;
line-height: 2rem;
}
.b-vr-faq p {
font-size: 1rem;
line-height: 1.5rem;
}
footer .timetable {
font-size: 2rem;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
#mainNav .container {
padding-left: 0;
padding-right: 0;
}
#mainNav {
display: none!important;
}
#mainNavMobile {
display: flex!important;
}
.container {
padding-left: 0;
padding-right: 0;
}
#mainNav .navbar-nav {
padding-left: 0;
margin-left: auto;
}
#mainNav.black #war-logo {
fill: #ffffff!important;
}
#mainNav.black li a.nav-link {
color: #ffffff!important;
}
#mainNav.black .btn-join {
color: #ffffff!important;
border-color: #ffffff!important;
}
#welcome-to-VR h1, #welcome-to-VR h2 {
font-size: 2rem;
margin-top: 5rem;
max-width: 40%;
}
#welcome-to-VR a.btn-join {
font-size: 0.8rem;
align-self: flex-start;
margin-top: 0.7rem;
}
#welcome-to-VR .slick-dots {
top: 90%!important;
}
#welcome-to-VR div[class^="col-"] {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: 6%;
}
#welcome-to-VR p {
max-width: 40%;
font-family: 'code_nextregular';
font-size: 0.7rem;
margin-top: 0;
}
#welcome-to-VR .slick-prev, .slick-next {
width: 50px;
min-height: 250px;
bottom: 0px;
top: 50%;
}
.b-vr-club-features {
padding-left: 1rem;
}
.b-vr-club-features .desc-holder {
padding-top: 1rem;
}
.b-vr-advantages img {
width: 100%;
}
.b-restzone-places div[class^="col-"] {
margin-bottom: 6rem!important;
}
#VR-game-prices {
padding-right: 0;
padding-left: 0;
}
#prices-tab-list {
flex-wrap: nowrap;
justify-content: center;
margin-top: 2rem;
}
#prices-tab-list .nav-link{
font-size: 0.95rem;
}
table.game-prices strong, table.game-prices var {
font-size: 1.2rem;
}
table.game-prices .btn-pink {
font-size: 0.9rem;
}
.additional-info {
margin-bottom: 1rem;
}
#welcome-to-VR .slick-prev, .slick-next {
display: none!important;
}
.page-section {
padding-top: 2rem;
padding-bottom: 2rem;
}
.b-vr-advantages {
max-width: 100%;
}
.b-vr-advantages div.placeholder {
align-items: flex-start;
}
.square-sm {
max-height: 600px;
}
.square-sm:last-child {
background-color: #965ee3;
display: flex;
justify-content: center;
}
.b-vr-advantages img.b-vr-advantages-map {
width: 70%;
object-fit: cover;
object-position: bottom;
margin-bottom: -4rem;
}
.b-oculus-quest .bg {
margin-top: 1rem;
margin-bottom: 5rem;
}
#spend-with-slider-frame img {
width: 70%;
}
#spend-with-slider p {
margin-left: 4rem;
margin-top: 6rem;
}
.b-restzone-places h2 {
margin-top: 5rem;
}
#VR-game-prices h2 {
line-height: 5.5rem;
}
#prices-tab-list {
justify-content: flex-start;
}
#VR-game-prices table.game-prices tr td:first-child {
width: 21%;
}
.b-new-emotions {
padding-bottom: 5rem;
}
.b-remove-blood h2 {
margin-top: 5rem;
}
div.jx-slider {
margin-top: 1rem;
}
.b-vr-locations-mobile h2 {
margin-top: 5rem;
}
.b-vr-locations h3 a {
font-family: 'code_nextsemibold';
}
.b-vr-locations-mobile {
margin-bottom: 3rem;
}
.b-contact-us h2 {
margin-top: 5rem;
margin-bottom: 3rem;
}
address {
font-family: 'code_nextsemibold';
margin-bottom: 3rem;
}
address a {
font-family: 'code_nextsemibold';
}
.b-contact-us {
padding-bottom: 5rem;
}
#present-VR-game .col-lg-4 {
display: flex;
justify-content: center;
}
.b-vr-faq h2 {
margin-top: 5rem;
margin-bottom: 4rem;
}
.b-vr-faq {
padding-bottom: 5rem;
}
footer .logo-WARSTATION {
margin-bottom: -11px;
}
#VR-game-prices #bundles-tablet .bundles_section {
max-height: none;
}
#bundles-mobile-prev,
#bundles-mobile-next {
background-color: inherit;
border: none;
}
#VR-game-prices #bundles-tablet h3.base,
#VR-game-prices #bundles-tablet h3.extended,
#VR-game-prices #bundles-tablet h3.maximal {
color: #F70085;
}
}
@media only screen and (min-width: 0px) and (max-width: 991px) {
#welcome-to-VR div img.img_mobile {
display: block;
}
#welcome-to-VR div img.img_desk {
display: none;
}
}
@media only screen and (min-width: 992px) {
#welcome-to-VR div img.img_mobile {
display: none;
}
#welcome-to-VR div img.img_desk {
display: block;
}
}
#scrolling {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0%;
overflow-y: scroll;
z-index: 2000;
display: none;
}
#scrolling::-webkit-scrollbar {
display: none;
}
#scrolling {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
#scrolling div {
width: 100%;
height: 100vh;
}
@media (min-width: 1400px) {
#scrolling {
display: block;
}
}
.wrapper_404 {
max-width: 100%;
max-height: 100vh;
height: 100vh;
overflow: hidden;
position: relative;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='2447' height='2446' viewBox='0 0 2447 2446' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e %23sun %7b -webkit-animation: rotate-center 20s linear infinite both; animation: rotate-center 20s linear infinite both; transform-origin: 50%25 50%25;%7d %40-webkit-keyframes rotate-center %7b 0%25 %7b -webkit-transform: rotate(0); transform: rotate(0);%7d 100%25 %7b -webkit-transform: rotate(360deg); transform: rotate(360deg);%7d %7d %40keyframes rotate-center %7b 0%25 %7b -webkit-transform: rotate(0); transform: rotate(0);%7d 100%25 %7b -webkit-transform: rotate(360deg); transform: rotate(360deg);%7d %7d %3c/style%3e%3cpath id='sun' opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M1741.64 884.876C1464.48 1068.12 1238.66 1217.65 1239.81 1217.17C1240.95 1216.69 1483.7 1098.13 1779.25 953.708C2074.8 809.286 2317.86 690.587 2319.39 689.933C2322.85 688.458 2323.3 689.65 2308.4 660.661C2292.82 630.326 2276.82 602.005 2259.79 574.6L2245.56 551.708L1741.64 884.876ZM2128.47 403.358C2102.2 374.086 2079.19 350.613 2050.6 323.926C2036.85 311.083 2036.09 310.539 2034.58 312.403C2033.71 313.478 1853.88 516.498 1634.95 763.556C1416.01 1010.61 1237.6 1212.32 1238.46 1211.79C1239.33 1211.26 1441.76 1035.31 1688.31 820.797C1934.85 606.283 2138.58 429.039 2141.03 426.922C2146.34 422.331 2147.56 424.622 2128.47 403.358ZM2379.43 840.86C2377.78 841.442 2120.77 927.285 1808.3 1031.62C1495.83 1135.96 1240.13 1221.53 1240.08 1221.78C1239.96 1222.34 2417.51 992.597 2419.81 991.602C2422.89 990.269 2407.6 922.783 2392.62 871.584C2383.18 839.308 2383.27 839.514 2379.43 840.86ZM1898.86 203.522C1861.13 178.86 1813.87 150.865 1785.42 136.324L1773.2 130.078L1771.19 133.739C1767.35 140.744 1232.66 1211.04 1232.97 1211.11C1233.15 1211.14 1384.97 986.137 1570.35 711.094C1786.73 390.061 1907.15 210.503 1906.68 209.586C1906.28 208.8 1902.76 206.071 1898.86 203.522ZM1847.61 1189.82C1186.59 1230.01 1236.44 1226.93 1238.56 1227.39C1239.42 1227.57 1510.79 1246.39 1841.61 1269.21L2443.11 1310.71L2443.88 1300.56C2445.27 1282.31 2446.61 1241.64 2446.59 1218.54C2446.56 1192.74 2445.47 1155.29 2444.71 1154.25C2444.43 1153.86 2175.73 1169.87 1847.61 1189.82ZM1601.99 62.7758C1563.92 50.1925 1521.11 38.207 1486.89 30.552L1469.86 26.7425L1348.91 619.043C1282.39 944.809 1228.37 1210.14 1228.86 1208.67C1229.36 1207.21 1317.57 950.963 1424.88 639.243C1532.2 327.524 1620.18 71.6953 1620.4 70.7358C1620.7 69.4277 1616.1 67.4396 1601.99 62.7758ZM1827.13 1350.89C1297.61 1242.92 1236.41 1230.7 1242.19 1234.04C1245.74 1236.09 1471.39 1387.8 1743.64 1571.18C2015.9 1754.56 2238.92 1904.66 2239.24 1904.74C2242.44 1905.48 2313.83 1781.36 2316.27 1770.81C2316.64 1769.21 2221.49 1721.3 1797.38 1509.57C1192.42 1207.55 1249.69 1236.23 1254.08 1237.5C1256 1238.06 1509.26 1324.94 1816.87 1430.57C2124.49 1536.21 2376.64 1622.31 2377.2 1621.92C2378.57 1620.98 2395.17 1569.28 2401.88 1545.08C2409.79 1516.53 2420.02 1473.73 2419.22 1472.52C2418.84 1471.94 2152.39 1417.21 1827.13 1350.89ZM1288.09 2.28843C1259.36 0.634698 1229.74 -0.0882287 1204.07 0.239419C1178.2 0.569668 1153.51 1.56734 1152.39 2.32745C1151.96 2.6226 1167.75 270.936 1187.48 598.578C1227.39 1261.28 1224.12 1208.07 1224.77 1204.93C1225.2 1202.86 1308.59 7.51529 1308.5 4.64252C1308.48 3.99214 1299.3 2.93331 1288.09 2.28843ZM987.027 26.2816C941.236 34.5755 842.116 60.8153 841.458 64.8173C841.204 66.3662 1220.62 1203.78 1221.45 1203.95C1221.77 1204.01 1171.71 945.638 1110.19 629.78C1048.68 313.923 997.029 48.6992 995.413 40.3944L992.476 25.2949L987.027 26.2816ZM2122.86 2019.07C2113.59 2010.91 2088.57 1988.79 2067.26 1969.91C2030.43 1937.28 1942.6 1859.49 1809.8 1741.87C1776.64 1712.51 1634.75 1586.82 1494.48 1462.56C1354.21 1338.31 1239.39 1236.91 1239.32 1237.23C1239.13 1238.19 2028.29 2144.7 2029.65 2145.08C2032.1 2145.77 2084.53 2095.78 2111.03 2067.49C2128.5 2048.83 2140.68 2035.01 2140.17 2034.43C2139.92 2034.14 2132.13 2027.23 2122.86 2019.07ZM686.82 125.571C681.98 127.374 639.303 149.632 619.603 160.629C608.627 166.755 588.931 178.461 575.833 186.643L552.017 201.519L885.583 706.081C1069.04 983.59 1218.89 1209.91 1218.58 1209.02C1218.27 1208.13 1099.84 965.487 955.4 669.815C810.964 374.142 692.007 130.521 691.051 128.435C689.51 125.073 689.03 124.748 686.82 125.571ZM1236.27 1234.37C1236.45 1235.21 1237.01 1235.99 1237.52 1236.1C1238.03 1236.2 1237.89 1235.51 1237.2 1234.56C1236.44 1233.51 1236.08 1233.43 1236.27 1234.37ZM1234.3 1237.26C1234.62 1238.14 1294.41 1360.73 1367.17 1509.67C1439.93 1658.61 1557.99 1900.3 1629.52 2046.76C1701.06 2193.22 1760.55 2314.8 1761.74 2316.94L1763.89 2320.82L1779.79 2312.61C1810.3 2296.86 1835.89 2282.09 1867.33 2262.1L1899 2241.97L1566.36 1738.8C1383.4 1462.07 1233.98 1236.37 1234.3 1237.26ZM1013.27 980.476C904.336 855.435 727.204 652.017 619.641 528.434C512.077 404.851 423.764 303.676 423.39 303.6C422.467 303.412 396.634 326.332 379.003 342.983C361.953 359.084 339.665 381.501 323.105 399.206L311.133 412.004L313.344 414.065C318.863 419.212 1209.44 1208.12 1211.51 1209.7C1213.37 1211.11 1213.59 1211.1 1212.59 1209.65C1211.89 1208.65 1122.2 1105.52 1013.27 980.476ZM1231.72 1245.19C1232.18 1248.3 1352.73 1867.87 1426.37 2245.59C1435.35 2291.66 1446.87 2350.79 1451.96 2376.98C1457.06 2403.17 1461.5 2424.66 1461.82 2424.72C1463.62 2425.09 1509.22 2414.39 1533.6 2407.88C1560.82 2400.61 1612.3 2384.92 1612.53 2383.83C1612.66 2383.17 1234.23 1248.75 1232.45 1244.47L1231.14 1241.34L1231.72 1245.19ZM710.759 877.414C436.462 692.822 211.6 541.48 211.067 541.101C209.538 540.013 184.143 579.571 163.321 615.476C139.541 656.481 130.516 673.798 131.961 675.644C132.85 676.779 1200.46 1210.41 1208.42 1213.7C1209.77 1214.26 1210.55 1214.33 1210.17 1213.88C1209.79 1213.41 985.055 1062.01 710.759 877.414ZM1224.18 1240.62C1223.57 1243.29 1140.19 2442.63 1140.58 2443.23C1140.94 2443.8 1176.12 2445.28 1199.5 2445.7C1234.6 2446.35 1296.35 2443.8 1296.67 2441.69C1296.78 2440.96 1280.87 2174.98 1261.31 1850.62C1241.76 1526.26 1225.48 1255.96 1225.15 1249.96C1224.81 1243.95 1224.38 1239.75 1224.18 1240.62ZM636.563 1026.72C322.085 918.709 64.421 830.541 63.9757 830.797C63.0918 831.302 54.237 858.965 47.816 881.278C41.4297 903.472 33.3641 935.463 28.0132 959.83L23.0883 982.255L616.05 1103.13C942.178 1169.61 1208.86 1223.8 1208.68 1223.56C1208.49 1223.31 951.04 1134.74 636.563 1026.72ZM1219.05 1242.21C1218.55 1243.68 1130.34 1499.93 1023.03 1811.65C915.716 2123.37 827.686 2379.35 827.405 2380.49C826.972 2382.26 828.029 2382.96 834.466 2385.16C865.313 2395.7 926.074 2412.01 959.365 2418.68L978.3 2422.47L1099.12 1831.01C1165.58 1505.7 1219.54 1240.75 1219.05 1242.21ZM605.607 1185.27C274.932 1162.44 3.93862 1144.06 3.39882 1144.41C0.774036 1146.15 -0.320432 1227.38 1.68141 1271.96L2.95509 1300.32L7.76749 1300.07C10.4143 1299.92 279.482 1283.59 605.694 1263.76C931.907 1243.94 1200.71 1227.64 1203.03 1227.55C1205.35 1227.46 1207.15 1227.24 1207.04 1227.08C1206.93 1226.91 936.281 1208.1 605.607 1185.27ZM1214.94 1241.03C1210.9 1246.51 542.994 2237.93 542.767 2238.79C541.865 2242.19 641.222 2300.13 672.66 2314.54L678.088 2317.03L946.918 1779.21C1094.78 1483.41 1215.8 1240.99 1215.87 1240.5C1215.94 1240.01 1215.52 1240.25 1214.94 1241.03ZM1209.41 1239.73C1207.54 1241.33 1002.63 1419.57 754.062 1635.82C505.496 1852.08 301.873 2029.18 301.567 2029.38C300.891 2029.82 302.599 2031.75 325.009 2055.83C346.985 2079.45 364.184 2096.48 391.015 2121.21L411.925 2140.48L414.284 2138.14C417.876 2134.58 1209.08 1241.98 1211.08 1239.23C1212.51 1237.27 1212.2 1237.36 1209.41 1239.73ZM614.841 1345.74C290.178 1409.11 23.729 1461.24 22.7315 1461.58C20.7087 1462.27 23.1136 1475.16 32.2961 1512.84C39.4913 1542.36 60.4329 1612.98 62.0195 1613.07C63.002 1613.13 1204.95 1231.42 1205.04 1231.01C1205.09 1230.74 939.503 1282.37 614.841 1345.74ZM665.763 1499.35C368.702 1644.53 125.409 1763.5 125.112 1763.73C124.518 1764.18 125.257 1765.63 142.151 1797.14C158.527 1827.68 172.855 1851.88 189.334 1876.82L203.573 1898.37L704.879 1567.11C980.597 1384.92 1206.12 1235.75 1206.03 1235.63C1205.94 1235.5 962.823 1354.18 665.763 1499.35Z' fill='%23FFB8DE'/%3e%3c/svg%3e");
background-position: 45% 60%;
background-repeat: no-repeat;
}
.img_404 {
position: absolute;
}
.content_404 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
}
.error_404 {
font-size: 16px;
font-family: 'code_nextsemibold';
color: rgba(247, 0, 133, 1);
line-height: 24px;
}
.error_title {
font-size: 60px;
font-family: 'code_nextsemibold';
line-height: 72px;
margin-top: 0.75rem;
}
.error_info {
font-size: 20px;
font-family: 'code_nextregular';
line-height: 30px;
margin-top: 1.5rem;
color: #667085;
}
.error_links a:first-child {
background: #FFFFFF;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
padding: 16px 28px;
text-decoration: none;
color: #344054;
font-size: 18px;
line-height: 28px;
font-family: 'code_nextregular';
display: flex;
margin-right: 0.75rem;
}
.error_links a:first-child span:first-child {
margin-right: 0.75rem;
}
.error_links a:last-child {
background: rgba(247, 0, 133, 1);
border: 1px solid rgba(247, 0, 133, 1);
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
padding: 16px 28px;
text-decoration: none;
color: white;
font-size: 18px;
line-height: 28px;
font-family: 'code_nextregular';
display: flex;
}
.amo-button-holder.amo-vertical {
/* transform: translateX(70px); */
}
@media (max-width: 640px) {
.error_title {
font-size: 36px;
line-height: 44px;
}
.error_info {
font-size: 18px;
line-height: 28px;
}
.error_links {
flex-direction: column;
}
.error_links a:first-child {
font-size: 16px;
line-height: 24px;
width: 100%;
justify-content: center;
display: flex;
order: 2;
margin-top: 0.75rem;
}
.error_links a:last-child {
font-size: 16px;
line-height: 24px;
width: 100%;
justify-content: center;
display: flex;
order: 1;
}
}
@media (min-width: 1024px) {
.wrapper_404 {
background-position: 30% 60%;
}
}
@media (min-width: 1920px) {
.wrapper_404 {
background-position: 40% 60%;
}
}
.summerPlayground {
max-width: 720px;
padding: 30px 0;
margin: 0 auto;
}
.summerPlayground-wrapper {
display: flex;
flex-direction: column;
}
.summerPlayground__top {
padding: 20px 16px 10px;
display: flex;
}
.summerPlayground__top-h3 {
font-family: 'code_nextsemibold';
font-size: 28px;
font-weight: 600;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
}
.summerPlayground__top-link {
display: none;
font-family: 'code_nextregular';
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
.summerPlayground__top-link:hover {
color: white;
}
.summerPlayground__logo {
padding: 0 16px;
}
.summerPlayground__logo > img {
width: 100%;
height: auto;
}
.summerPlayground__info-mobile {
padding: 20px 16px;
}
.summerPlayground__info-mobile--wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 18px;
background: linear-gradient(91.44deg, #FFF269 9.44%, #AFFF5F 95.77%);
border-radius: 45px;
}
.summerPlayground__info-mobile--wrapper > div {
display: flex;
justify-items: center;
column-gap: 8px;
}
.summerPlayground__info-mobile--wrapper > div span {
font-family: 'code_nextsemibold';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #101828;
}
.summerPlayground__info-mobile--wrapper > div:last-child {
grid-column: span 2 / span 2;
margin-top: 4px;
}
.summerPlayground__info-mobile--wrapper > div:last-child span {
font-family: 'code_nextlight';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.02em;
color: #101828;
}
.summerPlayground__gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 6px;
}
.summerPlayground__gallery > img {
width: 100%;
height: auto;
}
.summerPlayground__gallery > img:nth-child(odd) {
display: none;
}
.summerPlayground__gallery--info {
display: none;
}
.summerPlayground__bottom {
padding: 10px 16px;
}
.summerPlayground__bottom > a {
display: flex;
background: rgba(149, 94, 227, 1);
color: white;
text-decoration: none;
text-transform: uppercase;
justify-content: center;
padding: 12px 0;
border-radius: 4px;
}
.summerPlayground__gallery--info-price--new {
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 21px;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #FFFFFF;
}
.summerPlayground.school-dance{
padding-bottom: 0;
}
.banner-image{
display: flex;
}
.banner-image img{
display: none;
}
.banner-image img.school-dance_mobile{
display: block;
width: 100%;
}
.banner-image img{
display: none;
}
.banner-image img.banner-image_desctop{
display: none;
}
.banner-image img.banner-image_mobile{
display: block;
width: 100%;
}
.banner-image img.school-dance_text{
display: none;
}
img.school-dance_bg{
display: none;
}
.school-dance_top{
padding-bottom: 0px;
}
.summerPlayground__top-h3.school-dance_top-h3{
font-size: 27px;
line-height: 1.5;
font-family: 'code_nextbold';
}
.summerPlayground__logo.summerPlayground__school-dance-logo{
margin-bottom: 1rem;
}
@media (min-width: 475px) {
.summerPlayground__top-h3 {
font-size: 32px;
}
.summerPlayground__info-mobile {
display: flex;
justify-content: center;
}
.summerPlayground__info-mobile--wrapper {
grid-column-gap: 16px;
}
.summerPlayground__bottom > a {
max-width: 320px;
margin: 0 auto;
}
}
@media (min-width: 640px) {
.summerPlayground__top {
justify-content: space-between;
align-items: center;
padding-bottom: 32px;
}
.summerPlayground__top-link {
display: flex;
justify-content: center;
align-items: center;
background: #5E3ED5;
border-radius: 4px;
color: white;
text-decoration: none;
padding: 12px 50px;
text-transform: uppercase;
}
.summerPlayground__top-h3 {
font-size: 38px;
line-height: 48px;
margin-bottom: 0;
}
.summerPlayground__info-mobile {
display: flex;
justify-content: center;
}
.summerPlayground__info-mobile--wrapper {
display: none;
}
.summerPlayground__bottom > a {
display: none;
}
.summerPlayground__gallery {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 4px;
}
.summerPlayground__gallery > img:nth-child(odd) {
display: block;
}
.summerPlayground__gallery > img:nth-child(even) {
display: none;
}
.summerPlayground__body--content {
position: relative;
padding-bottom: 40px;
}
.summerPlayground__gallery--info {
position: absolute;
background: #060710;
bottom: -30px;
right: calc( 33% - 90px );
border-radius: 50%;
width: 180px;
height: 180px;
display: flex;
justify-content: center;
justify-items: center;
padding: 30px 0;
transform: rotate(-7deg);
}
.summerPlayground__gallery--info > div {
display: flex;
flex-direction: column;
color: white;
align-items: center;
}
.summerPlayground__gallery--info > div > div {
display: flex;
flex-direction: column;
align-items: center;
padding: 5px 10px;
background: #F70085;
border-radius: 6.85732px;
}
.summerPlayground__gallery--info-date {
font-family: 'code_nextextrabold';
font-weight: 800;
font-size: 20px;
line-height: 22px;
text-transform: uppercase;
}
.summerPlayground__gallery--info-time {
font-family: 'code_nextsemibold';
font-weight: 600;
font-size: 20px;
line-height: 22px;
text-transform: uppercase;
}
.summerPlayground__gallery {
font-family: 'code_nextlight';
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
}
.summerPlayground__gallery--info-price--old {
font-family: 'code_next';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 11px;
text-decoration-line: line-through;
text-transform: uppercase;
color: #060710;
}
.summerPlayground__gallery--info-price--new {
font-family: 'code_nextbold';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 21px;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #FFFFFF;
}
.summerPlayground.school-dance{
padding-bottom: 0;
}
.summerPlayground.school-dance .summerPlayground__bottom{
display: none;
}
.banner-image{
display: flex;
}
.banner-image img{
flex: 0 1 100%;
max-width: 100%;
display: block;
}
.banner-image img.school-dance_text{
position: absolute;
left: 7.5757576%;
top: 1.8939394%;
max-width: 88.1060606%;
z-index: 2;
display: block;
}
img.school-dance_bg{
position: absolute;
right: 0;
bottom: 0;
width: 35.1515152%;
display: block;
}
.banner-image img.school-dance_mobile{
display: none;
}
.banner-image img.banner-image_mobile{
display: none;
}
.banner-image img.banner-image_desctop{
display: block;
}
.school-dance_top{
padding-bottom: 10px;
}
.summerPlayground__top-h3.school-dance_top-h3{
font-size: 43px;
line-height: 1;
}
.summerPlayground__logo.summerPlayground__school-dance-logo{
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.summerPlayground {
max-width: 960px;
}
.summerPlayground__gallery {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.summerPlayground__gallery > img:nth-child(even) {
display: block;
}
.summerPlayground__gallery > img:last-child {
display: none;
}
.summerPlayground__gallery--info {
right: calc( 25% - 90px );
}
}
@media (min-width: 1200px) {
.summerPlayground {
max-width: 1200px;
}
.summerPlayground__gallery {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.summerPlayground__gallery > img:last-child {
display: block;
}
.summerPlayground__gallery--info {
right: calc( 20% - 90px );
}
.summerPlayground__top-h3 {
font-size: 56px;
line-height: 72px;
}
.summerPlayground__top-link {
padding: 12px 70px;
}
}
@media (min-width: 1400px) {
.summerPlayground {
max-width: 1320px;
}
}