/* Start:/local/templates/portal-play/css/fonts.css?172509595311723*/
/* Tactic Sans */
@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Blk.eot');
    src: local('Tactic Sans Black'), local('TacticSans-Blk'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Blk.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Blk.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Blk.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Blk.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Med.eot');
    src: local('Tactic Sans Medium'), local('TacticSans-Med'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Med.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Med.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Med.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Med.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans Ultra';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Ult.eot');
    src: local('Tactic Sans Ultra'), local('TacticSans-Ult'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Ult.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Ult.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Ult.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Ult.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans Ultra';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-UltIt.eot');
    src: local('Tactic Sans Ultra Italic'), local('TacticSans-UltIt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-UltIt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-UltIt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-UltIt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-UltIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-MedIt.eot');
    src: local('Tactic Sans Medium Italic'), local('TacticSans-MedIt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-MedIt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-MedIt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-MedIt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-MedIt.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BldIt.eot');
    src: local('Tactic Sans Bold Italic'), local('TacticSans-BldIt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BldIt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BldIt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BldIt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Thn.eot');
    src: local('Tactic Sans Thin'), local('TacticSans-Thn'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Thn.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Thn.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Thn.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Thn.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Lgt.eot');
    src: local('Tactic Sans Light'), local('TacticSans-Lgt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Lgt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Lgt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Lgt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Lgt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Bld.eot');
    src: local('Tactic Sans Bold'), local('TacticSans-Bld'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Bld.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Bld.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Bld.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Bld.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-RegIt.eot');
    src: local('Tactic Sans Italic'), local('TacticSans-RegIt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-RegIt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-RegIt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-RegIt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-RegIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-ThnIt.eot');
    src: local('Tactic Sans Thin Italic'), local('TacticSans-ThnIt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-ThnIt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-ThnIt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-ThnIt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-ThnIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BlkIt.eot');
    src: local('Tactic Sans Black Italic'), local('TacticSans-BlkIt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BlkIt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BlkIt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BlkIt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-BlkIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-LgtIt.eot');
    src: local('Tactic Sans Light Italic'), local('TacticSans-LgtIt'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-LgtIt.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-LgtIt.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-LgtIt.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-LgtIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Reg.eot');
    src: local('Tactic Sans'), local('TacticSans-Reg'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Reg.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Reg.woff2') format('woff2'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Reg.woff') format('woff'),
        url('/local/templates/portal-play/css/../fonts/TacticSans/TacticSans-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Open Sans */
@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBoldItalic.eot');
	src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBoldItalic.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-LightItalic.eot');
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-LightItalic.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Bold.eot');
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot');
	src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Light.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Light.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Italic.eot');
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBold.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBold.eot');
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-BoldItalic.eot');
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'),
		url('/local/templates/portal-play/css/../fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
/* End */


/* Start:/local/templates/portal-play/css/slick.css?17250959532295*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
	
	outline: 0;
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
	
	outline: 0;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/portal-play/css/../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/portal-play/css/../fonts/slick.eot');
    src: url('/local/templates/portal-play/css/../fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/portal-play/css/../fonts/slick.woff') format('woff'), url('/local/templates/portal-play/css/../fonts/slick.ttf') format('truetype'), url('/local/templates/portal-play/css/../fonts/slick.svg#slick') format('svg');
}
/* End */


/* Start:/local/templates/portal-play/css/js-offcanvas.css?17250959533419*/
.c-offcanvas {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-offcanvas-bg.c-offcanvas-bg--push, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-content-wrap, .c-offcanvas {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}

.c-offcanvas.is-open {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

/**
 * Offcanvas-content-wrap
*/
.c-offcanvas-content-wrap {
  z-index: 3;
}

/**
 * Offcanvas Panel
*/
.c-offcanvas {
  position: fixed;
  min-height: 100%;
  max-height: none;
  top: 0;
  display: block;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1080;
}
.c-offcanvas--opening {
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-closed {
  max-height: 100%;
  overflow: hidden;
  visibility: hidden;
  box-shadow: none;
}

.c-offcanvas--overlay {
  z-index: 1080;
}

.c-offcanvas--reveal {
  z-index: 2;
}

/**
 * Offcanvas BG-Overlay
*/
.c-offcanvas-bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1079;
  left: -100%;
  background-color: transparent;
  transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
  visibility: visible;
}
.c-offcanvas-bg.is-closed {
  visibility: hidden;
}
.c-offcanvas-bg--closing.is-animating {
  background: transparent;
}

/**
 * Position Left
 *
*/
.c-offcanvas--left {
  height: 100%;
  width: 17em;
  transform: translate3d(-100%, 0, 0);
}

/**
 *  Position Right
 *
*/
.c-offcanvas--right {
  height: 100%;
  width: 17em;
  right: 0;
  transform: translate3d(100%, 0, 0);
}

/**
 * Position Top
 *
*/
.c-offcanvas--top {
  left: 0;
  right: 0;
  top: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, -12.5em, 0);
}

/**
 * Position Bottom
 *
*/
.c-offcanvas--bottom {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, 12.5em, 0);
}

/**
 * Reveal
 *
*/
.c-offcanvas-content-wrap {
  z-index: 3;
}

.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(100%, 0, 0);
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-100%, 0, 0);
}

.c-offcanvas--reveal {
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
  transform: translate3d(100%, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
  transform: translate3d(-100%, 0, 0);
}

/**
 * Push
 *
*/
.c-offcanvas--push {
  z-index: 6;
}
.c-offcanvas--push--opening {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.c-offcanvas-content-wrap {
  z-index: 3;
}

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(100%, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-100%, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
  transform: translate3d(100%, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
  transform: translate3d(-100%, 0, 0);
}

/*# sourceMappingURL=js-offcanvas.css.map */

.has-offcanvas--visible {
	overflow-y: hidden;
}
/* End */


/* Start:/local/templates/portal-play/css/theme.css?173322598146666*/
/*
    1920px
    1440px
    1024px
    768px
    375px
*/

:root {
    --global-base-margin: 25px;
    --global-primary-color: #52ACFF;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

audio,
canvas,
iframe,
img,
svg,
video { 
    vertical-align: middle; 
}

canvas,
img,
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

img:not([src]) {
    min-width: 1px;
    visibility: hidden;
}

iframe { 
    border: 0; 
}

.body-overflow {
    overflow: hidden;
    overflow: clip;
    position: relative;
}

p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
    margin: 0;
}

* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
    margin-top: var(--global-base-margin);
}

a {
    outline: 0;
    text-decoration: none;
    color: white;
    text-decoration-color: rgb(255 255 255 / 30%);
    text-decoration-line: underline;
}
a:hover {
    color: var(--global-primary-color);
    text-decoration-color: var(--global-primary-color);
}

b, strong {
    font-weight: 600;
    color: white;
}

html {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 180%;
    font-weight: 300;
    -webkit-text-size-adjust: 100%;
    color: rgba(255, 255, 255, 0.7);
    /*max-width: 1920px;*/
    min-width: 375px;
    margin-left: auto;
    margin-right: auto;
    background: #1E1E1E;
}

body { 
    margin: 0;
    position: relative;
    background: #0f0f0f;
}

/* container */
.container {
    width: 100%;
    max-width: 1440px;
    padding-left: 95px;
    padding-right: 95px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.container .container:not(.container-remove-padding) {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.container-header {
    max-width: 1920px;
    padding-left: 30px;
    padding-right: 30px;
}
.container-footer {
    padding-left: 30px;
    padding-right: 30px;
}

/* grid */
.grid {
    --global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: auto;
    
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin-left: calc(-1 * var(--global-grid-horizontal));
    margin-bottom: calc(-1 * var(--global-grid-vertical));
    list-style: none;
}

.grid:not(.grid-inside) > * {
    width: var(--global-grid-child-width);
    max-width: var(--global-grid-child-width);
    padding-left: var(--global-grid-horizontal);
    margin-bottom: var(--global-grid-vertical);
    box-sizing: border-box;
}

.grid.grid-inside > * {
    flex: 0 0 calc(var(--global-grid-child-width) - var(--global-grid-horizontal));
    max-width: calc(var(--global-grid-child-width) - var(--global-grid-horizontal));
    margin-left: var(--global-grid-horizontal);
    margin-bottom: var(--global-grid-vertical);
    box-sizing: border-box;
}

/* btn */
.btn {
    --btn-color: white;
    --btn-background: #52ACFF;
    --btn-border: #52ACFF;
    --btn-hover-color: white;
    --btn-hover-background: #8AC7FF;
    --btn-hover-border: #8AC7FF;

    color: var(--btn-color);
    background: var(--btn-background);
    border: 1px solid var(--btn-border);

    text-decoration: none;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: max-content;
    padding: 5px 40px;
    border-radius: 8px;
    outline: 0;
    transition: all 0.1s;
    max-width: 100%;
    cursor: pointer;
    gap: 10px;
    font-family: 'Tactic Sans';
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2;
    /* по макету стоит 400 */
    /*font-weight: 400;*/
}
.btn:hover, 
.btn:focus,
.btn:active {
    color: var(--btn-hover-color);
    background: var(--btn-hover-background);
    border-color: var(--btn-hover-border);
    text-decoration: none;
}

.btn-grey {
    --btn-color: white;
    --btn-background: rgba(255, 255, 255, 0.1);
    --btn-border: transparent;
    --btn-hover-color: white;
    --btn-hover-background: rgba(255, 255, 255, 0.25);
    --btn-hover-border: transparent;
}
.btn-border {
    --btn-color: white;
    --btn-background: transparent;
    --btn-border: rgba(255, 255, 255, 1);
    --btn-hover-color: white;
    --btn-hover-background: rgba(255, 255, 255, 0.25);
    --btn-hover-border: rgba(255, 255, 255, 1);
}

.logo {
    font-family: 'Tactic Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: white;
    text-decoration: none;
}
.logo:hover {
    color: white;
    text-decoration: none;
}

.logo span {
    color: var(--global-primary-color);
}

.social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(255 255 255 / 7%);
    text-decoration: none;
    line-height: 1;
    color: white;
    opacity: 0.7;
}
.social a:hover {
    /*background: #8AC7FF;*/
    opacity: 1;
    color: white;
    text-decoration: none;
}
.social a > * {
    width: 16px;
    height: auto;
}

.social a:nth-child(1) > svg > path {
    fill: #25d366 !important;
}

.social a:nth-child(2) > svg > path {
    fill: #0088cc !important;
}

/* section */
.section {
    --section-padding: 150px;

    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
}

.section:not(.section-padding-inside) + .section:not(.section-padding-inside) {
    margin-top: calc(-1*var(--section-padding));
}

.section-head-title {
    font-family: 'Tactic Sans';
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
}

.section-head-title.h1 {
    font-size: 48px;
}

.section-head-title.h2 {
    font-size: 32px;
}

.section-head-title.h3 {
    font-size: 24px;
}

.no-uppercase {
    text-transform: unset;
}

.section-head-desc {
    margin-top: 25px;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-margin-top {
    margin-top: 50px;
}
.section-margin-bottom{
    margin-bottom: 64px;
}
/* slider */
.slider:not(.slick-initialized)  {
    display: flex;
	position: relative;
}
.slider:not(.slick-initialized) > * {
    opacity: 0;
    visibility: hidden;
}
.slider:not(.slick-initialized):before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side, #ffffff 90%, transparent);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: loader 1s infinite linear;
    -webkit-animation: loader 1s infinite linear;
}
@keyframes loader {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}
.slider .slick-track {
    display: flex;
}
.slider .slick-slide {
    display: flex;
    height: auto;
}
.slider .slick-slide > * {
    display: flex;
    width: 100%;
    height: 100%;
}
.slick-dots {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 10px;
    margin-top: 40px;
}
.slick-dots > li {
    display: flex;
}
.slick-dots button {
    font-size: 0 !IMPORTANT;
    line-height: 1;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    border: none;
    background: rgb(255 255 255 / 30%);
    height: 3px;
    width: 68px;
    cursor: pointer;
}
.slick-dots .slick-active button {
    background: #52ACFF;
}
.slick-dotted {
    margin-bottom: 0px;
}

/* header */
.header {
    background: #161616;
    color: white;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.header.isSticky {
	position: fixed;
    width: 100%;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 55%);
	animation-name: header;
	animation-duration: 0.4s;
	top: 0;
    left: 0;
	z-index: 101;
}
#wpadminbar {
	z-index: 100 !important;
}
@keyframes header {
	from {transform: translateY(-100%);}
	to {transform: translateY(0px);}
}

.navbar {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 20px;
    font-size: 16px;
}
.navbar a {
    text-decoration: none;
}
.navbar a:hover {
    text-decoration: none;
}

.grid--header {
    --global-grid-horizontal: 20px;
    --global-grid-vertical: 0px;
    align-items: center;
}

.grid--header > .block-menu {
    --global-grid-horizontal: 60px;
    flex: 1;
    min-width: 1px;
}

.grid--header > .block-offcanvas {
    display: none;
}

.grid--header > .block-contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.grid--header > .block-contacts a {
    font-size: 14px;
    line-height: 1;
    text-decoration-line: underline;
}

.grid--header > .block-btn .btn {
   font-family: inherit;
}

/* section--headslider */
.section--headslider {
    padding-top: 0px;
    padding-bottom: 0px;
}
.headslider--item {
    padding-top: 85px;
    display: flex !important;
    height: 100%;
}
.headslider--item .block-content {
    position: relative;
    z-index: 0;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 650px;
}
.headslider--item .image {
    position: absolute;
    width: 572px;
    height: 100%;
    left: 690px;
    top: 0;
    z-index: -1;
}
.headslider--item .image img {
    max-width: unset;
    width: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}
.headslider--item .title {
    font-family: 'Tactic Sans';
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
    color: #FFFFFF;
    margin: 0;
}
.headslider--item .title span {
    color: var(--global-primary-color);
}
.headslider--item .desc {
    margin-top: 30px;
    max-width: 625px;
}
.headslider--item .button {
    margin-top: 30px;
}

/* section--profit */
.profit {
    background: #161616;
    border: 3px solid #52ACFF;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}
.profit > .block-left {
    flex: 1;
    min-width: 1px;
    padding-top: 20px;
}
.profit > .block-right {
    width: 500px;
    background: #202020;
    border-left: 1px solid #444444;
}
.profit .row-item {
    padding: 45px 45px;
}
.profit .row-item + .row-item {
    border-top: 1px solid #444444;
}
.profit .row-item:not(:last-child) {
    padding-bottom: 35px;
}

.profit .price {
    font-weight: 600;
    color: white;
}
.profit .price span {
    font-size: 40px;
    line-height: 1;
    color: var(--global-primary-color);
    display: block;
    font-weight: bold;
}
.profit .info {
    font-size: 12px;
    --global-base-margin: 20px;
}
.profit .info span {
    color: var(--global-primary-color);
}

/* section--design */
.leftright-info {
    background: #161616;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.leftright-info > .block-left {
    padding: 60px 65px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.leftright-info > .block-right {
    position: relative;
    z-index: 0;
    border-radius: inherit;
    min-height: 475px;
    overflow: hidden;
    width: 50%;
}
.leftright-info > .block-right img,
.leftright-info > .block-right iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* section--igames */
.section--igames .section-head-title {
    text-align: center;
}
.igames {
    position: relative;
    z-index: 0;
}

.grid--igames {
    --global-grid-horizontal: 12px;
    --global-grid-vertical: 12px;
    --global-grid-child-width: 20%;
}
.igames--item {
    border-radius: 16px;
    overflow: hidden;
}
.igames--item img {
    aspect-ratio: 241 / 147;
	object-fit: cover;
	width: 100%;
	height: auto;
}
.igames .title {
    font-family: 'Tactic Sans';
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-shadow: 0 0 20px #52ACFF;
}
.igames .title::before {
    content: '';
    width: 1000px;
    height: 300px;
    background: radial-gradient(70% 70%, #52ACFF 0%, transparent 60%);
    opacity: 1;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    position: absolute;
}

/* section--advantages */
.section--advantages .section-head-title {
    text-align: center;
}
.grid--advantages {
    --global-grid-horizontal: 50px;
    --global-grid-vertical: 50px;
    --global-grid-child-width: 33.33%;
    justify-content: center;
}
.advantages--item {
    text-align: center;
}
.advantages--item .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-top: 10px;
}
.advantages--item .desc {
    margin-top: 10px;
}
.advantages--item .icon {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
}
.advantages--item .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* section--stages */
.section--stages .section-head-title {
    text-align: center;
}
.grid--stages {
    --global-grid-horizontal: 16px;
    --global-grid-vertical: 0px;
    --global-grid-child-width: auto;
}
.grid.grid-inside.grid--stages > .clear  {
    display: none;
    --global-grid-child-width: 100%;
    height: 24px;
}
.grid.grid-inside.grid--stages > *:not(.clear) {
    flex: 1;
    max-width: unset;
}
.grid.grid-inside.grid--stages > *:last-child {
    margin-right: -35px;
}
.grid.grid-inside.grid--stages > *:last-child .block-content {
    margin-right: 35px;
}
.grid.grid-inside.grid--stages > *:last-child .block-arrow {
    display: none;
}
.stages--item {
    display: flex;
    align-items: center;
    gap: 16px;
}
.stages--item .block-content {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #272727;
    border-radius: 12px;
    min-height: 82px;
    padding: 10px 16px;
    flex: 1;
}
.stages--item .number {
    font-family: 'Tactic Sans';
    font-weight: bold;
    font-size: 48px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--global-primary-color);
}
.stages--item .title {
    font-family: 'Tactic Sans';
    font-weight: bold;
    font-size: 15px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
}

@media (min-width: 1440px) {
    .grid.grid-inside.grid--stages > .clear.id-4 {
        display: block;
    }
    .grid.grid-inside.grid--stages > .clear.id-7 {
        display: block;
    }
    .grid.grid-inside.grid--stages > .stages--item.id-3 {
        flex: 0 0 340px;
    }
    .grid.grid-inside.grid--stages > .stages--item.id-6 {
        flex: 0 0 340px;
    }
}

/* section--leasing */
.section--leasing  .section-head-title span {
    color: var(--global-primary-color);
}
.grid--leasing {
    --global-grid-horizontal: 15px;
    --global-grid-vertical: 15px;
    --global-grid-child-width: auto;
    align-items: center;
}
.grid--leasing > .block-left {
    --global-grid-child-width: 53%;
}
.grid--leasing > .block-right {
    --global-grid-child-width: 47%;
}
.grid--leasing-list {
    --global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: 33.333%;
    margin-top: 30px;
}
.leasing-list--item .name {
    font-size: 16px;
    line-height: 1.35;
    color: #FFFFFF;
}
.leasing-list--item .value {
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    color: var(--global-primary-color);
    margin-top: 5px;
}
.grid--leasing .button {
    margin-top: 50px;
}

/* section--individual */
.individual {
    background: #161616;
    border: 3px solid #52ACFF;
    border-radius: 24px;
    padding: 60px 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.individual > .block-content {
    flex: 1;
    min-width: 1px;
}
.individual > .block-btn {
    flex: 0 0 auto;
}
.individual .desc {
    margin-top: 15px;
}

/* section--team */
.section--team .section-head-title {
    text-align: center;
}
.grid--team  {
    --global-grid-horizontal: 50px;
    --global-grid-vertical: 50px;
    --global-grid-child-width: 25%;
    justify-content: center;
}
.section--item {
    text-align: center;
}
.section--item .block-image {
    width: 150px;
    height: 150px;
    border: 3px solid #52ACFF;
    border-radius: 50%;
    overflow: hidden;
    background: #161616;
    margin-left: auto;
    margin-right: auto;
}
.section--item .block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section--item .block-content {
    margin-top: 25px;
}
.section--item .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #FFFFFF;
}
.section--item .caption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 150%;
}

/* form */
.grid--form {
    --global-grid-horizontal: 25px;
    --global-grid-vertical: 25px;
    --global-grid-child-width: 100%;
}
.grid--form > .col-2 {
    --global-grid-child-width: 50%;
}
.grid--form > .col-3 {
    --global-grid-child-width: 33.33%;
}

input:not([type="submit"], [type="checkbox"], [type="radio"]),
textarea,
select {
    margin: 0;
    padding: 0;
    font-family: inherit;
    outline: 0;
    color: white;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #444444;
    border-radius: 12px;
    font-weight: inherit;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 15px;
    min-height: 55px;
    width: 100%;
    caret-color: #32a1ce;
}

input:not([type="submit"], [type="checkbox"], [type="radio"]):focus,
textarea:focus,
select:focus {
    border-color: #52ACFF;
    outline: 1px solid #32a1ce;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.form-title  {
    margin: 0;
    padding-right: 35px;
}
.form-desc {
    margin-top: 25px;
    margin-bottom: 30px;
}
.modal-form * + form {
    margin-top: 30px;
}
.modal-form .btn {
    width: 100%;
}

/* section--map */
.section--map .leftright-info p {
    line-height: 150%;
}

.section--map .block-form {
    margin-top: 30px;
}

/* footer */
.footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #161616;
}
.grid--footer-top {
    --global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: auto;
    align-items: center;
}
.grid--footer-top > .block-logo {
    flex: 1;
    min-width: 1px;
}

.grid--footer-top > .block-contacts a {
    text-transform: uppercase;
    text-decoration: none;
}

.footer hr {
    margin: 35px 0;
    padding: 0;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.grid--footer-bottom {
    --global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: auto;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: normal;
    color: rgba(255, 255, 255, 0.5);
}

.grid--footer-bottom > .block-requisites {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.grid--footer-bottom > .block-links {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: 7px;
}
.grid--footer-bottom > .block-links a {
    text-decoration: none;
}
.grid--footer-bottom .requisites-name {
    color: white;
}

/* section--hcatalog */
.section--hcatalog .section-head-title {
    text-align: center;
}
.section--hcatalog .button {
    text-align: center;
}
.grid--hcatalog {
    --global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: 33.33%;
}
.grid--hcatalog__v2{
    --global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: 25%;
}
.hcatalog--item {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    background: #202020;
    border-radius: 24px;
    overflow: hidden;
    padding: 25px;
    text-align: center;
}

.hcatalog--item .grid--buttons {
    --global-grid-horizontal: 15px;
    --global-grid-vertical: 15px;
    --global-grid-child-width: 50%;
    margin-top: 30px;
}
.hcatalog--item .btn {
    font-size: 14px;
}
.hcatalog--item .title {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: white;
}
.hcatalog--item .image {
    aspect-ratio: 350 / 350;
    margin-top: 15px;
}
.hcatalog--item .image img {
    aspect-ratio: 350 / 350;
	object-fit: contain;
	width: 100%;
	height: auto;
}

.hcatalog--item .caption {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #444444;
    line-height: 150%;
    flex: 1;
    /* */
    font-weight: 400;
}

/* modals */
.active-modal {
    overflow: hidden;
}

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 25px 25px;
    box-sizing: border-box;
}

.modal.open {
    display: block;
}

.modal::-webkit-scrollbar {
    display: none;
}

.modal-content {
    --global-base-margin: 10px;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    box-sizing: border-box;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background-color: #fff;
    padding: 45px 50px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #161616;
    border-radius: 24px;
}

@keyframes animatetop {
    from {
        transform: translateY(-100px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

.modal-center {
    align-items: flex-start;
}

.modal-center.open {
    display: flex;
}

.modal-center .modal-content {
    display: flow-root;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.modal .close {
    border: 0;
    cursor: pointer;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 35px;
    top: 35px;
    z-index: 1;
}

.modal .close:after,
.modal .close:before {
    background-color: white;
    content: "";
    height: 30px;
    left: 14px;
    position: absolute;
    top: 1px;
    transition: all .3s ease;
    width: 2px;
}

.modal .close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal .close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.modal .close:hover:after,
.modal .close:hover:before {
    background-color: var(--global-primary-color);
}

#message .modal-content {
    font-size: 0.9rem;
    padding: 30px 30px;
    max-width: 450px;
}
/* catalog */
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.ul-clear{
    padding: 0px;
    list-style: none;
}
.section-title{
    padding: 64px 0 0 0;
    margin-bottom: 24px;
}
/* -- sectiong tags -- */
.wrapper-tags {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1024px;
    margin: 0 auto;
    gap: 10px;
    padding: 10px 0;
    margin-bottom: 48px;
}
.tag-item a {
    padding: 7px 16px;
    background-color: #FFFFFF1A;
    border-radius: 24px;
    text-decoration: none !important;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: normal;
}
.tag-item.active a{
    background-color: var(--global-primary-color);
    color: #fff;
}
.tag-item a:hover {
    color: inherit;
    /*color: #fff;
    background-color: var(--global-primary-color);*/
}
/* catalog-products */
.wrapper-products {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.catalog-products .grid--hcatalog .hcatalog--item .caption{
    border-top: 0px;
    margin: 0 0 24px 0;
}
.catalog-products .hcatalog--item .reg-price{
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
}
.catalog-products .hcatalog--item .prod-price{
    margin-bottom: 32px;
}
.catalog-products .hcatalog--item .sale-price{
    font-size: 16px;
    line-height: 16px;
}
.catalog-products .hcatalog--item .image{
    padding-bottom: 16px;
    border-bottom: 1px solid #444444;
    margin-bottom: 16px;
}
.catalog-products .hcatalog--item .grid--buttons{
    margin-top: 0px;
}
.catalog-products > .container{
    max-width: 1920px;
    padding-left: 30px;
    padding-right: 30px;
}
/* end catalog*/
/* modal prod*/
#mod-prod .modal-content, .mod-prod .modal-content{
    max-width: 940px;
    padding: 32px;
}
.modal-prod .pr-name{
    font-size: 32px;
    color: #fff;
    font-family: 'Tactic Sans';
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: 38.4px; 
}
.pr-tags.wrapper-tags{
    justify-content: left;
    margin-bottom: 24px;
    padding: 0px;
}
.product-gallery {
    background-color: #FFFFFF1A;
    border-radius: 24px;
    padding: 16px 16px 32px;
    position: relative;
    max-width: 600px;
    min-width: 600px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.info-prod {
    display: flex;
    display: -webkit-flex;
    gap:24px;
    margin-bottom: 48px;
}
.thumb-item {
    border: 1px solid #FFFFFF1A;
    width: 66px;
    height: 70px;
    padding: 6px;
    border-radius: 16px;
}
.thumb-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-gallery-thumb {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.main-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-gallery-thumb img{
    max-width: 336px;
    max-height: 332px;
}
.modal-prod-price {
    width: 100%;
}
.modal-prod-price .reg-price{
    font-weight: 600;
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 8px;
}
.modal-prod-price .sale-price{
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}
.prod-price, .price-info {
    margin-bottom: 24px;
}
.price-info{
    font-size: 12px;
    line-height: 18px;
}
.title-desc, .title-charact {
    font-family: Tactic Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.modal-prod-desc{
    margin-bottom: 48px;
}
/* end modal prod*/

/* mobile menu*/
.hamburger-wrap {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 3;
}
.hamburger-wrap>span, .hamburger-wrap>span:before, .hamburger-wrap>span:after {
    display: block;
    position: absolute;
    width: 29px;
    height: 2px;
    background-color: #52ACFF;
    z-index: 3;
    border-radius: 30px;
}
.hamburger-wrap>span:before {
    content: '';
    top: -10px;
}
.hamburger-wrap>span:after {
    content: '';
    top: 10px;
}
.hamburger-wrap{
    display: none;
}
.open-menu-hampurger .hampurger-btn {
    transform: rotate(45deg);
}
.open-menu-hampurger .hampurger-btn:before {
    top: 0;
    transform: rotate(0);
}
.open-menu-hampurger .hampurger-btn:after {
    top: 0;
    transform: rotate(90deg);
}
.mobile-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    transition: all .3s ease;
}
.mobile-wrap{
    /*display: none;*/
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.open-mobile-menu .mobile-wrap{
    z-index: 990;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
}
.mobile-wrap .hamburger-wrap{
    position: absolute;
    right: 16px;
}
.mobile-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
    height: 100%;
    justify-content: space-between;
    gap: 40px;
    padding: 16px;
    max-width: 342px;
    position: relative;
}
.mobile-container::-webkit-scrollbar {
    display: none;
}
.mobile-menu ul.navbar{
    flex-direction: column;
    text-align: center;
}
.mobile-contacts .block-contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mobile-btn{
    max-width: 342px;
    width: 100%;
}
.mobile-btn a{
    width: 100%;
}
body.open-mobile-menu {
    overflow: hidden;
}


.grid--hcatalog__v2 .caption {
    font-size: 16px;
    padding-top: 5px;
}
.grid--hcatalog__v2 .hcatalog--item .title {
    font-size: 16px;
}
.modal-prod-desc {
    font-size: 16px;
    line-height: 150%;
    --global-base-margin: 25px;
}
.modal-prod-charact {
    font-size: 16px;
    line-height: 150%;
}

@media (min-width: 1920px){
    .grid--hcatalog__v2{
        --global-grid-child-width: 20%;
    }
}

@media (max-width: 1439px){
     .container{
        padding-left: 32px;
        padding-right: 32px;
    }
    section#head .slider .slick-slide{
        overflow: hidden;
    }
    header .container-header .block-menu .navbar{
        display: none;
    }
    .grid--header > .block-offcanvas{
        display: block;
    }
    .headslider--item .title{
        font-size: 36px;
    }
    .headslider--item .desc{
        font-size: 18px;
        margin-top: 24px;
    }
    .headslider--item .block-content{
        max-width: 483px;
    }
    .headslider--item .image{
        left: 520px;
    }
    .grid.grid-inside.grid--stages > *:not(.clear){
        margin-bottom: 24px;
    }
/*    .clear.id-3, .clear.id-5, .clear.id-7{
        display: block !important;
    }*/
    #leasing .section-head-title.h2{
        font-size: 24px;
    }
    #team .grid--team {
        max-width: 960px;
        margin: 50px auto 0;
    }
    /* catalog */
    .grid--hcatalog__v2{
        --global-grid-child-width: calc(100% / 3);
    }
    .wrapper-tags{
        max-width: 100%;
    }
    .hamburger-wrap{
        display: flex;
    }
    .grid--advantages{
        --global-grid-child-width: 50%;
    }
    .leasing-list--item .value{
        font-size: 24px;
    }
    /* */
    .grid--stages .stages--item.id-1, .grid--stages .stages--item.id-2, .grid--stages .stages--item.id-8, .grid--stages .stages--item.id-7{
        flex-basis: 48% !important;
    }
    .grid--stages .stages--item.id-3 {
        flex-basis: 25% !important;
    }
    .grid--stages .stages--item.id-4 {
        flex-basis: 50% !important;
    }
    .grid--stages .stages--item.id-5{
        flex-basis: 50% !important;
    }
    .grid--stages .stages--item.id-6{
        flex-basis: 25% !important;
    }
}
@media (max-width: 1023px){
    .container, .catalog-products > .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    p{
        font-size: 14px;
    }
    .section-head-title.h2 {
        font-size: 24px;
    }
    .section-head-title.h3{
        font-size: 18px;
    }
    .headslider--item{
        padding-top: 40px;
    }
    .headslider--item .block-content {
        max-width: 356px;
    }
    .headslider--item .image{
        left: 361px;
    }
    #profit .block-left, #profit .block-right{
        width: 50% !important;
    }
    #catalog .grid--hcatalog{
        --global-grid-child-width: 50%;
    }
    #catalog .grid--hcatalog .hcatalog--item:last-child{
        flex: 0 0 100%;
        max-width: calc(100% - 30px);
    }
    #catalog .grid--hcatalog .hcatalog--item:last-child .image, #catalog .grid--hcatalog .hcatalog--item:last-child .image img{
        aspect-ratio: 350 / 140;
    }
    #design .block-left, #design .block-right{
        width: 100%;
    }
    #design .block-right{
        order: 1;
    }
    #design .block-left{
        order: 2;
    }
    #design .leftright-info > .block-left{
        padding: 32px;
    }
    #games .section-head-desc{
        font-size: 14px;
    }
    .grid--igames{
        --global-grid-child-width: 25%;
    }
    .igames .title{
        font-size: 32px;
    }
    .grid--advantages{
        --global-grid-child-width: 50%;
    }
    .grid.grid-inside.grid--stages > .clear{
        display: block;
        height: 0;
    }
    .grid.grid-inside.grid--stages > *:not(.clear){
        flex-direction: column;
    }
    .stages--item .block-content{
        min-height: 53px;
    }
    .stages--item .number{
        font-size: 24px;
    }
    .grid.grid-inside.grid--stages > *:not(.clear){
        margin-bottom: 16px;
    }
    #stages .block-arrow{
        transform: rotate(90deg);
        margin: -16px 0;
    }
    .grid--leasing{
        --global-grid-horizontal: 0;
        --global-grid-vertical: 0;
    }
    .grid--leasing .block-right{
        order: 1;
        margin: 0 auto 16px;
    }
    .grid--leasing .block-left{
        order: 2;
    }
    .grid--leasing .section-head-title {
        text-align: center;
    }
    .leasing-list--item .value{
        font-size: 24px;
    }
    .grid--leasing-list, .grid--leasing .button{
        text-align: center;
    }
    .individual{
        padding: 32px;
    }
    #leasing .grid--leasing .block-right img.image{
        max-width: 498px;
        width: 100%;
    }
    .individual .desc{
        margin-top: 12px;
        font-size: 14px;
    }
    .grid--team{
        --global-grid-child-width: calc(100% / 3);
    }
    .grid--team .section--item .block-image{
        margin: 0;
    }
    .grid--team .section--item .block-content{
        max-width: 150px;
    }
    .section--map .leftright-info .block-left, .section--map .block-right{
        width: 100%;
    }
    .section--map .leftright-info > .block-left{
        padding: 32px;
    }

    /* catalog*/
    .grid--hcatalog__v2{
        --global-grid-child-width: 50%;
    }
    .product-gallery{
        max-width: 454px;
        min-width: 454px;
    }
    .headslider--item .desc {
        font-size: 14px;
        line-height: 180%;
    }
    .headslider--item .title {
        font-size: 32px;
    }
}
@media (max-width: 767px){
    .section-head-title.h1{
        font-size: 24px;
    }

    .grid--header .block-menu, .grid--header .block-social, .grid--header .block-contacts, .grid--header .block-btn{
        display: none;
    }
    .container, .catalog-products > .container{
        padding-left: 16px;
        padding-right: 16px;
    }
    .headslider--item .title{
        font-size: 32px;
    }
    /**/
    .headslider--item{
        padding-top: 58px;
    }
    .headslider--item .block-content{
        justify-content: start;
    }
    .headslider--item .block-content {
        max-width: 100%;
    }
    .headslider--item .image{
        position: inherit;
        left: 0;
        max-width: 343px;
        min-width: 330px;
        max-height: 334px;
        height: 330px;
        margin: 24px auto 0;
    }
    .headslider--item .button{
        margin: 30px auto 0;
    }
    .headslider--item .image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        transform: translate(0);
    }
    .section {
        --section-padding: 90px;
    }
    .profit{
        flex-direction: column;
    }
    #profit .block-left, #profit .block-right {
        width: 100% !important;
    }
    #profit .profit > .block-left{
        padding-top: 0px;
    }
    #profit .profit .row-item{
        padding: 32px 24px;
    }
    #catalog .grid--hcatalog{
        --global-grid-child-width: 100%;
    }
    #catalog .hcatalog--item{
        padding: 16px;
    }
    .hcatalog--item .title{
        font-size: 16px;
    }
    .hcatalog--item .image, .hcatalog--item .image img{
        aspect-ratio: 350 / 215;
    }
    #design .leftright-info > .block-right{
        min-height: 240px;
        max-height: 240px;
    }
    #design .leftright-info > .block-left{
        padding: 24px;
    }
    .grid--igames{
        --global-grid-child-width: calc(100% / 3);
        justify-content: center;
    }
    .igames .title{
        font-size: 24px;
        min-width: 245px;
    }
    .grid--advantages{
        --global-grid-child-width: 100%;
    }
    .advantages--item .title{
        font-size: 16px;
    }
    .advantages--item .title br, .advantages--item .desc br{
        display: none;
    }
    .advantages--item .desc{
        font-size: 14px;
        line-height: 21px;
        padding: 0 10px;
    }
    .stages--item .block-content{
        width: 100%;
    }
    .grid.grid-inside.grid--stages > *:last-child{
        margin-right: 0;
    }
    .grid.grid-inside.grid--stages > *:last-child > .block-content{
        margin: 0 auto;
    }
    #leasing .section-head-title.h2{
        font-size: 20px;
    }
    #leasing .section-head-title.h2 br{
        display: none;
    }
    .grid--leasing-list{
        --global-grid-child-width: 100%;
    }
    .individual{
        flex-direction: column;
        align-items: start;
    }
    .grid--team {
        --global-grid-child-width: 100%;
        --global-grid-horizontal: 0px;
    }
    .grid--team .section--item .block-image{
        margin: 0 auto 24px;
    }
    .grid--team .section--item .block-content {
        max-width: 98%;
        text-align: center;
        margin: 0 auto;
    }
    .leftright-info > .block-right{
        min-height: 259px;
    }
    .footer{
        padding: 24px 0;
    }
    .grid--footer-top{
        --global-grid-child-width: 100%;
    }
    .grid--footer-bottom > .block-links{
        text-align: left;
    }
    /* catalog */
    .grid--hcatalog__v2{
        --global-grid-child-width: 100%;
    }
    .grid--hcatalog__v2 .image img{
        aspect-ratio: 350 / 310;
    }
    .grid--hcatalog__v2 .hcatalog--item{
        padding: 16px 24px;
    }
    .section-products-tags > .container{
        padding-right: 0px;
    }
    .wrapper-tags{
        flex-wrap: nowrap;
        overflow: scroll;
        justify-content: start;
    }
    .wrapper-tags::-webkit-scrollbar {
        display: none;
    }
    .wrapper-tags .tag-item a{
        font-size: 16px;
        white-space: nowrap;
    }
    /* */
    .modal-content{
        padding: 24px;
    }
    .form-desc {
        margin-top: 8px;
        margin-bottom: 24px;
    }
    .modal-form * + form {
        margin-top: 24px;
    }
    .grid--form{
        --global-grid-vertical: 16px;
    }
    .grid--form .col-1:last-child{
        margin-bottom: 24px;
    }
    /* m-catalog*/
    #mod-prod .modal-content, .mod-prod .modal-content{
        padding: 24px;
    }
    .product-gallery{
        min-width: 280px;
        max-width: 280px;
        max-height: 380px;
        min-height: 380px;
    }
    .product-gallery .main-image{
        height: 380px;
    }
