/*body {background-color: var(--color-red)!important;}*/
/*#speaker {background-color: var(--color-white)!important;}*/

#speaker {min-height: 3900px;}

#speaker h4 {text-align: left;}

.row>div[class^="col"] {padding-left: unset; padding-right: unset;}

.bg-main {background-image: url(../img/bg/bg-main-mobile.jpg);}

.toggle-search {font-size: 26px!important; transition: 0.5s;}
.fa.fa-search {font-size: 24px!important; position: fixed; right: 15px; top: 28px; transition: 0.5s;}
.closebtn-search {
    padding: unset!important;
    font-size: 50px!important;
    top: 0!important;
    right: 20px!important;
}

.me-auto {margin: auto!important;}

#landing {
  background-image: url("../img/bg-landing-mobile-v2.jpg");
  background-position: center center;
}
#landing img.btn-enter {width: 50%!important; margin-top: unset;}
#landing .hero-img {margin: 30vh auto 10px;}
#landing .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}



section#landingv2 {padding: unset;}
#landingv2 .container {padding: unset;}
#landingv2 {
  /*background-image: url("../img/bg-landing-mobile-v7.jpg");*/
  background: url("../img/bg-main-mobile-v7.png") no-repeat, url("../img/bg-main-back-mobile-v2.jpg") no-repeat;
    background-position: top center , top center;
    background-size: auto 100% , cover;
  /*background-color: #333;*/
}
#landingv2 .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}

#landingv2.align-items-center {align-items: flex-start!important;}
#landingv2 img.logo-economic {margin-top: 80px;}
#landingv2 .btn-block {width: 100%; margin: auto; max-width: 180px; bottom: 19vh; margin-left: -90px;}
#landingv2 img.btn-enter {margin-top: unset;}
#landingv2 .hero-img img {width: 100%;}

#landingv2 .btn-block .btn-landing {padding: unset; padding-bottom: 5px;}

#header {background-color: #000; padding: 40px 0;}
#header.header-scrolled {padding: 30px 0!important}

#header .logo.visible-xs {width: 100%; text-align: center; position: fixed;}

#header .logo img {max-height: 40px; transition: 0.5s;}
#header.header-scrolled .toggle-search {transition: 0.5s;}
#header.header-scrolled .logo img {max-height: 35px; transition: 0.5s;}

#header.header-scrolled .fa.fa-search {top: 18px; transition: 0.5s;}

#header.header-scrolled,
#header.header-inner-pages {
    background: rgba(0, 0, 0, 0.85);
    box-shadow: 0 4px 10px -2px #000;
}

#header .navbar {position: fixed!important; left: 15px;}
#header .navbar.navbar-mobile {top: 0; left: 0; right: 0; bottom: 0;}
#header .icon-search .toggle-search {
    position: fixed!important;
    top: 3vh!important;
    right: 55px!important;
    font-size: 18px;
}

.navbar-mobile a, .navbar-mobile a:focus {font-size: 6vw;}
.mobile-nav-toggle.bi-x {font-size: 10vw;}

.navbar-mobile ul {top: 75px;}

.navbar-mobile .mobile-nav-toggle {top: 15px; left: 15px; right: unset;}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 75px; 
    right: 15px;
    bottom: unset;
    left: 15px;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #fff;
    overflow-y: auto;
    transition: unset;
}

#hero {
    /*background-image: url("../img/bg-01-main-mobile.jpg");
    background-attachment: fixed;
    background-position: top center;*/

    height: unset!important;
    padding: 0!important;
    margin: 0!important;
}



#ticket {background-image: url("../img/bg-ticket-mobile.jpg");}




#info {
  min-height: 415px;
  background-image: url("../img/bg-info-mobile.jpg");
  text-align: center;
}
info {padding: 330px 30px 0;}
#info h2 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
}

#info h3 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.2;
}
#info h4 {font-size: 22px; margin-bottom: 1.5em;}

#info .logo-info {max-width: 100%;}
.info-line {
    min-height: 30px;
    background-image: url(../img/bg-info-line-mobile.png);
    background-repeat-y: repeat;
}

#info .pt-4 {padding-top: 0!important;}

