﻿#decoElement3 { width: 165px; height: 164px; background-image: url('../../../000Frames/site/images/circle.svg'); background-size: cover; top: 438px; left: 17px; }
#decoElement4 { background-image: url('../../../000Frames/site/images/fly.png'); width: 90px; height: 98px; background-size: cover; top: 536px; mix-blend-mode: multiply; left: 50px; }
#summary { text-align: center; }

.main-content { padding-bottom: 90px; }
.contentBox-inner { padding: 10px 22px; }
.max-width { max-width: 1240px; }
.contentBox { display: inline-block; width: 33.33%; margin: 0 -2px; vertical-align: middle; }
.contentBox-inner { padding: 22px; }


.past-events .max-width { max-width: 1190px; margin-bottom: -100px; position: relative; z-index: 1; }
.past-events .typingElement { width: 360px; top: -100px; right: -130px; /*mix-blend-mode: multiply;*/ }
#ContentBoxesWides { padding-top: 25px; }
.contentBoxWide { display: inline-block; width: 50%; margin: 0 -2px; }
    .contentBoxWide .contentBox-img { width: 44%; padding-bottom: 0; }
    .contentBoxWide .contentBox-item { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
    .contentBoxWide .contentBox-inner { padding: 25px 35px; }
    .contentBoxWide .contentBox-content { width: 56%; color: #fff; height: 220px; padding: 18px 20px 0 20px; }
    .contentBoxWide .contentBox-date { color: #ec1163; font-size: 120%; }
    .contentBoxWide .contentBox-title { font-size: 110%; line-height: 1.27; }
    .contentBoxWide .contentBox-link { font-size: 100%; bottom: 20px; }
    .contentBoxWide .contentBox-subtitle { line-height: 1; }
.past-events { background-color: #fff; padding-top: 77px; position: relative; text-align: center; }

.bottom-section { background-color: #EBEBEB; position: relative; overflow: hidden; height: 350px; }
    .bottom-section .circleElem { position: absolute; width: 169px; height: 169px; bottom: -55px; left: -133px; }

    .bottom-section .generalBtn { margin-top: 146px; }

@media(min-width:992px) {
    .topBanner #headline h1 { font-size: 300%; }
    .contentBox-item { box-shadow: 0 3px 56px 0 rgba(0, 0, 0, 0.2); }
    .contentBoxWide .contentBox-item { box-shadow: 0px 10px 30px 0 rgba(47, 50, 58, 0.14); }
}

@media(max-width:991px) {
    .past-events .typingElement,
    .bottom-section .circleElem { display: none; }
    .contentBoxWide .contentBox-content { width: 100%; }
    .contentBoxWide .contentBox-img { padding-bottom: 51%; width: 100%; }
    .contentBoxWide .contentBox-item { flex-direction: column; }
    .contentBoxWide .contentBox-inner { padding: 12px; }
    .past-events .max-width { padding: 0 38px; }
    .max-width { padding: 0; }
}

@media(max-width:767px) {
    .contentBox { margin: 0; }
    .contentBox-inner { padding: 10px; }
    .contentBox-content { height: 205px; padding: 8px 10px 40px 10px; }
    .past-events .max-width { padding: 0; }
    #decoElement3, #decoElement4 { display: none; }
    #lobby .main-content { padding-bottom: 0; }
    .main-content { padding-bottom: 60px; }
    .past-events { padding-top: 40px; }
    .bottom-section { height: 160px; }
    .topBanner { margin-bottom: 60px; }
}