/*    .product-gallery-thumb{
        display: none;
    }*/

    .product-gallery{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        background-color: inherit;
        padding:0;
    }
    .product-gallery-thumb{
        position: absolute;
        right: 0;
        width: max-content;
        left: 310px;
        flex-direction: row;
        height: 380px;
        gap: 16px;
    }
    .thumb-item{
        background-color: #FFFFFF1A;
        border-radius: 24px;
        padding: 16px 16px 32px;
        min-width: 280px;
        max-width: 280px;
        height: 380px;
    }
    .main-image{
        background-color: #FFFFFF1A;
        border-radius: 24px;
        padding: 16px 16px 32px;
        max-width: 280px;
        height: 332px;
    }
    #mod-prod, .mod-prod{
        padding: 0;
    }
    .info-prod{
        flex-direction: column;
        margin-bottom: 5px !important;
    }
    .modal-prod-price{
        max-width: 100%; /*212px*/
    }
    .modal-prod-price .prod-price{
        float: left;
    }
    .modal-prod-price .button{
        float: right;
        max-width: 140px !important;
    }
    .grid--header{
        justify-content: space-between;
    }
    .slick-slide{
        height: fit-content !important; 
    }
}

/*new 19-09-24*/
.content-desc iframe{
    width: 100% !important;
}