/*#speaker {
  min-height: 672px;
  background-image: url("../img/bg-speaker-mobile.jpg");
  text-align: center;
}
#speaker .container {padding: 0 30px;}
#speaker h2 {font-size: 38px; line-height: 1.2; margin-bottom: 10px;}
#speaker h3 {font-size: 22px; margin-bottom: 15px; line-height: 1.2;}
#speaker .speaker-person {width: 100%;}*/

#speaker .bg-speaker-young-leaders {
  background-image: url(../img/bg/bg-speaker-young-leaders-mobile.jpg);
}


.speaker-block {grid-template-columns: repeat(2, 1fr);}

#onground .container {padding: 0 30px;}
#onground h2 {font-size: 38px; line-height: 1.2; margin-bottom: 10px;}
#onground h3 {font-size: 22px; line-height: 1.2; font-weight: 500;}
#onground h4 {display: grid; grid-template-columns: 15px auto; grid-gap: 10px;}
#onground .btn-buy-ticket {margin: 0.5em auto 2em; padding: 15px 25px;}

section#video,
section#agenda {padding: 30px 0 20px;}

#agenda h2 {font-size: 42px; margin: 0 auto 0.5em;}
#agenda h2.gallery {margin: 1em auto 0.5em;}

#sessions h2 {font-size: 42px; margin: 0 auto 0.5em;}
#sessions h2.gallery.howto {font-size: 32px;}
#sessions h2.gallery {margin: 0 auto 0.5em;}
#sessions .gallery-block {grid-template-columns: 1fr; margin-top: 1em;}
#sessions .gallery-block-last {max-width: 100%!important;}

/*footer {background-image: url("../img/bg-footer-mobile.jpg");}*/
footer .container {padding: 4em 0 2em;}
.footer-container {grid-template-columns: unset;}







    #footer .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    }

    #footer .copyright,
    #footer .credits {
    text-align: center;
    float: none;
    }

    #footer .credits {
    padding-top: 4px;
    }

    #hero h2 {
    font-size: 38px;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 10px;
    }

    #hero h3 {
    font-size: 22px;
    margin-bottom: 30px;
    text-align: left;
    line-height: 1.2;
    }
    #hero h3 .txt-red {
    font-weight: 500;
    }

    #hero .hero-img img {
    width: 100%;
    }
    /*#hero .hero-text-block h3 br {margin-bottom: 10px;}*/



  .clients img {
    max-width: 40%;
  }


@media (max-width: 375px) {
    /*#hero {height: 115vh!important;}
    #hero .content {padding-top: 65vh!important;}*/
    #landingv2 .btn-block {max-width: 140px; bottom: 19vh; margin-left: -70px;}
}

#info {padding: 10em 0;}
#info .tickets-price-block {grid-template-columns: 1fr; grid-row-gap: 40px;}

#hero {background-size: 100% auto;}

/*#hero .content {padding-top: 60vh;}*/
#hero .d-flex.align-items-end,
#hero .d-flex.align-items-start{align-items: center!important;}

#solution .row {display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center;}
#solution .row:before,
#solution .row:after {content: unset; display: unset;}
.solution {padding: 20px 0;}

#solution .stat-number span.font-large {font-size: 18vw;}
#solution .stat-number span.font-small,
#solution .stat-number span.font-small:before {font-size: 12vw;}

.solution-info {min-height: 75px;}
.solution-info h4.plus p {font-size: 8vw!important;}



#speaker .col-lg-10,
#agenda .col-lg-10,
#pastevent .col-lg-10,
#subscribe .col-lg-10 {padding-left: unset!important; padding-right: unset!important;}


#ticket,
#about,
#speaker {padding: 4em 0;}

#about {background-image: url(../img/bg-about-mobile.jpg); background-size: 100% 100%;}

#about .about-info {grid-template-columns: 50px auto; grid-gap: 15px;}
#about .about-block {grid-template-columns: 1fr;}
#about .pl-8,
#about .pl-4 {padding-left: unset;}

#about .plr-2 {padding-left: 2em; padding-right: 2em;}
#about .plr-3 {padding-left: 3em; padding-right: 3em;}
#about .plr-4 {padding-left: 4em; padding-right: 4em;}

#about h3 {font-size: 18px; margin-top: 10px;}
#about p {margin-bottom: unset; font-size: 15px!important;}
#about .about-block {grid-row-gap: 20px;}

#speaker h2,
#ticket h2,
#about h2,
.follow-us h5 {margin-bottom: 1em; font-size: 24px;}

