@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
iframe {
    max-width: 100%;
    width: 100%;
}
h1 {
    font-size: 32px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}
h2 {
    font-size: 29px;
    font-family: "Circe Rounded Regular 4", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

.heading--blue {
    color: #002548;
}

p {
    line-height: 1.4;
    margin-bottom: 10px;
}
a {
    color: #fff;
    text-decoration: none;
}
.center {
    text-align: center;
}
input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 280px;
    border-radius: 3px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bbb;
    padding: 7px 8px;
    background: #fafafa;
    margin-bottom: 10px;
}
input[type="text"]:last-child {
    margin-bottom: 0;
}
input[type="text"].error {
    border-color: #b94a48;
}
input[type="checkbox"],
input[type="radio"] {
    display: none;
}
label, .label {
    font-family: "Roboto Condensed", sans-serif;
}
p.label {
    margin-bottom: 10px;
}
.font-icon {
    font-family: "igrocon-icon";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label[for*="input"] {
    display: block;
    margin: 0 0 3px 2px;
}
label[for*="check"] {
    display: block;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
label[for*="check"]:before {
    width: 16px;
    height: 16px;
    border: 1px solid #bbb;
    background: #fafafa;
    box-sizing: border-box;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
    font-family: "igrocon-icon";
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}
label[for*="radio"] {
    display: block;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
label[for*="radio"]:before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #bbb;
    background: #fafafa;
    box-sizing: border-box;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}
input[type="checkbox"].error + label::before {
    border-color: #b94a48;
}
input[type="radio"].error + label::before {
    border-color: #b94a48;
}
input[type="checkbox"]:checked + label::before {
    content: '\e808';
}
input[type="radio"]:checked + label::before {
    background-image: -webkit-radial-gradient(#333 40%, #fafafa 48%);
    background-image: radial-gradient(#333 40%, #fafafa 48%);
}
.helper {
    color: #888;
    font-size: 0.8rem;
    margin: -8px 0 10px 0;
    min-height: 0.1px;
}
.helper .form-error {
    color: #b94a48;
    display: block;
}
b, strong {
    font-weight: 700;
}
i, em {
    font-style: italic;
}
label[for*="txt"] {
    display: block;
    margin: 0 0 3px 2px;
}
textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 280px;
    border-radius: 3px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bbb;
    padding: 7px 8px;
    background: #fafafa;
    margin-bottom: 10px;
    resize: none;
    min-height: 150px;
}

/*MAIN STYLES*/

/*Fonts*/
@font-face {
    font-family: "Circe Rounded Regular 3";
    src: url('/template/igrokon_2018/fonts/CirceRounded-Regular3.otf')format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Circe Rounded Regular 4";
    src: url('/template/igrokon_2018/fonts/CirceRounded-Regular4.otf')format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Circe Rounded Regular";
    src: url('/template/igrokon_2018/fonts/CirceRounded-Regular.otf')format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Circe Regular";
    src: url('/template/igrokon_2018/fonts/CircleRegular.otf')format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Circe Regular Bold";
    src: url('/template/igrokon_2018/fonts/CircleRegularBold.otf')format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*Heplers*/
.margin-bottom-medium {
    margin-bottom: 30px;
}

.margin-bottom-large {
    margin-bottom: 50px;
}

html {
    font-size: 14px;
    color: #fff;
    font-family: "Circe Regular", sans-serif;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}
.preloader {
    background: #004483;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1002;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    visibility: visible;
    opacity: 1;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
}
.preloader .inner {
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}
.preloader .inner .image {
    -webkit-animation: cubeRotate 2s infinite;
    animation: cubeRotate 2s infinite;
}
.preloader .helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
@-webkit-keyframes cubeRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    /*100% {*/
    /*-webkit-transform: rotate(0deg);*/
    /*transform: rotate(0deg);*/
    /*}*/
}
@keyframes cubeRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    /*100% {*/
    /*-webkit-transform: rotate(0deg);*/
    /*transform: rotate(0deg);*/
    /*}*/
}
body {
    width: 100%;
    background: #004483;
    background-size: cover;
}
body.loaded .preloader {
    visibility: hidden;
    opacity: 0;
}
body.loaded header {
    opacity: 1;
    visibility: visible;
    top: 0;
}
body.loaded .banner {
    opacity: 1;
    visibility: visible;
}
body.pushed header .bg {
    height: 100%;
}
body.pushed .banner {
    height: 77vh;
    background-position-y: 8vh;
}
body.pushed .arrow {
    opacity: 0;
    visibility: hidden;
}
body.pushed .content {
    margin-top: 77vh;
}
body.secondary .banner {
    height: 50vh;
    background: none;
}
body.secondary .content {
    margin-top: 50vh;
}
body.secondary.pushed .banner {
    height: 40vh;
}
body.secondary.pushed .content {
    margin-top: 40vh;
}
body.secondary.pushed .title h1 {
    opacity: 0;
    visibility: hidden;
    top: -10px;
}
body.secondary.pushed .title .subtitle {
    opacity: 0;
    visibility: hidden;
    top: -30px;
}
body.gallery .banner {
    height: 30vh !important;
    background: none;
}
body.gallery .content {
    margin-top: 30vh !important;
}
body.gallery.pushed .title h1 {
    opacity: 0;
    visibility: hidden;
    top: -10px;
}
body.gallery.pushed .title .subtitle {
    opacity: 0;
    visibility: hidden;
    top: -30px;
}

body.igroteka aside {
    background: #F7F7F7;
    border: 0;
}
body.igroteka .text-block.left {
    border-right: 0;
}
.shadow {
    width: 100%;
    height: 100%;
    /*background: url("../images/shadow.png") no-repeat center;*/
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}
.wrap {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: -1%;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 25px 35px 15px 20px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

header .logo img {
    width: 100%;
    max-width: 262px;
    min-width: 150px;
}

header .bg {
    background: #014482;
    height: 0;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.logo a {
    display: block;
}
.logo-big {
    max-width: 100%;
    width: 920px;
    /*width: 835px;*/
}

.banner {
    position: absolute;
    top: 0;
    left: 0;
    background: url("/template/igrokon_2024/images/header-bg.png") no-repeat center center;
    background-position-y: center;
    background-size: contain;
    width: 100%;
    height: 100vh;
    z-index: 1;
    -webkit-transition: height ease 0.4s, opacity ease 0.6s .9s, background-position-y ease 1.2s;
    transition: height ease 0.4s, opacity ease 0.6s .9s, background-position-y ease 1.2s;
    opacity: 0;
    visibility: hidden;
}

.banner .title {
    margin: auto;
    text-align: center;
    height: 100%;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.banner .title > * {
    display: inline-block;
    vertical-align: middle;
}
.banner .title h1 {
    font-size: 58px;
    /*text-transform: none;*/
    text-transform: uppercase;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease 0.8s;
    transition: all ease 0.8s;
    position: relative;
    top: 0;
    font-family: 'Circe Rounded Regular 4',sans-serif;
}

.banner .title .title-content {
    max-width: 90%;
}
.banner .title .subtitle {
    font-size: 18px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease 0.8s 0.2s;
    transition: all ease 0.8s 0.2s;
    position: relative;
    top: 0;
}

.banner .title .helper {
    height: 100%;
}
.banner .inner {
    position: relative;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.banner .inner .text-box {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    color: #fff;
}

.banner .inner .text-box .info-block {
    display: flex;
    justify-content: space-between;
    /*max-width: 835px;*/
    max-width: 890px;
    width: 100%;
    text-transform: uppercase;
    margin-top: 130px;
    line-height: 1.3;
}

.banner .inner .text-box .date {
    font-family: "Circe Rounded Regular 4", sans-serif;
    font-size: 143px;
    color: #fff;
    display: flex;
    width: auto;
    width: 350px;
    vertical-align: top;
    margin-top: 0;
    line-height: 1;
    column-gap: 32px;
    flex-wrap: wrap;
}

.banner .inner .text-box .date__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner .inner .text-box .date__item:nth-child(2):before {
    content: "-";
    position: absolute;
    left: -25px;
    top: 0;
}

.banner .inner .text-box .date span {
    font-size: 55px;
    letter-spacing: 5px;
    font-family: "Circe Rounded Regular 4", sans-serif;
    display: block;
}

.banner .inner .text-box .address {
    position: relative;
    font-family: "Circe Rounded Regular 4", sans-serif;
    letter-spacing: 2.7px;
    font-size: 49px;
    display: table-cell;
    vertical-align: top;
    &:before {
        content: '';
        background-image: url("/template/igrokon_2024/images/map-icon.png");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: -84px;
        top: 10px;
        width: 63px;
        height: 90px;
    }
}

.banner .inner .text-box .address span {
    font-family: "Circe Rounded Regular 4", sans-serif;
    /*font-size: 24px;*/
    display: block;
    /*text-transform: lowercase;*/
    /*padding-top: 15px;*/
}


{
/*position: absolute;*/
/*bottom: 40px;*/
    left: 0;
    margin: 0 5px;
}
.banner .inner .btn-area {
    position: absolute;
    bottom: 40px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.banner .btn-buy {
    margin-top: 14px;
}

.banner .btn-buy .buylink {
    text-transform: uppercase;
    font-family: "Circe Rounded Regular 3", sans-serif !important;
    border: 1px solid #fc4427;
    transition: .4s ease-in-out;
    margin-bottom: 0;
    /*padding: 13px 35px !important;*/
    padding: 15.5px 35px !important;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    color: rgb(255, 255, 255);
    line-height: normal;
    text-align: center;
    text-decoration: none;
    background-color: rgb(252, 68, 39);
    border-bottom: none !important;
}

.banner .btn-buy .buylink:hover {
    border: 1px solid #fff;
    color: #004483 !important;
    background-color: #fff !important;
}

.banner .btn.main {
    left: auto;
    right: 0;
}
.content {
    margin-top: 100vh;
    box-sizing: border-box;
    background: #fff;
    color: #313436;
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);*/
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.content .btn.btn-red {
    background-color: rgb(252, 68, 39);
    border: 1px solid #fff;
    color: #fff;
}
.content .btn.btn-red:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(252, 68, 39);
    border: 1px solid rgb(252, 68, 39);
}
.content a {
    color: #333;
}
.content .btn-wrap {
    text-align: left;
}
.content .btn {
    color: #333;
    border-color: #333;
    margin-top: 40px;
}
.content .btn:hover {
    color: #fff;
    background: #004483;
    border: 1px solid #004483;
}
.content .content-item {
    padding: 35px;
    border-bottom: 1px solid #c6c7c8;
    font-size: 0;
}
.content .content-item.first {
    background: url("/template/igrokon_2018/images/welcom-img.png") no-repeat 95% 135%, rgba(0,37,71,1);
    background: url("/template/igrokon_2018/images/welcom-img.png") no-repeat 95% 135%, -moz-linear-gradient(-45deg, rgba(0,37,71,1) 13%, rgba(0,37,71,1) 45%, rgba(1,41,78,1) 53%, rgba(3,55,103,1) 82%, rgba(4,64,119,1) 100%);
    background: url("/template/igrokon_2018/images/welcom-img.png") no-repeat 95% 135%, -webkit-linear-gradient(-45deg, rgba(0,37,71,1) 13%, rgba(0,37,71,1) 45%, rgba(1,41,78,1) 53%, rgba(3,55,103,1) 82%, rgba(4,64,119,1) 100%);
    background: url("/template/igrokon_2018/images/welcom-img.png") no-repeat 95% 135%, -o-linear-gradient(-45deg, rgba(0,37,71,1) 13%, rgba(0,37,71,1) 45%, rgba(1,41,78,1) 53%, rgba(3,55,103,1) 82%, rgba(4,64,119,1) 100%);
    background: url("/template/igrokon_2018/images/welcom-img.png") no-repeat 95% 135%, -ms-linear-gradient(-45deg, rgba(0,37,71,1) 13%, rgba(0,37,71,1) 45%, rgba(1,41,78,1) 53%, rgba(3,55,103,1) 82%, rgba(4,64,119,1) 100%);
    background: url("/template/igrokon_2018/images/welcom-img.png") no-repeat 95% 135%, linear-gradient(135deg, rgba(0,37,71,1) 13%, rgba(0,37,71,1) 45%, rgba(1,41,78,1) 53%, rgba(3,55,103,1) 82%, rgba(4,64,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002547', endColorstr='#044077', GradientType=1 );
    color: #fff;
    padding: 40px 35px;
}

.content .content-item.news-area {
    margin-top: 25px;
}

.content .content-item.first .btn {
    color: #fff;
    border-color: #fff;
}
.content .content-item.first .btn:hover {
    background: #fff;
    color: #002646;
}
.content .content-item.center {
    text-align: center;
}
.content .content-item.center h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}
.content .content-item.center h2:nth-of-type(1) {
    margin-top: 0;
}
.content .content-item.center .text {
    width: 100%;
}
.content .content-item.center .btn {
    margin-top: 20px;
}
.content .content-item.social-widgets {
    background: #002548;
    /*width: 100%;*/
}
.content .content-item:last-child {
    margin-bottom: 0;
    border: 0;
}
.content .content-item .text {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
}
.content .content-item .text p {
    font-family: "Circe Rounded Regular", sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
}

.theme-zones {
    background-color: #002548;
    color: #fff;
}
.content .content-item.theme-zones .text {
    width: 100%;
}

.content .content-item .image {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    text-align: center;
}

.content .content-item .image.round-image {
    clip-path: circle(50% at 50% 50%);
    -webkit-shape-outside: circle(50% at 50% 50%);
    shape-outside: circle(50% at 50% 50%);
    border-radius: 0;
    width: 270px;
    height: 270px;
    margin-left: 4%;
}

.content .content-item .image img {
    display: block;
    width: 379px;
    min-height: 275px;
}
.content .content-item .image a {
    max-width: 325px;
    max-height: 286px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.content .content-item .image a:hover .overlay {
    opacity: 1;
    visibility: visible;
}
.content .content-item .image a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 100, 165, 0.65);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.content .content-item .image a .overlay:after {
    position: absolute;
    width: 64px;
    height: 64px;
    font-family: "igrocon-icon";
    background: url('/template/igrokon_2018/images/icons/arrow.png') no-repeat 55% center;
    background-size: 21px;
    content: '';
    font-size: 24px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 38px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.content .content-item .image a img {
    width: 100%;
    min-height: 198px;
}

.content .content-item .image.round-image a img {
    width: 379px;
    /* min-width: 300px; */
    min-height: 275px;
}

.content .content-item .news-wrap {
    text-align: left;
}
.content .content-item .news {
    width: 29.33333%;
    min-width: 239px;
    margin: 0 2% 20px 2%;
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    text-align: left;
}
.content .content-item .news .image {
    width: 100%;
    max-height: 198px;
    overflow: hidden;
}

.content .content-item .news .image a {
    width: 100%;
    height: 100%;
    max-height: 198px;
    /*max-width: none;*/
    max-width: 352px;
}
.content .content-item .news .caption a:hover {
    text-decoration: underline;
}


.partners-wrap {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
.partner {
    display: inline-block;
    margin: 20px;
    vertical-align: middle;
}
.partner img {
    max-width: 140px;
    transition: .6s ease-in-out;
    transform: scale(1);
}
.partner img:hover {
    transform: scale(1.1);
}

.list-block .item {
    display: block;
    padding: 0 10px;
    margin-bottom: 15px;
    margin-top: 25px;
    /*border-left: 10px solid #eee;*/
}
.list-block .item:nth-of-type(odd) {
    /*border-color: #DCCDE6;*/
}
.list-block .item .body {
    font-size: 0;
}
.list-block .item .body > * {
    font-size: 1rem;
}
.list-block .item .title {
    font-family: "Circe Regular Bold", sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}
.list-block .item .title a {
    text-decoration: none;
}
.list-block .item .image {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    min-width: 150px;
}
.list-block .item .image img {
    max-width: 135px;
}
.list-block .item .image-circle img {
    min-height: 118px;
    max-width: 118px;
    clip-path: circle(50% at 50% 50%);
    -webkit-shape-outside: circle(50% at 50% 50%);
    shape-outside: circle(50% at 50% 50%);
    border-radius: 0;
}
.list-block .item .text {
    display: inline-block;
    vertical-align: top;
    width: 80%;
}
.date {
    display: block;
    font-size: 12px;
    color: #004483;
    margin: 11px 0 6px;
    font-family: 'Circe Regular Bold', sans-serif;
}
.arrow {
    font-family: "igrocon-icon";
    font-size: 24px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 10px 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
.arrow:hover {
    background: rgba(255, 255, 255, 0.1);
}
footer {
    font-size: 0;
    /*background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), transparent);*/
    /*background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);*/
    height: 200px;
    padding-left: 16px;
    padding-right: 16px;
}
footer .wrap {
    padding: 30px 0;
}

footer .left {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    font-size: 1rem;
}

footer .right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: 1rem;
}

footer .right .right-block {
    display: flex;
    justify-content: flex-end;
}

.right-block .made-by {
    text-align: left;
    margin-right: 30px
}

footer .logo {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

footer .logo img {
    width: 205px;
}
footer .bottom-menu {
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
    /*font-family: "Roboto Condensed", sans-serif;*/
    font-size: 12.5px;
    font-weight: 700;
}

footer .bottom-menu ul {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

footer .bottom-menu ul:last-child {
    margin-right: 0;
}
footer .bottom-menu ul li {
    margin-bottom: 7px;
}
footer .bottom-menu ul li:last-child {
    margin-bottom: 0;
}

footer p.copy {
    font-size: 11px !important;
    margin: 0;
    text-align: left;
}
.open-menu {
    display: none;
    font-family: "igrocon-icon";
    font-size: 24px;
    cursor: pointer;
    margin-left: auto;
}
.person {
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
    border-left: 10px solid #eee;
}
.person:last-child {
    margin-bottom: 0;
}
.person .name {
    font-size: 16px;
}
.person .game {
    margin-bottom: 10px;
}
.person .game span {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 22px;
    font-weight: 700;
}
.person .label {
    margin-bottom: 3px;
    font-size: 16px;
}
.person .date {
    font-size: 16px;
}
#map {
    height: 500px;
    width: 100%;
}
.social-widgets {
    /*text-align: center;*/
}
.social-widgets .item {
    display: inline-block;
    vertical-align: top;
    margin: 20px;
    height: 230px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 6px;
    border: 2px solid #fff;
    box-sizing: border-box;
}

html.fancybox-lock {
    overflow: visible !important;
}
html.fancybox-lock body {
    overflow: visible !important;
}
.fancybox-overlay {
    overflow: hidden !important;
}
.fancybox-margin {
    margin: auto !important;
}
.top-menu {
    font-family: "Circe Rounded Regular 3", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 20px;
    text-align: center;
    margin-top: -48px;
}

.top-menu ul {
    font-size: 0;
    width: 100%;
}
.top-menu ul li {
    display: inline-block;
    vertical-align: bottom;
    font-size: .8rem;
    margin-right: 20px;
    text-align: left;
    letter-spacing: 1px;
}

.top-menu ul li:last-child {
    margin-right: 0;
}
.top-menu ul li a {
    border-bottom: 4px solid transparent;
    -webkit-transition: border ease 0.2s;
    transition: border ease 0.2s;
    padding-bottom: 3px;
}
.top-menu ul li a:hover {
    color: #F04E24;
    border-bottom: 4px solid #F04E24;
}

.top-menu ul li.buy-link > a.buylink {
    margin-bottom: -10px !important;
    font-family: "Circe Rounded Regular 3", sans-serif !important;
    transition: .3s;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    padding: 7px 12px 5px;
    border-radius: 0;
    color: rgb(255, 255, 255);
    font-size: 11px;
    line-height: normal;
    text-align: center;
    margin-bottom: 8px;
    text-decoration: none;
    background-color: rgb(252, 68, 39);
    border-bottom: none;
}

.top-menu ul li.buy-link > a.buylink-mobile {
    display: none;
}

.top-menu ul li.buy-link > .buylink:hover {
    color: #004483 !important;
    background-color: #fff !important;
}

.social {
    position: relative;
    margin-top: -25px;
}

.social:hover .hint {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.social:hover ul {
    top: -5px;
}
.social .hint {
    top: 0;
    width: 200%;
    right: -50%;
    text-align: center;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all cubic-bezier(0.25, 0.1, 0.32, 1.6) 0.3s;
    transition: all cubic-bezier(0.25, 0.1, 0.32, 1.6) 0.3s;
    font-size: 13px;
}
.social ul {
    /*display: block;*/
    display: flex;
    table-layout: fixed;
    -webkit-transition: all cubic-bezier(0.25, 0.1, 0.32, 1.6) 0.3s;
    transition: all cubic-bezier(0.25, 0.1, 0.32, 1.6) 0.3s;
    position: relative;
    top: 0;
}
.social ul li {
    display: table-cell;
}
.social ul li:last-child a {
    margin-right: 0;
}
.social a {
    display: block;
    font-family: "igrocon-icon";
    font-size: 22px;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    cursor: pointer;
}
.social a:hover {
    /*border-color: transparent;*/
    border-color: white;
}

.social a.vk {
    background: transparent;
}
.social a.vk span {
    position: relative;
    top: -1px;
    left: -1px;
}
.social a.vk:hover {
    background: #567ca4;
}
.social a.fb {
    background: transparent;
}
.social a.fb:hover {
    background: #3a5795;
}
.social a.tw {
    background: transparent;
}
.social a.tw:hover {
    background: #0084B4;
}
a.telegram svg {
    fill: #004483f2;
    background-color: #fff;
    border-radius: 50%;
}
a.telegram svg:hover {
    fill: #24A1DE;
    background-color: white;
    /*border: 1px solid #24A1DE;*/
}
.share-this .title {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.share-this ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
}
.share-this li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.share-this li a {
    font-family: "igrocon-icon";
    text-decoration: none;
    display: block;
    padding: 5px;
    font-size: 18px;
}
.share-this li a:hover {
    background: #eee;
}
.btn {
    font-size: 15px;
    padding: 15px 30px;
    font-family: "Circe Rounded Regular 4", sans-serif;
    text-transform: uppercase;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    margin: 5px;
}

.btn.btn-white {
    color: #fff;
    border-color: #fafbfc;
}


.btn:hover {
    background: #F04E24;
    color: #fff;
    /*border: 1px solid #F04E24;*/
}
.btn.main {
    background: #fff;
    border-color: #fff;
    color: #004483;
    font-family: "Circe Rounded Regular 3", sans-serif;
}
.btn.main:hover {
    background: #F04E24;
    border-color: #F04E24;
    color: #fff;
}
.panel {
    width: 50%;
    max-width: 300px;
    background: #111111;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 1001;
    height: 130%;
    -webkit-transition: all ease 0.8s;
    transition: all ease 0.8s;
    box-sizing: border-box;
}

.panel .inner {
    padding: 20px;
}
.panel.opened {
    right: 0;
}
.panel .top-menu {
    padding: 0;
}
.panel .top-menu ul li {
    display: block;
    margin: 0 0 20px;
}

.panel .social {
    padding: 20px 0;
    border-top: 1px dashed #eee;
    border-bottom: 1px dashed #eee;
    text-align: center;
}
.panel .social .hint {
    position: static;
    visibility: visible;
    opacity: 1;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.panel .social ul {
    /*display: inline-block;*/
    display: flex;
    justify-content: center;
}
.panel .btn-wrap {
    text-align: center;
    margin-top: 20px;
}
.panel .social ul a.telegram svg {
    fill: #111111;
}
.content:after {
    content: "";
    display: table;
    clear: both;
}
.text-block {
    padding: 30px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}
.text-block:last-of-type {
    border-bottom: 0;
}
.text-block table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border-color: #cbcbcb;
    line-height: 21px;
}
.text-block table caption {
    padding: 0.5em 1em;
    border-color: #cbcbcb;
    border-bottom: 0;
    font-weight: 700;
}
.text-block table tr {
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    border-bottom: 1px solid #eee;
    /*border-left: 10px solid #eee;*/
}
.text-block table tbody:hover tr {
    background: #F3F3F3;
}
.text-block table tbody:nth-of-type(even) tr {
    background: rgb(243, 245, 247);
    /*border-left-color: #DCCDE6;*/
}
.text-block table thead {
    background-color: #d5e0eb;
    color: #313436;
    text-align: left;
    vertical-align: bottom;
}
.text-block table th, .text-block table td {
    border-color: #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 20px 10px;
}
.text-block table th:first-child, .text-block table td:first-child {
    border-left-width: 0;
}
.text-block table td {
    background-color: transparent;
}
.text-block .news {
    width: 100%;
    margin: 0 0 10px;
    text-align: left;
    font-size: 0;
    /*border-left: 10px solid #eee;*/
    padding: 10px;
    box-sizing: border-box;
}
.text-block .news:nth-of-type(odd) {
    border-color: #DCCDE6;
}
.text-block .news > * {
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.text-block .news .image {
    width: 37%;
    /*max-height: 161px;*/
    overflow: hidden;
    position: relative;
}

.text-block .news .image img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.text-block .news .image a {
    width: 100%;
    height: 100%;
    max-height: 198px;
    max-width: none;
}
.text-block .news .image a:hover .overlay {
    opacity: 1;
    visibility: visible;
    z-index: 80;

}
.text-block .news .image a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 100, 165, 0.65);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    text-align: center;
}
.text-block .news .image a .overlay:after {
    position: absolute;
    width: 64px;
    height: 64px;
    font-family: "igrocon-icon";
    background: url(/template/igrokon_2018/images/icons/arrow.png) no-repeat 55% center;
    background-size: 21px;
    content: '';
    font-size: 24px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 38px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.text-block .news .caption {
    width: 63%;
    padding-right: 20px;
}

.text-block .news .caption .date {
    font-size: 15px;
}
.text-block .news .caption .btn {
    margin-top: 20px;
    margin-left: 0;
}
.text-block .news .caption .title {
    text-decoration: none;
    font-family: "Circe Regular", sans-serif;
    font-size: 18px;
}
.text-block .news .caption .title:hover {
    text-decoration: underline;
}
.text-block .news .caption .short-text a {
    text-decoration: none;
}
.text-block p img.elastic {
    width: 100% !important;
    height: auto !important;
    min-width: 100px;
}
.text-block:last-child {
    border: 0;
}
.text-block h2 {
    font-size: 26px;
    text-transform: none;
    margin-top: 40px;
    margin-bottom: 20px;
}
.text-block h2:nth-of-type(1) {
    margin-top: 0;
}
.text-block a {
    text-decoration: underline;
}
.text-block a[id] {
    position: relative;
    top: -72px;
    display: block;
}
.text-block .btn {
    text-decoration: none;
}
.text-block ul.list {
    margin-bottom: 10px;
    margin-left: 0;
}
.text-block ul.list li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    line-height: 1.3;
}
.text-block ul.list li:before {
    content: "―";
    position: absolute;
    left: 0;
}
.text-block ul.numbers {
    margin-bottom: 10px;
    margin-left: 20px;
}
.text-block ul.numbers li {
    list-style: decimal;
    line-height: 1.3;
}
.text-block ul {
    margin-bottom: 10px;
    margin-left: 20px;
}
.text-block ul li {
    list-style: disc;
    line-height: 1.3;
}
.text-block ol li {
    list-style: none;
    line-height: 1.4;
    font-size: 18px;
    margin-bottom: 10px;
}
.text-block.left {
    width: 70%;
    float: left;
    /*border-right: 1px solid #eee;*/
}

aside {
    float: right;
    width: 30%;
    height: 100%;
    box-sizing: border-box;
}

.form {
    padding: 30px;
    border-left: 1px solid #eee;
    box-sizing: border-box;
}
.form h2 {
    font-size: 18px;
    text-transform: none;
    line-height: 1.2;
}
.form input, .form textarea, .form label:before {
    background: #fff;
}
.form .btn {
    margin-top: 20px;
}
.form #notification {
    background: greenyellow;
    padding: 10px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.6s;
    transition: all ease 0.6s;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}
.form #notification.visible {
    opacity: 1;
    visibility: visible;
}
.photo {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
}
.photo a {
    display: block;
    width: 100%;
    height: 100%;
}
.photo img {
    min-height: 100%;
}
.galleries .item {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
}
.galleries .item .caption {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}
.galleries .item .caption p {
    margin: 0;
}
.galleries .item .caption a {
    text-decoration: none;
}
.galleries .item .image {
    width: 250px;
    height: 150px;
    overflow: hidden;
}
.galleries .item .image img {
    min-height: 100%;
}
.galleries .item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.galleries .item a:hover .overlay {
    opacity: 1;
    visibility: visible;
}
.galleries .item a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 100, 165, 0.65);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    text-align: center;
}
.galleries .item a .overlay:after {
    position: absolute;
    width: 64px;
    height: 64px;
    font-family: "igrocon-icon";
    background: url('/template/igrokon_2018/images/icons/arrow.png') no-repeat 55% center;
    background-size: 21px;
    content: '';
    font-size: 24px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 38px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.pagination {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}
.pagination .ditto_currentpage {
    font-weight: 700;
}
.pagination span {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px;
}
.pagination a {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.pagination a:hover {
    background: #eee;
}
.additional {
    width: 300px;
    margin: 0 auto;
}
.additional > div {
    padding: 40px 0 20px;
}
.additional .btn {
    margin: 0 0 10px;
    display: block;
    text-align: center;
}
.additional .btn:last-child {
    margin: 0;
}
hr {
    border: 0;
    margin: 10px 0;
    border-bottom: 1px solid #c6c7c8;
}
.types {
    font-size: 0;
    margin-top: 20px;
}
.types .type {
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    box-sizing: border-box;
    padding: 4px;
    text-align: center;
}

.types .type .pic {
    -webkit-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
}
.types .type .pic img {
    width: 70%;
    max-width: 130px
}
.types .type p.title {
    font-size: 20px;
    font-family: "Circe Regular", sans-serif;
    margin: 20px 0 10px;
    font-weight: bold;
}
.types .type p.description {
    font-size: 16px;
    padding: 0 23px;
    line-height: 1.2;
}

.types .type p {
    font-size: 13px;
    letter-spacing: -0.4px;
}
.types .type:hover .pic {
    /*-webkit-transform: rotate(180deg);*/
    /*transform: rotate(180deg);*/
}

ul.partners-tabs {
    margin-left: -90px;
}

#tabs {
    margin-bottom: 40px;
}
#tabs li {
    display: inline-block;
    margin: 10px 30px 30px;
}
#tabs li a {
    font-size: 29px;
    font-family: "Circe Rounded Regular 4", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #75899b;
    outline: none;
}
#tabs li a:hover {
    color: rgba(0, 0, 0, 0.54);
}
#tabs li a.selected {
    color: #002548;
}
.lity-wrap:before {
    margin-right: 0;
}

/*=== PAGES ===*/
/*=== Mesto provedeniya ===*/
body.location .banner {
    background: url(/template/igrokon_2018/images/headers/location-bg.png) no-repeat center 65%;
    background-size: 790px;
}
.secondary p {font-size: 18px; margin-bottom: 20px;}
/*.secondary h2 {text-transform: uppercase; }*/
.blue {color: #004483;}
.location .banner .title .title-content,
.rules .banner .title .title-content {max-width: 48%; line-height: 1.3;}
.metro {
    position: relative;
    margin-left: 10px;
}
.metro:before {
    width: 7px;
    height: 7px;
    position: absolute;
    content: '';
    background: #0d0d0d;
    border-radius: 50%;
    left: -8px;
    top: 5px;
}
.blue-circle.metro:before {background: #004483;}
.purple-circle.metro:before {background: #b10fce;}
.green-circle.metro:before {background: #3b9c21;}
.red-circle.metro:before {background: #c60e42;}

/*=== SMI ===*/
body.smi .banner {background: url(/template/igrokon_2018/images/headers/smi-bg.png) no-repeat center center; background-size: 850px;}
.smi .form p {font-size: 13px;}
/*===Contacts===*/
body.contacts .banner {
    background: url(/template/igrokon_2018/images/headers/contacts-bg.jpg) no-repeat center 70%;
    background-size: 800px;
}
/*===Partners===*/
body.partners .banner {
    background: url(/template/igrokon_2018/images/headers/partners-bg.png) no-repeat center 70%;
    background-size: 850px;
}
/*===Photo Gallery===*/
body.photo-gallery .banner {
    background: url(/template/igrokon_2018/images/headers/photo-gallery-bg.png) no-repeat center 65%;
    background-size: 850px;
}
/*===News Page===*/
body.news-page .banner {
    background: url(/template/igrokon_2018/images/headers/news-bg.png) no-repeat center center;
    background-size: 800px;
}
/*===About Festival Page===*/
body.about-festival .banner {background: url("/template/igrokon_2018/images/headers/about-festival-bg.png") no-repeat center center; }
.list-shape {font-size: 13px; margin-right: 5px;}
/*===Story Page===*/
body.story-page .banner {
    background: url(/template/igrokon_2018/images/headers/story-bg.png) no-repeat 47% 45%;
    background-size: 850px;
}
.story-page .banner .title h1 {
    max-width: 500px;
    line-height: 1.3;
}
.story-page .content .btn {
    margin-top: 20px;
}
.story-page .text-block .title a {
    color: #313436;
}
.story-page.secondary p {
    margin-bottom: 15px;
}
.story-page input[type="text"],
.story-page textarea {
    max-width: 100%;
}
.story-page .lity-iframe-container iframe {
    background: #fff;
}
.story-page-modal {
    background: #fff;
    color: #333333;
    padding: 0 13px;
    box-sizing: border-box;
}
.story-page-modal p {
    font-size: 18px;
}
.modal-image {
    margin: 0 0 10px 0;
}
.modal-image img {
    max-height: 350px;
}
.secondary .text-block a {
    /*color: #004483;*/
    color: #2140a5;
    text-decoration: none;
    /*border-bottom: 1px solid transparent;*/
    transition: .35s ease-in-out;
}
.secondary .text-block a:hover {
    color: #f04e25;
    /*border-bottom: 1px solid #f04e25;*/
}

.secondary .text-block strong {
    color: #004483;
}

.secondary .text-block ul {
    font-size: 18px;
    margin-bottom: 20px;
}

/*===Rules Page===*/
body.rules .banner {background: url("/template/igrokon_2018/images/headers/rules-bg.png") no-repeat center center; }

.rules .text-block ul {
    font-size: 18px;
}
/*===Tourney Page===*/
body.tourney .banner {background: url("/template/igrokon_2018/images/headers/tourney-bg.png") no-repeat center bottom; }
/*===Program Page===*/
body.program-page .banner {
    background: url("/template/igrokon_2018/images/headers/program-bg.png") no-repeat center center;
    background-size: 770px;
}

.program {
    margin-top: 50px;
    margin-bottom: 50px;
}

.program-row, .timetable-row {
    padding: 10px 0;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    line-height: 1.5;
    /*border-bottom: 1px solid #aec3e5;*/
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fff;
    -webkit-transition: .6s ease;
    transition: .6s ease;
}
.timetable-row {
    font-size: 14px;
    padding: 15px 0;
}

.timetable-row--heading {
    background: #d5e0eb;
}
.timetable-row--grey {
    background: #f3f5f7;
}
.timetable-row__cell {
    flex-basis: 12.5%;
    width: 12.5%;
    padding: 0 10px
}
.timetable-row__description {
    flex-basis: 87.5%;
    width: 87.5%;
    padding: 0 10px 0 0
}
.program-row:nth-child(even) {
    background: #f3f5f7;
}
p.program-row__description {
    padding: 20px 0;
    margin-bottom: 0;
}

.program-row__heading {
    background: #e6eefb;
    align-items: center;
}
.program-row__heading h2 {
    font-size: 42px;
    margin-bottom: 0;
}

.program-row__time {
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
    width: 16%;
    font-family: 'Circe Rounded Regular 3', sans-serif;
    padding: 0 20px;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    font-size: 17px;
}
.program__date {
    font-family: 'Circe Rounded Regular 4', sans-serif;
    display: block;
    font-size: 19px;
}


.program-row__info {
    -ms-flex-preferred-size: 53%;
    flex-basis: 84%;
    width: 84%;
    padding: 0 20px
}

.program-row__info--icon {
    margin-left: 10px;
    max-width: 30px
}

.program-row__person {
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    width: 31%;
    padding: 0 20px
}

.program-row__person--name {
    color: #e50023;
}

@media (max-width: 568px) {
    .program-row {
        font-size: 18px
    }
}

.program .coffee-svg {
    width: 30px
}

/*===Igroteka===*/
body.igroteka .banner {
    background: url("/template/igrokon_2018/images/headers/igroteka-bg.png") no-repeat center center;
    background-size: 800px;
}
.igroteka .banner .title .title-content {max-width: 48%; line-height: 1.3;}

.flat_button {
    background-color: #16407f !important;
    color: #ffffff;
}

#bodyRdadrioPop {
    /*z-index: 9998;*/
    /*overflow-y: scroll;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*height: 100%;*/
    /*width: 100%;*/
}
div#close-radario-div {
    color: #000;
}
.contact-block p {margin-bottom: 5px;}

.image_wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.image_wrapper:before {
    content: "";
    display: block;
    padding-top: 56%;
}
.image_wrapper img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

/*===Media Queries===*/
/*@media screen and (max-width: 1366px) and (min-width: 1100px){*/
/*.text-block .news .image {max-height: 165px}*/
/*}*/
@media (max-width: 1300px) {
    .logo-big {width: 730px; padding: 0 20px;}
    .banner .inner .text-box .info-block {
        margin-top: 85px;
        padding-left: 20px;
    }
    .banner .inner .text-box {top: 45%}
    .banner .inner .text-box .date {font-size: 95px;}
    /*.banner .inner .text-box .date span {font-size: 33px;}*/
    .banner .inner .text-box .address {font-size: 34px;}
    .banner .inner .text-box .address span {font-size: 22px;}
    .banner {background-position: 60% center;}
    .content .content-item .news .image {max-height: 180px;}
    .content .content-item .image a .overlay {max-height: 180px;}
}

@media (max-width: 1180px) {
    .top-menu ul li {margin-right: 16px;}
    .content .content-item .news .image {max-height: 170px;}
    .content .content-item .image a .overlay {max-height: 170px;}

}
@media (max-width: 1100px) {
    .banner .inner .text-box .info-block {max-width: 870px;}
    .text-block.left {width: 60%;}
    aside {width: 40%;}
    header .logo img {max-width: 150px;}
    footer .right {width: 100%; display: block;}
    footer .bottom-menu {margin-left: 0;width: 100%;}
    footer .right .right-block {justify-content: flex-start; margin-top: 20px;}
    .content .content-item .news .image {max-height: 150px;}
    .content .content-item .image a .overlay {max-height: 150px;}
}

@media (max-width: 1024px) {
    #tabs, .partners-wrap {text-align: center;}
    .content .content-item .text {width: 66%;}
    .top-menu ul li:last-child {margin-top: 10px;}
    .content .content-item .news .image {max-height: 198px;}
    .content .content-item .image a .overlay {max-height: 198px;}
    .content .content-item .news {width: 45.33333%;}
    /*.text-block .news .image {max-height: 110px}*/
}
/*@media (max-width: 768px) and (min-width: 540px) {*/
/*.text-block .news .image {max-height: 150px}*/
/*}*/


@media (max-width: 980px) {
    header {padding: 10px 15px;}
    header .top-menu {display: none;}
    header .social {display: none;}
    header .open-menu {display: block;}
    .content {height: auto !important;}
    .text-block.left {width: 100%; float: none;}
    .text-block.left .galleries, .gallery .text-block.left  {text-align: center;}

    .social {margin-top: 0;}
    .social a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
    }
    .top-menu {margin-top: auto}
    .top-menu ul li {margin-right: 10px; font-size: 12px;}
    aside {width: 100%; float: none; height: auto;}
}
@media (max-width: 920px) {
    .logo-big {width: 650px;}
    .banner .inner .text-box .date {width: 300px; font-size: 75px;}
    .banner .inner .text-box .date span {font-size: 40px;}
}
@media (min-width: 1024px) {
    .content .content-item .news:first-child,
    .content .content-item .news:nth-child(4),
    .content .content-item .news:nth-child(7) {
        margin-left: 0;
    }

    .content .content-item .news:nth-child(3),
    .content .content-item .news:nth-child(6),
    .content .content-item .news:nth-child(9) {
        margin-right: 0;
    }
}

@media (max-width: 868px) {
    .banner {
        background: url("/template/igrokon_2024/images/header-bg-mob.png") no-repeat center center;
        background-size: cover;
        background-position-y: 50% !important;
    }
}

@media (max-height: 550px) and (min-width: 420px) {
    .banner {
        background-size: 100%;
    }
}

@media (max-height: 550px) {
    .banner .title h1 {font-size: 2rem; margin-bottom: 5px;}
    .banner .title .subtitle { font-size: 1rem; margin-bottom: 0;}
    .logo-big { display: none;}
    .banner .inner .btn-area {bottom: 65px;}
    .banner .inner .text-box {top: 33%;}
}
@media (max-height: 820px) {
    body.pushed .banner {height: 100vh; background-position-y: initial;}
    body.pushed .content {margin-top: 100vh;}
    body.gallery.loaded.pushed {height: 30vh;}
}
@media (max-height: 735px) {
    .btn {
        font-size: 14px;
        padding: 15px 22px;
    }
    .banner .btn-buy {
        margin-top: 19px
    }
}

@media (max-height: 690px) {
    .banner .inner .text-box .info-block {margin-top: 60px;}
}
@media (max-height: 620px) {
    .banner .inner .text-box .info-block {margin-top: 30px;}
    .logo-big {width: 700px;}
    .margin-bottom-large {margin-bottom: 30px;}
}

@media (max-width: 768px) {
    .banner .inner .text-box .info-block {margin-top: 45px; flex-direction: column;}
    .banner .inner .text-box .date {font-size: 65px; width: 250px;}
    .banner .inner .text-box .date span {font-size: 31px}
    .banner .inner .text-box .address {margin-top: 30px; margin-left: 62px; font-size: 30px;}
    .banner .inner .text-box .address:before {left: -62px; top: 6px; width: 42px; height: 60px;}
    .banner .inner .text-box .date,
    .banner .inner .text-box .address {padding: 0 20px;}
    .logo-big {width: 520px;}
    .content .content-item .text {width: 100%;}
    .content .content-item .image {display: none;}
    .types .type {width: 50%;}
    .program-row--small-padding {padding: 5px 0 0}
    .program-row--small-padding .program-row__info {margin-bottom: 10px}
    .program-row__time {margin-bottom: 10px; width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto}
    .program-row__info {margin-bottom: 20px; width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto}
    .program-row__person {width: 100%; -ms-flex-preferred-size: auto; flex-basis: auto}
    body.location .banner, body.smi .banner, body.contacts .banner, body.partners .banner, body.photo-gallery .banner,
    body.news-page .banner, body.about-festival .banner, body.rules .banner, body.tourney .banner, body.program-page .banner,
    body.igroteka .banner {background-size: contain;}
    body.pushed .banner {height: 100vh; background-position-y: initial;}
    body.pushed .content {margin-top: 100vh;}
    ul.partners-tabs {margin-left: -50px;}
    .banner .inner .text-box .date, .banner .inner .text-box .address {padding: 0;}
    body.gallery.loaded.pushed {height: 30vh;}
    .content .content-item .news .image {display: block; max-height: 170px;}
    .content .content-item .image a img {min-height: 150px; object-fit: contain; object-position: 0 0;}
    .content .content-item .image a .overlay {max-height: 170px;}
    .igroteka .banner .title .title-content {max-width: 70%;}
    /*.text-block .news .image {max-height: 143px}*/
}
/*@media (max-width: 768px) and (min-width: 540px) {*/
/*.text-block .news .image {max-height: 150px}*/
/*}*/

@media (max-width: 640px) {
    .banner .title h1 {font-size: 36px;}
    .top-menu ul li.buy-link > a.buylink-mobile {display: inline-block;}
    .top-menu ul li.buy-link > a.buylink-desktop {display: none;}
    .banner .btn-buy {margin-top: 0;}
    .banner .btn-buy .buylink {
        font-size: 0.9rem !important;
        margin-left: 15px;
        margin-right: 15px;
        display: block;
    }
    .banner .btn-buy .buylink-mobile {display: block;}
    /*.banner .btn-buy .buylink-desktop {display: none;}*/
    .lity {background: #fff !important;}
    .lity-iframe-container {
        height: 100vh;
        max-height: 100% !important;
    }
    .lity-iframe .lity-container {overflow-y: scroll;}
    .lity-iframe-container iframe {background: #fff;}
    .content .content-item .news .image {max-height: 150px;}
    .content .content-item .image a img {min-height: 160px; object-fit: contain;}
    .content .content-item .image a .overlay {max-height: 150px;}
    .list-block .item .text {width: 100%;}
    .list-block .item .image {margin-bottom: 15px;}
}
@media (max-width: 550px) {
    footer .wrap {padding: 10px;}
    footer .left { width: 100%; margin-bottom: 20px; text-align: center;}
    footer .bottom-menu {margin: 0;}
    footer .bottom-menu ul {margin: 0;display: block;}
    footer .right {width: 100%; margin-bottom: 20px; text-align: center;}
    footer .right .right-block {justify-content: center;}
    footer .logo {display: block;}
    footer .bottom-menu ul li:last-child {margin-bottom: 7px;}
    .social-widgets .item {display: block; margin: 10px auto; width: 100%; max-width: 300px;}
    .social-widgets .item > * {width: 100% !important;}
    .panel {width: 250px;}
    .btn {font-size: 0.9rem; padding: 13px 15px;}
    .text-block .news .caption {display: block; width: 100%;}
    .text-block .news .image {display: block; width: 100%; margin-top: 20px;}
    .banner {background-size: 140%;}
    .banner .btn {margin: 10px 15px; display: block;}
    .banner .inner .text-box .address {width: 100%;}
    .logo-big {display: none}
    .banner .inner .text-box {top: 36%}
    .banner .inner .text-box .date {font-size: 70px; margin-bottom: 10px;}
    .banner .inner .text-box .date span {font-size: 18px;}
    .banner .inner .text-box .date__item:nth-child(2):before {left: -20px;}
    .banner .inner .text-box .address {font-size: 24px; margin-left: 52px;}
    .banner .inner .text-box .address span {font-size: 20px;}
    .banner .inner .text-box .address:before {width: 37px; height: 52px; left: -55px; top: 4px;}
    .banner .inner .text-box .info-block {margin-top: 0;}
    header .logo img {max-width: 170px;}
    .banner .inner .btn-area {flex-direction: column; text-align: center;}
    .banner .btn-buy {margin: 10px 0px; display: block;}
    .banner .inner .btn-area {display: block;}
    /*.banner .btn-buy .buylink {font-size: 0.9rem !important; margin-left: 15px; margin-right: 15px;!*display: block !important;*!}*/
    .content .content-item.first {padding: 40px 20px;}
    .content .content-item {padding: 35px 20px;}
    ul.partners-tabs {margin-left: 0;}
    #tabs {margin-bottom: 40px; text-align: center;}
    .partners-wrap {text-align: center}
    .lity-iframe-container {height: 500px !important;}
    .igroteka .banner .title .title-content {max-width: 68%; line-height: 1.3; font-size: 34px;}
}


@media (max-width: 620px) {
    .content .content-item .news {width: 88.33333%;}
    .content .content-item .news-wrap {text-align: center;}
    .content .content-item .news .image {max-height: 198px;}
    .content .content-item .image a .overlay {max-height: 198px;}
}
@media (max-width: 420px) {
    .content .content-item .news {width: 95.33333%;}
    .content .content-item .news .image {max-height: 170px;}
    .content .content-item .image a .overlay {max-height: 170px;}
    .content .content-item .image a img {min-height: 160px; object-fit: contain;}
    .photo {margin-right: 5px;}
    .igroteka .banner .title .title-content {max-width: 78%;}
}

@media (max-width: 1100px) and (min-width: 880px){
    .top-menu {margin-top: 0;}
}


@media (max-width: 1100px) and (min-width: 880px){
    .social {margin-top: -10px;}
}

@media (min-width: 881px) {
    .panel {
        display: none !important;
    }
}

@media (max-height: 550px) and (min-width: 420px) {
    .panel .top-menu ul li {
        margin: 0 0 10px;
    }
    .panel .top-menu ul li a {
        padding-bottom: 0;
    }
}

@media (max-width: 450px) {
    #tabs li {margin: 15px 0; display: block;}
    .types .type {width: 90%;}
    .lity-iframe-container {height: 520px !important;}
}

.buy-tickets-page-box .description-contaner {
    overflow: scroll !important;
    height: 355px !important;
}