/*  */
.pr-slider-for .slick-slide , .pr-slider-for .slick-slide > div, .pr-slider-for .slick-slide > div img{
    height:500px;
    /*width: 100% !important;*/
}
.gallery-slider-nav .slick-slide, .gallery-slider-nav .slick-slide> div, .gallery-slider-nav .slick-slide > div img{
    /*height:70px !important;*/
    position:relative;
    cursor:pointer;
}
.pr-slider-for .slick-slide > div img, .gallery-slider-nav .slick-slide > div img{
    border-radius:var(--mf-border-rad);
}
.pr-slider-for .slick-slide > div img{
    object-fit:contain;
}
.gallery-slider-nav .slick-slide > div img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.wrapper-product-gallery .gallery-slider-nav{
    width:70px;
}
.wrapper-product-gallery .gallery-slider-for{
    width: 500px;
}
.wrapper-product-gallery .gallery-slider-for .slick-track{
   /* width: 100% !important;*/
}
.pr-slider-for .slick-track .slick-slide{
    height: 500px;
    width: 500px !important;
}
.pr-slider-for .slick-list{
    width: 500px;
}
.wrapper-product-gallery .slick-arrow {
    position: absolute;
    z-index: 500;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: fit-content;
    cursor:pointer
}
.wrapper-product-gallery .slick-btn-next {
    bottom: 10px;
    top: auto;
    left: 19px;
}
.wrapper-product-gallery .slick-btn-prev {
    top: -10px;
    left: 19px;
}
.wrapper-product-gallery button:focus{
    outline:none !important;
}
.wrapper-product-gallery .slick-btn-next:before{
    transform: rotate(-90deg);
}
.wrapper-product-gallery .slick-btn-prev:before{
    transform: rotate(90deg);
}
.pr-slider-nav .slick-slide {
    margin-bottom: 10px;
    width: 70px !important;
    height: 83px !important;
}
.wrapper-product-gallery button.slick-arrow, .wrapper-product-gallery .slick-navT button.slick-arrow{
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px;
    background: #5b5b5b !important;
    box-shadow: 0px 2px 8px 0px #0000001F;
    transform: translateY(0%);
    padding-block: 0px;
    padding-inline: 0px;
    border-width: 0px;
    cursor: pointer;
    position: absolute;
}
.wrapper-product-gallery button.slick-arrow:before, .wrapper-product-gallery .slick-navT button.slick-arrow:before{
    background-image: url("/local/templates/portal-play/images/arrow-slider.webp");
    background-size: auto;
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    display: block;
    background-position: center;
}
.pr-slider-nav .slick-slide.slick-current.slick-active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 10px);
    background: #52acff5c;
    z-index: 1;
    border-radius: 16px;
}
.catalog--fixedBottom{
    padding-bottom: 0px;
}
.product-page{
    margin-bottom: 0px;
}
.product-page .product-page__description{
    margin-bottom: 0px !important;
    margin-top: 15px;
}
@media (max-width: 1024px){
    .wrapper-product-gallery .gallery-slider-for {
        width: calc(100% - 70px);
    }
    .pr-slider-for .slick-list, .pr-slider-for .slick-track .slick-slide{
        width: 350px !important;
    }
}
@media (max-width: 767px){
    .wrapper-product-gallery .gallery-slider-nav{
        display: none;
    }
    .wrapper-product-gallery .gallery-slider-for{
        width: 100%;
    }
    .product-gallery .main-image{
        max-width: 100% !important;
    }
    .wrapper-product-gallery .pr-slider-for {
        height: 100% !important;
    }
    .pr-slider-for .slick-list, .pr-slider-for .slick-track .slick-slide{
        height: auto;
    }
    .pr-slider-for .slick-slide, .pr-slider-for .slick-slide > div, .pr-slider-for .slick-slide > div img{
        height: auto;
    }
    .pr-slider-for button.slick-btn-prev {
        right: auto;
        bottom: 0;
        left: 15px;
        top: 50%;
    }
    .pr-slider-for button.slick-btn-next {
        right: 20px;
        bottom: 0;
        left: auto;
        top: 50%;
    }
    .wrapper-product-gallery .pr-slider-for .slick-btn-prev:before {
        transform: rotate(0);
    }
    .wrapper-product-gallery .pr-slider-for .slick-btn-next:before {
        transform: rotate(180deg);
    }
    .content-desc iframe{
        height: 250px !important;
    }
    .container--productPage{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .container--productPage iframe{
        width: 100% !important;
        max-width: 100% !important;
        height: 350px !important;
    }
    .content-product-page .wrapper-product-gallery .pr-slider-for{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    body > div.body-overflow > section.section.section-padding-inside.section--headslider.section-margin-top.section-margin-bottom.product-page > div > div.section-title.container.container--productPage > div > h1 {
        font-size: 18px !important;
    }
    body > div.body-overflow > section.section.section-padding-inside.section--headslider.section-margin-top.section-margin-bottom.product-page > div > div.section-breadcrumbs {
        font-size: 12px !important;
    }
    body > div.body-overflow > section.section.section-padding-inside.section--headslider.section-margin-top.section-margin-bottom.product-page {
        margin-top: 10px !important;
    }
    div.wrapper-tags.wrapper-tags--v2 {
        font-size: 10px !important;
    }
    .grid--hcatalog__v2 .image img{
        aspect-ratio:inherit !important;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }
    .hcatalog--item .image, .hcatalog--item .image img{
        aspect-ratio:inherit !important;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }
    .hcatalog--item .image{
        aspect-ratio:inherit !important;
    }
    .grid--prodPage .prodPage-info{
        margin-top: 0px !important;
    }
}
@media (max-width: 450px){
    .pr-slider-for .slick-list, .pr-slider-for .slick-track .slick-slide{
        width: 280px !important;
    }
}

/* End */


/* Start:/local/templates/portal-play/css/custom.css?17254462461208*/
.msg-modal-success::after, .msg-modal-error::after {
    margin-bottom: 5px;
}

.msg-modal-success {
    color: #008000;
}

.msg-modal-error {
    color: #f00;
}

div.modal-prod-wrap a.btn-order {
    --btn-color: white;
    --btn-background: #52ACFF;
    --btn-border: #52ACFF;
    --btn-hover-color: white;
    --btn-hover-background: #8AC7FF;
    --btn-hover-border: #8AC7FF;
    color: var(--btn-color);
    background: var(--btn-background);
    border: 1px solid var(--btn-border);
    text-decoration: none;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: max-content;
    padding: 5px 40px;
    border-radius: 8px;
    outline: 0;
    transition: all 0.1s;
    max-width: 100%;
    cursor: pointer;
    gap: 10px;
    font-family: 'Tactic Sans';
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2;
    width: 100% !important;
}

div.modal-prod-wrap a.btn-order:hover {
    --btn-hover-color: white;
    --btn-hover-background: #8AC7FF;
    --btn-hover-border: #8AC7FF;
    color: var(--btn-hover-color);
    background: var(--btn-hover-background);
    border: 1px solid var(--btn-hover-border);
}
/* End */


/* Start:/local/templates/portal-play/css/lightbox.css?17328172433731*/
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  /*background-color: black;*/
  background: #353535;
  background-color: #353535;  
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  /*opacity: 0.8;*/
  /*opacity: .87;*/
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  /*border-radius: 3px;*/

  /* Image border */
  /*border: 4px solid silver;*/
  background: #353535;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  /*border-radius: 4px;*/

  /* Background color behind image.
     This is visible during transitions. */
  /*background-color: black;*/
  background-color: #353535;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/local/templates/portal-play/css/../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/local/templates/portal-play/css/../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/local/templates/portal-play/css/../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/local/templates/portal-play/css/../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* End */
/* /local/templates/portal-play/css/fonts.css?172509595311723 */
/* /local/templates/portal-play/css/slick.css?17250959532295 */
/* /local/templates/portal-play/css/js-offcanvas.css?17250959533419 */
/* /local/templates/portal-play/css/theme.css?173322598146666 */
/* /local/templates/portal-play/css/custom.css?17254462461208 */
/* /local/templates/portal-play/css/lightbox.css?17328172433731 */