#ticket .ticket-block {grid-template-columns: 1fr; grid-row-gap: unset;}
.ticket-small.one {text-align: unset; margin-right: unset;}
.ticket-small.three {text-align: unset; margin-left: unset;}
.ticket-large img, .ticket-small img {max-width: 230px;}
.btn-buy-ticket {max-width: 210px;}
.ticket-large {margin: -20px 0;}

#ticket .btn-buy-ticket {margin: 0 auto 20px; width: 220px;}


.follow-us h5 {text-align: center;}
.solution p {font-size: 3vw!important;}

.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {font-weight: 900!important;}

@media only screen and (max-width: 375px) {
    /*#hero {max-height: 677px; min-height: 677px;}*/
}
@media only screen and (max-width: 414px) {
    #hero {max-height: 740px;}
}
@media only screen and (max-width: 390px) {
    #hero {max-height: 700px;}
}
@media only screen and (max-width: 393px) {
    #hero {max-height: 700px;}
}
@media only screen and (max-width: 360px) {
    #hero {max-height: 645px;}
}


.about-desc {width: 90%;}

/*.partners-block.partners .partners-info {
  width: calc(100% / 3);
  padding-bottom: unset;
}
.partners-block.association .partners-info {
  width: calc(100% / 4);
  padding-bottom: unset;
}
.partners-block.media .partners-info {
  width: calc(100% / 5);
  padding-bottom: unset;
}*/

.partners-block.association {width: 100%;}
.partners-block.media {width: 100%;}
.partners-block.media img {max-width: 100%;}

.poster-rerun-block h2 {margin-bottom: 15px;}
.poster-rerun-block .main-buy-button a {width: 165px; font-size: 16px; font-weight: 600; padding: 10px 0;}
.poster-rerun-block {padding: 2em 0 3em;}

#rerun .button-buy-block .col-lg-6 {width: 50%;}

#rerun .button-buy-block {display: grid; grid-template-rows: 1fr; grid-gap: 15px; justify-content: center;}
.left-image {float:unset; margin-right: unset;}
.right-list {float:unset; margin-left: unset;}


#gallery {padding-bottom: 1em;}
#gallery h2 {margin-top: 1em; margin-bottom: 1em; font-size: 24px;}
.gallery-cell {width: 100%;}
#gallery .flickity-page-dots {display: none;}

#gallery h2.headline {line-height: 1;}

.row>div[class^="col"] {width: 100%;}


/* ======================================================== */

h3 {font-size: 9vw!important;}
h4 {font-size: 6vw!important;}
h5 {font-size: 5.5vw!important;}


.blur-img {background-image: url('../img/bg/bg-intro-mobile.jpg');}
/*.intro-container {margin-top: 10vh;}*/
.intro-logo {max-width: 65vw;}
.intro-image-text {max-width: 52vw; margin: 12vh auto 5vh;}
.intro-title {font-size: 10vw;}
.intro-location {margin-top: 2vh; font-size: 6vw!important;}


.btn-ticket-block {display: grid!important; grid-template-columns: 1fr; max-width: unset!important; width: 100%;}
.btn-buy-ticket a,
.btn-exclusive a {font-size: 5vw;}
.btn-1 span, .btn-2 span {font-size: 4.5vw;}

.btn-ticket-block .btn-1 img {width: 100%; max-width: 90px;}
.btn-ticket-block .btn-2 {margin: auto;}

.btn-buy-ticket {font-size: 6vw; line-height: 15px; padding: 25px 28px;}
.btn-exclusive {font-size: 4vw; line-height: 15px; padding: 8px 15px; margin-bottom: 5px;}

.subscribe-block {width: calc(100% - (var(--space) / 2)); margin: unset; padding: 10px; grid-template-columns: auto 30%;}
#ticketphase .subscribe-block {width: 100%!important;}

#content0 .content-block h3,
#content0 .content-block h4 {text-align: left;}

.bg-content-5years {background-image: url("../img/hero/content-bg-5years-mobile-v3.jpg"); background-size: contain;}

#content2 {padding: 0;}

#content2 .content-block h3,
#content3 .content-block h3,
#content4 .content-block h3 {text-align: left;}




#content3 h4 {font-size: 6vw!important; line-height: 1!important;}

.who-miss-block {width: 100%; grid-template-columns: 100px auto; align-items: center;}

.ticketphase-block {grid-template-columns: 1fr!important;}
.price-block {grid-template-rows: unset; grid-template-columns: 45% 55%; border-radius: 6px;}

.price-block-2 {padding: 5px!important; min-height:unset; line-height: 1;}
.price-block-2 p {padding: unset;}
.price-block-2 b {font-size: 9vw; line-height: 1;}
.price-block-2 .date {min-height: unset;}

#speaker h2.headline,
#ticketphase h2.headline,
#partners h2.headline,
/*#agenda h2.headline,*/
#pastevent h2.headline,
#contact h2.headline,
#gallery h2.headline {font-size: 9vw!important; text-align: left!important; line-height: 1; margin-bottom: 1em;}
#gallery .col-lg-10 {padding-left: unset; padding-right: unset;}

#subscribe h2.headline {font-size: 7vw!important; text-align: left!important; line-height: 1; margin-bottom: 1em;}

#ticketphase .subscribe-text p {font-size: 4.25vw !important;}
#ticketphase .subscribe-text h4 {line-height: 1!important;}

#pastevent h2.headline {line-height: 1;}

#contact h2.headline {margin-bottom: .85em;}

.price-block-1 {text-align: left!important; padding: 20px 10px 20px 15px!important; padding: unset; min-height: unset; font-size: 5vw;}
.ticket-contact {font-size: 5vw; text-align: left; margin-top: 1em;}

.question-block {width: 100%;}

#checkboxes label:hover {color: unset; background: unset;}

#partners h3 {margin-bottom: 1em; font-size: 6vw!important; text-align: left;}

#contact {padding: 6em 0; min-height: 100vh;}

.vector-block {margin: unset;}

.footer-container .follow-us-social {text-align: left;}

    .footer-container {grid-template-columns: unset;}
    .btn-footer {padding: 2px 1px; font-size: 8px;}
    
    .logo-tss-footer {width: 85%; margin: 14vh auto 0;}
    .logo-tss-footer img {width: 145px;}

    .follow-us {width: 100%; margin: unset; padding-left: unset;}
    .footer-container {align-items: unset;}

    .contact-info a {font-size: 6vw;}

    .follow-us-social {margin-top: 4em;}
    
    .text-credit {font-size: 4vw;}

/* =================================================================== */


.solution-block {bottom: -6vh;}
.solution-block .no-decimals .stat-number span {font-size: 9vw !important;}
.stat-number.plus span:last-child {font-size: 6vw!important;}
.solution-block .no-decimals p {font-size: 4vw !important;}
.solution-block, .solution-block .no-decimals {gap: 5px;}

.topic-block {display: flex;}
.topic-slider-block {width: 100%; float: left;}
.topic-slider-grid,
.topic-slider-grid4 {overflow-x: auto; white-space: nowrap;}
.topic-slider-column {display: inline-block; width: 100%;}
.topic-slider-text {text-align: left;}

.topic-content {width: 80vw; min-height: 395px;}

.content-container.slider {width: calc(100% - (var(--space) / 2)); margin-left: calc(var(--space) / 2); margin-right: calc(var(--space) / 2);}

#content1 {padding: unset!important;}

#content2 h4 {font-size: 8vw!important;}
#content2 h5 {font-size: 6vw!important;}
#content2 ul {font-size: 5.5vw!important; padding-left: 1rem;}

#content2 .subscribe-text h3 {font-size: 10vw!important;}
#content2 .subscribe-text h4 {font-size: 6vw!important;}
#content2 .subscribe-text p {font-size: 4vw!important;}


#content4 .content-block {width: 100%;}
#content4 .get-block {width: 100%;}
#content4 .get-block .get-number {font-size: 26vw; line-height: 22vw;}
#content4 .get-block {grid-gap: 10px; border-bottom: 1px solid rgba(255, 255, 255, .65); margin-bottom: 15px;}
#content4 .get-block h5 {margin-bottom: 10px; border-bottom: unset;}
#content4 .get-block:last-child {border-bottom: unset;}
#content4 .get-block h4 {line-height: 1!important;}

.past-event-block {
    grid-template-columns: repeat(2, 1fr);

    overflow: auto;
    white-space: nowrap;
}

.scroll-container {overflow: auto; white-space: nowrap; margin-right: -8vmin;}
.scroll-container img {width: calc(100% / 2.25); padding-right: 15px;}
.gallery-block {grid-template-columns: repeat(2, 1fr);}

.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: unset!important;
}
#gallery .w3-btn, #gallery .w3-button {padding: 0 16px!important; background-color: #FFF!important;}
#gallery .w3-xlarge {font-size: 10vw!important;}
#gallery .w3-modal {padding-top: 10vh!important;}


/* =================================================================== */




@media screen and (max-width: 430px) {
    .intro-container {margin-top: 20vh;}
    .intro-logo {max-width: 56vw;}
    .intro-image-text {margin: 8vh auto 5vh;}
    
}


@media screen and (max-width: 375px) {
    #speaker {min-height: 4200px;}

    h3 {font-size: 8vw !important;}
    #header {padding: 30px 0;}
    .intro-container {margin-top: 15vh;}
    .intro-logo {max-width: 50vw;}
    .intro-image-text {max-width: 50vw; margin: 9vh auto 5vh;}
    .intro-title {font-size: clamp(3rem, 6vw, 2rem);}
    .intro-image-text {max-width: 50vw; margin: 9vh auto 7vh;}
    .fa.fa-search {top: 18px;}
    #content2 .content-block {padding-top: 6em;}

    #speaker h2.headline,
    #ticketphase h2.headline,
    #partners h2.headline,
    #agenda h2.headline,
    #pastevent h2.headline,
    #contact h2.headline {font-size: 9vw!important;}
    #subscribe h2.headline {font-size: 7vw!important;}

    .topic-content {min-height: 352px;}
    .btn-buy-ticket {padding: 20px 28px;}
    #content2 .content-block {padding-top: 3em;}
    #content2 .subscribe-text h4 {font-size: 5vw !important;}
    #content2 .subscribe-text h3 {font-size: 8vw !important;}
    .btn-ticket-block {margin: 1em auto;}
    .btn-ticket-block .btn-1 img {max-width: 75px;}
}

/* AGENDA PAGE ------------------------------------------------- */

    #agenda {padding: 30px 15px;}

    #agenda .col-lg-10 {padding-left: unset; padding-right: unset;}
    #agenda .stage-block {grid-template-columns: 85px auto; grid-gap: 15px; padding-left: 15px; padding-right: 15px; margin-right: unset;}
    #agenda .stage-block .stage-time {text-align: left; line-height: 1; display: unset; font-size: 20px;}
    #agenda .stage-block .stage-detail .stage-name {line-height: 1; margin-bottom: 5px; padding-right: unset;}

    .poster-agenda-block .poster-block .poster-logo {max-width: 185px; margin-bottom: 1em;}
    .poster-agenda-block {padding-top: 80px;}

    #agenda .tab-block h4 {font-size: 14px!important;}
    #agenda .tab-block h5 {font-size: 18px!important;}

    #agenda .tablink {padding: 5px 0; min-width: 120px;}

    #agenda .tab-block h3 {font-size: 20px !important;}

    #agenda .tab-block {width: 100%; overflow-x: auto; white-space: nowrap;}

    .agenda-block {height: unset; padding-bottom: 6em;}
    
    .scroll-y {overflow-y: unset; height: unset; max-height: unset;}
    
    #agenda .stage-block .stage-speaker-image {max-width: 75px; max-height: 75px;}

    #agenda h2.headline {margin-bottom: 15px; margin-top: 2.5em; line-height: 1; font-size: 24px;}



/* Partners */
.partners-block.platinum,
.partners-block.gold,
.partners-block.silver,
.partners-block.bronze {grid-template-columns: repeat(2, 1fr); width: calc((100px* 2) + 10px);}

.partners-block.exhibitors {grid-template-columns: repeat(2, 1fr); width: calc((100px* 2) + 10px);}
.partners-block.life-selection {grid-template-columns: repeat(3, 1fr); width: calc((100px* 3) + 20px);}

.partners-block.exclusive {grid-template-columns: repeat(1, 1fr); width: calc((100px* 1));}

.partners-block.association {grid-template-columns: repeat(3, 1fr); width: calc((100px* 3) + 20px);}

.partners-block.media {grid-template-columns: repeat(3, 1fr); width: calc((70px* 3) + 20px);}