s5-imgs5-imgs5-imgs5-img* {
    font-family: "Roboto",sans-serif;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    /* IE10+ specific styles go here */  
    .ie-custom {
        display: none;
    }

    .scroll-icon span, .scroll-icon span + i {
        background: none !important;
        color: #d51347;
    }

    .mtn-230 {
        display: inline-block !important;
        margin-top: 0px !important;
        margin-bottom: 40px;
    }

    .ie-mtn-230 {
        margin-top: -230px;
        float: left;
    }

    .mtn-152 {
        display: block !important;
    }
 }

html {
    scroll-behavior: smooth;
}

span {
    display: block;
}

a, a:visited {
    transition: all 0.3s ease-in-out;
    -webkit-transition:  all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
}

a:hover, a:visited, a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.img-responsive {
    margin: 0 auto;
}

/* Header Fixes */
header {
    width: 100%;
    top: 0;
    z-index: 10;
    position: absolute;
    background-color: transparent;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    position: fixed;
}

.navbar-dark .navbar-brand {
    margin: 0;
    padding: 0;
    display: inherit;
}

#navbar .date {
    font-size: 24px;
    /* text-shadow: 0px 1px #fff; */
}

#navbar .date i {
    font-size: 20px;
}

#navbar .directions, #navbar .directions i {
    font-size: 16px;
    text-decoration: none;
    /* text-shadow: 0px 1px #fff; */
}

.date i, .directions i {
    margin-right: 15px;
}

.sticky {
    /* position: fixed; */
    top: 0;
    width: 100%;
    /* background-color: rgba(0,0,0,0.90); */
}

.sticky .text-dark {
    color: #fff !important;
}

#navbar .text-dark:hover, #navbar .text-dark:visited {
    color: #d51317 !important;
}

a.text-dark:focus {
	color: #fff !important;
}
  
.sticky + .content {
    padding-top: 60px;
}

#fylladio {
    background-color: #dce1e3;
    padding: 60px 0px;
}

#fylladio .cta {
    margin-top: 35px;
    color: #fff;
    background-color: #d51317;
    font-size: 16px;
    padding: 10px 30px;
}

#fylladio .cta:hover {
    background-color: #000;
}

.intro {
    height: 100vh;
    /*background-color: #b12f1d;*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.intro > div {
    width: 100%;
}

.intro .image-cover {
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.intro .image-cover > div {
    width: 100%;
}
.intro .gallery-cell > div {
    padding-top: 100px;
}

.swirl {
    animation: spin 2s linear cubic-bezier(.85,.01,.25,1);
    -webkit-animation: spin 2s linear cubic-bezier(.85,.01,.25,1);
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotateX(-20deg) rotateY(20deg);
        -webkit-transform: rotateX(-20deg) rotateY(20deg);
        -moz-transform: rotateX(-20deg) rotateY(20deg);
        -ms-transform: rotateX(-20deg) rotateY(20deg);
        -o-transform: rotateX(-20deg) rotateY(20deg);
}
    100% {
        transform: rotateX(-20deg) rotateY(740deg);
        -webkit-transform: rotateX(-20deg) rotateY(740deg);
        -moz-transform: rotateX(-20deg) rotateY(740deg);
        -ms-transform: rotateX(-20deg) rotateY(740deg);
        -o-transform: rotateX(-20deg) rotateY(740deg);
}
}

@keyframes spin {
    0% {
        transform: rotateX(-20deg) rotateY(20deg);
        -webkit-transform: rotateX(-20deg) rotateY(20deg);
        -moz-transform: rotateX(-20deg) rotateY(20deg);
        -ms-transform: rotateX(-20deg) rotateY(20deg);
        -o-transform: rotateX(-20deg) rotateY(20deg);
}
    100% {
        transform: rotateX(-20deg) rotateY(740deg);
        -webkit-transform: rotateX(-20deg) rotateY(740deg);
        -moz-transform: rotateX(-20deg) rotateY(740deg);
        -ms-transform: rotateX(-20deg) rotateY(740deg);
        -o-transform: rotateX(-20deg) rotateY(740deg);
}
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
      filter: blur(100px);
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.home-social-list {
    position: absolute;
    right: 42px;
    top: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.2rem;
    line-height: 1.75;
    text-align: center;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
}

.home-social-list span {
    font-family: "montserrat-medium", sans-serif;
    font-size: 14px;
    position: relative;
    bottom: 0px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.70);
    /*-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    */
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    color: #d51317;
    line-height: 19px;
}

/* .home-social-list::before,  */

.home-social-list::after {
    display: block;
    content: "";
    width: 2px;
    height: 42px;
    background-color: #d51317;
    margin: 12px auto;
}

.home-social-list li {
    padding-left: 0;
}

.home-social-list li a, .home-social-list li a:visited {
    color: #d51317;
}

.home-social-list li a:hover {
    color: #d51317;
}

.home-scrolldown {
    /* position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    float: right; */
    text-align: center;
    margin-top: -70px;
}

.scroll-icon {
    display: inline-block;
    font-family: "montserrat-medium", sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .3rem;
    color: #FFFFFF !important;
    background: transparent;
    /*position: absolute;
    top: 40px;
    right: 4%;
    */
    animation: animate-it 3s ease infinite;
    -webkit-animation: animate-it 3s ease infinite;
}

.scroll-icon span, .scroll-icon span + i {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d51317), color-stop(50%, #d51317), color-stop(50%, #d51317));
    background-image: linear-gradient(to bottom, #d51317, #d51317 50%, #d51317 50%);
    background-size: 200% 100%;
    background-position: 100%;
}

.scroll-icon:hover span {
    transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}

.scroll-icon:hover span, .scroll-icon:hover span + i {
    background-position: 0%;
}

.animation-delay {
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
            animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
    -webkit-animation-delay: 0.35s;
            animation-delay: 0.35s;
}

/* .scroll-icon span {
    display: inline-block;
} */

.scroll-icon i {
    font-size: 14px;
    position: relative;
    bottom: 0px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.home-scrolldown i {
    padding-left: 0px;
}

.katalogos-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
}

#filladio {
    background: rgb(137,136,137);
    background: -webkit-gradient(linear, right top, left top, from(rgba(137,136,137,1)), to(rgba(229,234,235,1)));
    background: linear-gradient(-90deg, rgba(137,136,137,1) 0%, rgba(229,234,235,1) 100%);
    padding: 50px 0px;
}

#filladio a.btn {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #d51317;
}

/* Experience Corner Section */
#section2 {
    height: auto;
    min-height: auto;
    max-height: 600px;
    margin-bottom: 13%;
}

#apple-shop, #section3, #gaming {
    height: auto;
    min-height: auto;
    max-height: 640px;
    margin-bottom: 13%;
    margin-top: 50px;
}

.parallax .desc {
    font-size: 20px;
    line-height: 1.5;
}

.parallax p.desc {
    margin-top: 70px;
    color: #fff;
}

#apple-shop p.desc {
    margin-top: 50px;
}

#gaming p.desc {
    margin-top: 30px;
}

#section3 p.desc {
    max-width: 500px;
    margin: 70px auto 0 auto;
}

.zoom {
    overflow: hidden;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
}

#section2 .zoom {
    border: 2px solid #4cb5ff;
} 

#apple-shop .zoom {
    border: 2px solid #fff;
}

#section3 .zoom {
    border: 2px solid #fac51c;
}

#gaming .zoom {
    border: 2px solid #66bb67;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

#sences .zoom {
    border: 2px solid #000;
}


.zoom img {
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.zoom:hover img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* Section Titles Effect */
.section-title img:first-child {
    position: relative;
    z-index: 9;
    display: table;
}
.move-image {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 1;
    max-width: 90%;
    /* -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; */
}

.section-title img:hover + img.circle {
    animation: circle 1s linear infinite;
    -webkit-animation: circle 1s linear infinite;
    /* -webkit-animation-name: pulse 1s linear infinite;
    animation-name: pulse 1s linear infinite; */
}

/* vertical animation */

@-webkit-keyframes animate-it {
    0%,
    60%,
    80%,
    100% {

      -webkit-transform: translateY(0);
    }
    0%,
    60%,
    80%,
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
    20% {
      -webkit-transform: translateY(-5px);
    }
    20% {
      transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      -o-transform: translateY(-5px);
}
    40% {
      -webkit-transform: translateY(20px);
    }
    40% {
      transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
}
}

@keyframes animate-it {
    0%,
    60%,
    80%,
    100% {
      -webkit-transform: translateY(0);
    }
    0%,
    60%,
    80%,
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
    20% {
      -webkit-transform: translateY(-5px);
    }
    20% {
      transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      -o-transform: translateY(-5px);
}
    40% {
      -webkit-transform: translateY(20px);
    }
    40% {
      transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
}
}

@-webkit-keyframes circle {
    /* from {
        transform: translate(0, 0) scale(1.0);
        -webkit-transform: translate(0, 0) scale(1.0);
        -moz-transform: translate(0, 0) scale(1.0);
        -ms-transform: translate(0, 0) scale(1.0);
        -o-transform: translate(0, 0) scale(1.0);
    }
    to {
        transform: translate(0, 0) scale(1.3);
        -webkit-transform: translate(0, 0) scale(1.3);
        -moz-transform: translate(0, 0) scale(1.3);
        -ms-transform: translate(0, 0) scale(1.3);
        -o-transform: translate(0, 0) scale(1.3);
    } */
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    
      50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        -o-transform: scale3d(1.05, 1.05, 1.05);
    }
    
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
}

@keyframes circle {
    /* from {
        transform: translate(0, 0) scale(1.0);
        -webkit-transform: translate(0, 0) scale(1.0);
        -moz-transform: translate(0, 0) scale(1.0);
        -ms-transform: translate(0, 0) scale(1.0);
        -o-transform: translate(0, 0) scale(1.0);
    }
    to {
        transform: translate(0, 0) scale(1.3);
        -webkit-transform: translate(0, 0) scale(1.3);
        -moz-transform: translate(0, 0) scale(1.3);
        -ms-transform: translate(0, 0) scale(1.3);
        -o-transform: translate(0, 0) scale(1.3);
    } */
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    
      50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        -o-transform: scale3d(1.05, 1.05, 1.05);
    }
    
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
      -moz-transform: scale3d(1.05, 1.05, 1.05);
      -ms-transform: scale3d(1.05, 1.05, 1.05);
      -o-transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
}
  
@keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
      -moz-transform: scale3d(1.05, 1.05, 1.05);
      -ms-transform: scale3d(1.05, 1.05, 1.05);
      -o-transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
}

.outer-container {
    min-height: 100vh;
}

/* Sences */
.clabel {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    background-color: #d51317;
    padding: 15px 30px;
    display: inline-block;
    margin-bottom: 30px;
}

.clabel.push-fix {
    margin-bottom: 94px;
}

/* Events */
.event-box {
    text-align: center;
    padding: 20px 30px 50px 30px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
}

.fifa-box {
    text-align: center;
    padding: 0px 50px;
}

.event-box .date, .fifa-box .date {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.event-box .hours, .fifa-box .hours {
    font-size: 14px;
    line-height: 1.2;
}

.event-box .seperator, .fifa-box .seperator {
    background-color: rgb(0, 0, 0);
    opacity: 0.2;
    width: 100px;
    height: 2px;
    margin: 15px auto;
    display: none;
}

.event-box h3, .fifa-box h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 20px;
}

.event-box h3 strong, .fifa-box h3 strong {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

.event-box p, .fifa-box p {
    font-size: 14px;
    line-height: 1.2;
    margin: 30px auto 0px auto;
    min-height: 80px;
}

.event-box .calendar, .fifa-box .calendar {
    font-size: 14px;
    color: rgb(0, 55, 117);
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    padding: 13px 32px;
    display: none;
}

.event-box:hover .calendar, .event-box:hover .far {
    color: #fff !important;
}

.event-box .far, .fifa-box .far {
    /* padding-right: 0px; */
    display: block;
    margin: 15px auto;
}

.event-box:hover {
    color: #fff;
    transition: background-color 0.8s ease;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -ms-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
}

.event-box:hover .seperator {
    background-color: #fff;
    opacity: 1;
}

.event-box.color1 {
    border-top: 20px solid #c6604f;
}

.event-box .fa-calendar-alt {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.event-box .fa-clock, .fifa-box .fa-clock {
    display: inline-block;
    margin: 0px 5px 0px 0px;
}

.event-box .border-right {
    border-right: 2px solid rgba(0, 0, 0, 0.2) !important;
}


.event-box:hover .border-right {
    border-right: 2px solid #fff !important;
}

.event-box.color1 .far {
    color: #c6604f;
}

.event-box.color1:hover {
    background-color: #c6604f;
}

.event-box.color2 {
    border-top: 20px solid #7ea163;
}

.event-box.color2 .far {
    color: #7ea163;
}

.event-box.color2:hover {
    background-color: #7ea163;
}

.event-box.color3 {
    border-top: 20px solid #2e9cae;
}

.event-box.color3 .far {
    color: #2e9cae;
}

.event-box.color3:hover {
    background-color: #2e9cae;
}

.event-box.color4 {
    border-top: 20px solid #77719a;
}

.event-box.color4 .far {
    color: #77719a;
}

.event-box.color4:hover {
    background-color: #77719a;
}

.event-box.color5 {
    border-top: 20px solid #bd657e;
}

.event-box.color5 .far {
    color: #bd657e;
}

.event-box.color5:hover {
    background-color: #bd657e;

}

.event-box.color6 {
    border-top: 20px solid #1f3c69;
}

.event-box.color6 .far {
    color: #1f3c69;
}

.event-box.color6:hover {
    background-color: #1f3c69;
}

input[type="submit"]:hover {
    background-color: #fff;
}

.fifa-container.color7 {
    border-top: 20px solid #000000;
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
}

.video-image-fallback__container {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}

.live-video-block {
    width: 100%;
    margin: 0;
    z-index: 51;
}

.no-top {
    padding-top: 0!important;
    margin-top: 0!important;
}

body video.lazying {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out,-webkit-filter .4s ease-in-out;
    -webkit-transition: opacity .5s,filter .4s ease-in-out;
    -moz-transition: opacity .5s,filter .4s ease-in-out;
    -ms-transition: opacity .5s,filter .4s ease-in-out;
    -o-transition: opacity .5s,filter .4s ease-in-out;
}

body .videoliveblock .live-video-block__image {
    -webkit-filter: blur("20px");
            filter: blur("20px");
    opacity: .85;
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 0px 15px;
    -webkit-transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out,-webkit-filter .4s ease-in-out;
    -webkit-transition: opacity .5s,filter .4s ease-in-out;
    -moz-transition: opacity .5s,filter .4s ease-in-out;
    -ms-transition: opacity .5s,filter .4s ease-in-out;
    -o-transition: opacity .5s,filter .4s ease-in-out;
}

audio, canvas, output, progress, video {
    display: inline-block;
    width: 100%;
}

.live-video-block figure, .product-hero__canvas__bg figure {
    margin: 0;
    display: inline;
    position: relative;
}

.video-image-fallback__image, .video-image-fallback__video {
    /* display: none!important; */
}

.live-video-block__image, .live-video-block__video {
    width: 100%;
}

.avatar {
    position: absolute;
    right: -5%;
    top: 3%;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    max-width: 30%;
}

#more .desc {
    padding: 0px 15px;
    text-align: center;
}

#more .desc h4 {
    margin: 30px 0px 20px 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

#more .desc p {
    font-size: 16px;
    line-height: 1.2;
}

#terms a {
    color: #d51317;
}

#terms a:hover {
    text-decoration: underline;
}

#footer {
    position: relative;
}

#footer form {
    position: absolute;
    top: 0px;
    background-color: #fff;
    color: #5f5f5f;
    width: 100%;
    text-align: center;
    border-top: 5px solid #d51317;
    padding: 20px 15px;
    z-index: 9;
}

#footer form h6.orario {
    margin-top: 20px;
}

#footer form .info-day-time > div {
    display: inline-block;
}

#map {
    width: 100%;
    height: 400px;
}

#map > div, #map > div > div, #map > div > div > div {
    position: relative !important;
}

@media (min-width: 769px) {
    #map {
        height: 600px;
    }

    #myModal .row {
        max-width: 1140px;
        margin: 0 auto;
    }

    #myModal .row > .column {
        padding: 0 8px;
    }

    img.demo {
        margin-bottom: 16px;
        cursor: pointer;
    }
/* 
    #myModal .row > .column:first-child {
        padding-left: 0px;
    }

    #myModal .row > .column:last-child {
        padding-right: 0px;
    }
       */
     #myModal .row:after {
        content: "";
        display: table;
        clear: both;
      }
      
      /* Create four equal columns that floats next to eachother */
     #myModal .column {
        float: left;
        width: 25%;
      }
      
      /* The Modal (background) */
      .modal {
        display: none;
        position: fixed;
        z-index: 10;
        padding-top: 2%;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        max-height: 100vh;
      }
      
      /* Modal Content */
      .modal-content {
        position: relative;
        background-color: transparent;
        margin: auto;
        max-width: 1140px;
        max-height: 100vh;
      }
      
      /* The Close Button */
      .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
      }
      
      .close:hover,
      .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
      }
      
      /* Hide the slides by default */
      .mySlides {
        display: none;
        margin-bottom: 12px;
      }
      
      /* Next & previous buttons */
      .prev,
      .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 30px;
        transition: 0.6s ease;
        -webkit-transition: 0.6s ease;
        -moz-transition: 0.6s ease;
        -ms-transition: 0.6s ease;
        -o-transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
        -webkit-user-select: none;
      }
      
      /* Position the "next button" to the right */
      .next {
        right: 0;
        border-radius: 3px 0 0 3px;
      }
      
      /* On hover, add a black background color with a little bit see-through */
      .prev:hover,
      .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }
      
      /* Number text (1/3 etc) */
      .numbertext {
        color: #fff;
        font-size: 18px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.8);
      }
      
      /* Caption text */
      .caption-container {
        text-align: center;
        background-color: black;
        padding: 2px 16px;
        color: white;
        /* position: relative; */
      }

      #caption.clabel{
        position: absolute;
        z-index: 9;
        top: 0px;
        right: 0;
        /* font-size: 18px !important; */
        padding: 8px 12px !important;
      }
      
      img.demo {
        opacity: 0.6;
      }
      
      .active,
      .demo:hover {
        opacity: 1;
      }
      
      img.hover-shadow {
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
      }
      
      .hover-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      }
      a:not([href]):not([tabindex]) {
          color: #fff !important;
      }
}

input {
    text-align: center;
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}

.parallax { 
    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section2 { 
    background-image: url("../../images/s2-cover.jpg");
}

.section3 { 
    background-image: url("../../images/s3-cover.jpg");
}

.section4 { 
    background-image: url("../../images/s4-cover.jpg");
}

.section5 { 
    background-image: url("../../images/s5-cover.jpg");
}

.section6 { 
    background-image: url("../../images/s6-cover.jpg");
}

.section7 { 
    background-image: url("../../images/s7-cover.jpg");
}

.section8 { 
    background-image: url("../../images/s8-cover.jpg");
}

.section9 { 
    background-image: url("../../images/s9-cover.jpg");
}

.section10 { 
    background-image: url("../../images/s10-cover.jpg");
}




/* #more.parallax { 
    background-image: url("../../images/s8-bg.jpg");
} */

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}

/* Carousel Custom Rules */
.carousel, .carousel-inner {
    max-height: 500px;
}

/* Back to Top Button */
#backToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(213, 19, 23, 0.60); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    border-radius: 100%; /* Rounded corners */
    font-size: 28px; /* Increase font size */
    height: 52px;
    width: 52px;
}

#backToTop:hover {
    background-color: #d51317; /* Add a dark-grey background on hover */
    padding: 5px; /* Some padding */
}

#backToTop:hover i {
    color: #fff;
}

@media (min-width:769px) {
    .desktop {
        visibility: visible !important;
    }
    
    .mobile {
        visibility: hidden !important;
        display: none;
    }

    #surprise .container {
        padding: 100px 0px;
    }

    .mtn-230 {
        margin-top: -230px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .mtn-152 {
        margin-top: -152px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .mt-30 {
        margin-top: 30px;
    }
}

@media (max-width: 1024px) and (min-width: 681px) {

    #apple-shop, #section3, #gaming {
        margin-top: 0px;
    }

    #apple-shop {
        max-height: 540px;
    }

    #section3 p.desc {
        max-width: 700px;
    }

    .clabel {
        font-size: 22px;
    }

    .clabel.push-fix {
        margin-bottom: 72px;
    }

    .event-box p {
        min-height: 112px;
    }

    .fifa-box {
        padding: 0px 20px;
    }
}

@media (max-width: 768px) {
    .desktop {
        visibility: hidden !important;
        display: none;
    }
    
    .mobile {
        display: block;
        visibility: visible !important;
    }

    .voffset30 {
        margin-bottom: 80px !important;
    }

    .voffset270 {
        padding-bottom: 180px !important;
    }

    .voffset100 {
        padding-bottom: 50px !important;
    }

    #apple-shop p.desc {
        margin-top: 80px;
        color: #fff;
    }
	
	.carousel-indicators {
		bottom: -50px;
	}
	
	.carousel-indicators li {
		background-color: #000;
	}
	
	.clabel {
		margin: 60px auto 10px auto !important;
		font-size: 18px !important;
        padding: 10px 30px !important;
	}

    .mtn-80 {
        margin-top: -80px;
    }

    #footer form {
        position: relative;
    }

    /* Experience Corner Section */
    #section2, #apple-shop, #section3, #gaming {
        height: 100%;
        max-height: 100%;
        margin-bottom: 0px;
    }
	
	#section2 {
		margin-top: 0px !important;
	}

    #section2 p {
        text-align: center;
    }

    #sences .clabel {
        margin-top: 50px;
    }

    #surprise {
        margin-top: 80px;
    }

    #surprise .zoom {
        margin: 0px auto 30px auto;
    }

    #surprise .container {
        padding: 30px 0px;
    }
	
	.section8 {
		margin-top: 80px;
	}
}


@media (max-width: 680px) {
    .event-box h3, .fifa-box h3 {
        margin-top: 30px;
    }

    .event-box p, .fifa-box p {
        min-height: auto;
    }

    #surprise .desc {
        text-align: center;
    }

}

@media (max-width: 480px) {

    .kotsovolos-logo {
        max-height: 30px;
    }

    #navbar .date {
        font-size: 18px;
        line-height: 18px;
    }

    #navbar .directions {
        font-size: 14px;
        line-height: 14px;
    }

    .home-social-list {
        right: 15px;
        top: 50%;
    }

    .home-social-list li a {
        font-size: 16px;
    }

    .intro img {
        max-width: 70%;
    }

    .intro img:last-child {
        margin-top: 30px;
    }

    .voffset270 {
        padding-bottom: 110px !important;
    }

    .voffset100 {
        padding-bottom: 50px !important;
    }

    .event-box, .fifa-box {
        position: relative;
    }

    .event-box {
        padding: 50px 35px;
    }

    .fifa-box {
        padding: 0px 20px;
        position: relative;
    }

    .carousel-control-next, .carousel-control-prev {
        cursor: pointer;
        position: absolute;
        width: auto;
        padding: 16px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        -webkit-transition:  0.6s ease;
        -moz-transition:  0.6s ease;
        -ms-transition:  0.6s ease;
        -o-transition:  0.6s ease;
        border-radius: 0 3px 3px 0;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
        -webkit-user-select: none;
    }

    .carousel-control-next:hover, .carousel-control-prev:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .carousel-control-next, .carousel-control-prev {
        opacity: .8;
    }

    .home-scrolldown {
        position: absolute;
        bottom: 10px;
    }
}

@media (max-width: 425px) {

    .navbar-dark .navbar-brand {
        display: block;
        width: 100%;
        text-align: center;
    }

    #navbarSupportedContent {
        display: none;
    }

    #navbar .text-white {
        display: none;
        width: 100%;
        text-align: center;
        margin: 10px auto 1px auto;
    }
}


@media (max-width: 325px) {
    .navbar-dark .navbar-brand {
        width: 100%;
    }

    .kotsovolos-logo {
        max-height: 30px;
        display: table;
        margin: 0 auto;
    }

    #navbar .text-white {
        float: none;
        width: 100%;
        text-align: center !important;
        margin-top: 20px;
    }

    .second .date {
        margin-top: 20px;
    }

    .intro img {
        max-width: 70%;
    }

    .scroll-icon {
        font-size: 12px;
    }
}
s5-imgs5-imgs5-imgs5-img* {
    font-family: "Roboto",sans-serif;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    /* IE10+ specific styles go here */  
    .ie-custom {
        display: none;
    }

    .scroll-icon span, .scroll-icon span + i {
        background: none !important;
        color: #d51347;
    }

    .mtn-230 {
        display: inline-block !important;
        margin-top: 0px !important;
        margin-bottom: 40px;
    }

    .ie-mtn-230 {
        margin-top: -230px;
        float: left;
    }

    .mtn-152 {
        display: block !important;
    }
 }

html {
    scroll-behavior: smooth;
}

span {
    display: block;
}

a, a:visited {
    transition: all 0.3s ease-in-out;
    -webkit-transition:  all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
}

a:hover, a:visited, a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.img-responsive {
    margin: 0 auto;
}

/* Header Fixes */
header {
    width: 100%;
    top: 0;
    z-index: 10;
    position: absolute;
    background-color: transparent;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    position: fixed;
}

.navbar-dark .navbar-brand {
    margin: 0;
    padding: 0;
    display: inherit;
}

#navbar .date {
    font-size: 24px;
    /* text-shadow: 0px 1px #fff; */
}

#navbar .date i {
    font-size: 20px;
}

#navbar .directions, #navbar .directions i {
    font-size: 16px;
    text-decoration: none;
    /* text-shadow: 0px 1px #fff; */
}

.date i, .directions i {
    margin-right: 15px;
}

.sticky {
    /* position: fixed; */
    top: 0;
    width: 100%;
    /* background-color: rgba(0,0,0,0.90); */
}

.sticky .text-dark {
    color: #fff !important;
}

#navbar .text-dark:hover, #navbar .text-dark:visited {
    color: #d51317 !important;
}
  
.sticky + .content {
    padding-top: 60px;
}

.intro {
    height: 100vh;
    /*background-color: #b12f1d;*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.intro > div {
    width: 100%;
}

.intro .image-cover {
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.intro .image-cover > div {
    width: 100%;
}
.intro .gallery-cell > div {
    padding-top: 100px;
}

.swirl {
    animation: spin 2s linear cubic-bezier(.85,.01,.25,1);
    -webkit-animation: spin 2s linear cubic-bezier(.85,.01,.25,1);
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}

@keyframes spin {
    0% {
        transform: rotateX(-20deg) rotateY(20deg);
        -webkit-transform: rotateX(-20deg) rotateY(20deg);
        -moz-transform: rotateX(-20deg) rotateY(20deg);
        -ms-transform: rotateX(-20deg) rotateY(20deg);
        -o-transform: rotateX(-20deg) rotateY(20deg);
}
    100% {
        transform: rotateX(-20deg) rotateY(740deg);
        -webkit-transform: rotateX(-20deg) rotateY(740deg);
        -moz-transform: rotateX(-20deg) rotateY(740deg);
        -ms-transform: rotateX(-20deg) rotateY(740deg);
        -o-transform: rotateX(-20deg) rotateY(740deg);
}
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
      filter: blur(100px);
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.home-social-list {
    position: absolute;
    right: 42px;
    top: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.2rem;
    line-height: 1.75;
    text-align: center;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
}

.home-social-list span {
    font-family: "montserrat-medium", sans-serif;
    font-size: 14px;
    position: relative;
    bottom: 0px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.70);
    /*-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    */
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    color: #d51317;
    line-height: 19px;
}

/* .home-social-list::before,  */

.home-social-list::after {
    display: block;
    content: "";
    width: 2px;
    height: 42px;
    background-color: #d51317;
    margin: 12px auto;
}

.home-social-list li {
    padding-left: 0;
}

.home-social-list li a, .home-social-list li a:visited {
    color: #d51317;
}

.home-social-list li a:hover {
    color: #d51317;
}

.home-scrolldown {
    /* position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    float: right; */
    text-align: center;
    margin-top: -70px;
}

.scroll-icon {
    display: inline-block;
    font-family: "montserrat-medium", sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .3rem;
    color: #FFFFFF !important;
    background: transparent;
    /*position: absolute;
    top: 40px;
    right: 4%;
    */
    animation: animate-it 3s ease infinite;
    -webkit-animation: animate-it 3s ease infinite;
}

.scroll-icon span, .scroll-icon span + i {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d51317), color-stop(50%, #d51317), color-stop(50%, #d51317));
    background-image: linear-gradient(to bottom, #d51317, #d51317 50%, #d51317 50%);
    background-size: 200% 100%;
    background-position: 100%;
}

.scroll-icon:hover span {
    transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}

.scroll-icon:hover span, .scroll-icon:hover span + i {
    background-position: 0%;
}

.animation-delay {
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
            animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
    -webkit-animation-delay: 0.35s;
            animation-delay: 0.35s;
}

/* .scroll-icon span {
    display: inline-block;
} */

.scroll-icon i {
    font-size: 14px;
    position: relative;
    bottom: 0px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.home-scrolldown i {
    padding-left: 0px;
}

.katalogos-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
}

#filladio {
    background: rgb(137,136,137);
    background: -webkit-gradient(linear, right top, left top, from(rgba(137,136,137,1)), to(rgba(229,234,235,1)));
    background: linear-gradient(-90deg, rgba(137,136,137,1) 0%, rgba(229,234,235,1) 100%);
    padding: 50px 0px;
}

#filladio a.btn {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #d51317;
}


#section2, 
#section3,
#section4,
#section5,
#section6 {
    height: auto;
    min-height: auto;
    max-height: 640px;
    margin-bottom: 13%;
}

#section3,
#section4,
#section5,
#section6 {
    margin-top: 50px;
}

.parallax .desc {
    font-size: 20px;
    line-height: 1.5;
}

.parallax p.desc {
    margin-top: 70px;
    color: #fff;
}

#apple-shop p.desc {
    margin-top: 50px;
}

#gaming p.desc {
    margin-top: 30px;
}

#section3 p.desc {
    max-width: 640px;
    margin: 70px auto 0 auto;
}

.zoom {
    overflow: hidden;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
}

#section2 .zoom {
    border: 2px solid #4cb5ff;
} 

#apple-shop .zoom {
    border: 2px solid #fff;
}

#section3 .zoom {
    border: 2px solid #fac51c;
}

#gaming .zoom {
    border: 2px solid #66bb67;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

#sences .zoom {
    border: 2px solid #000;
}


.zoom img {
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.zoom:hover img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* Section Titles Effect */
.section-title img:first-child {
    position: relative;
    z-index: 9;
    display: table;
}
.move-image {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 1;
    max-width: 90%;
    /* -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; */
}

.section-title img:hover + img.circle {
    animation: circle 1s linear infinite;
    -webkit-animation: circle 1s linear infinite;
    /* -webkit-animation-name: pulse 1s linear infinite;
    animation-name: pulse 1s linear infinite; */
}

/* vertical animation */


@-webkit-keyframes animate-it {
    0%,
    60%,
    80%,
    100% {
      -webkit-transform: translateY(0);
    }
    0%,
    60%,
    80%,
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
    20% {
      -webkit-transform: translateY(-5px);
    }
    20% {
      transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      -o-transform: translateY(-5px);
}
    40% {
      -webkit-transform: translateY(20px);
    }
    40% {
      transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
}
}

@keyframes animate-it {
    0%,
    60%,
    80%,
    100% {
      -webkit-transform: translateY(0);
    }
    0%,
    60%,
    80%,
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
    20% {
      -webkit-transform: translateY(-5px);
    }
    20% {
      transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      -o-transform: translateY(-5px);
}
    40% {
      -webkit-transform: translateY(20px);
    }
    40% {
      transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
}
}

@keyframes circle {
    /* from {
        transform: translate(0, 0) scale(1.0);
        -webkit-transform: translate(0, 0) scale(1.0);
        -moz-transform: translate(0, 0) scale(1.0);
        -ms-transform: translate(0, 0) scale(1.0);
        -o-transform: translate(0, 0) scale(1.0);
    }
    to {
        transform: translate(0, 0) scale(1.3);
        -webkit-transform: translate(0, 0) scale(1.3);
        -moz-transform: translate(0, 0) scale(1.3);
        -ms-transform: translate(0, 0) scale(1.3);
        -o-transform: translate(0, 0) scale(1.3);
    } */
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    
      50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        -o-transform: scale3d(1.05, 1.05, 1.05);
    }
    
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
      -moz-transform: scale3d(1.05, 1.05, 1.05);
      -ms-transform: scale3d(1.05, 1.05, 1.05);
      -o-transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
}
  
@keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
      -moz-transform: scale3d(1.05, 1.05, 1.05);
      -ms-transform: scale3d(1.05, 1.05, 1.05);
      -o-transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
    }
}

.outer-container {
    min-height: 100vh;
}

/* Sences */
.clabel {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    background-color: #d51317;
    padding: 15px 30px;
    display: inline-block;
    margin-bottom: 30px;
}

.clabel.push-fix {
    margin-bottom: 94px;
}

/* Events */
.event-box {
    text-align: center;
    padding: 20px 30px 50px 30px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
}

.fifa-box {
    text-align: center;
    padding: 0px 50px;
}

.event-box .date, .fifa-box .date {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.event-box .hours, .fifa-box .hours {
    font-size: 14px;
    line-height: 1.2;
}

.event-box .seperator, .fifa-box .seperator {
    background-color: rgb(0, 0, 0);
    opacity: 0.2;
    width: 100px;
    height: 2px;
    margin: 15px auto;
    display: none;
}

.event-box h3, .fifa-box h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 20px;
}

.event-box h3 strong, .fifa-box h3 strong {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

.event-box p, .fifa-box p {
    font-size: 14px;
    line-height: 1.2;
    margin: 30px auto 0px auto;
    min-height: 80px;
}

.event-box .calendar, .fifa-box .calendar {
    font-size: 14px;
    color: rgb(0, 55, 117);
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    padding: 13px 32px;
    display: none;
}

.event-box:hover .calendar, .event-box:hover .far {
    color: #fff !important;
}

.event-box .far, .fifa-box .far {
    /* padding-right: 0px; */
    display: block;
    margin: 15px auto;
}

.event-box:hover {
    color: #fff;
    transition: background-color 0.8s ease;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -ms-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
}

.event-box:hover .seperator {
    background-color: #fff;
    opacity: 1;
}

.event-box.color1 {
    border-top: 20px solid #c6604f;
}

.event-box .fa-calendar-alt {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.event-box .fa-clock, .fifa-box .fa-clock {
    display: inline-block;
    margin: 0px 5px 0px 0px;
}

.event-box .border-right {
    border-right: 2px solid rgba(0, 0, 0, 0.2) !important;
}


.event-box:hover .border-right {
    border-right: 2px solid #fff !important;
}

.event-box.color1 .far {
    color: #c6604f;
}

.event-box.color1:hover {
    background-color: #c6604f;
}

.event-box.color2 {
    border-top: 20px solid #7ea163;
}

.event-box.color2 .far {
    color: #7ea163;
}

.event-box.color2:hover {
    background-color: #7ea163;
}

.event-box.color3 {
    border-top: 20px solid #2e9cae;
}

.event-box.color3 .far {
    color: #2e9cae;
}

.event-box.color3:hover {
    background-color: #2e9cae;
}

.event-box.color4 {
    border-top: 20px solid #77719a;
}

.event-box.color4 .far {
    color: #77719a;
}

.event-box.color4:hover {
    background-color: #77719a;
}

.event-box.color5 {
    border-top: 20px solid #bd657e;
}

.event-box.color5 .far {
    color: #bd657e;
}

.event-box.color5:hover {
    background-color: #bd657e;

}

.event-box.color6 {
    border-top: 20px solid #1f3c69;
}

.event-box.color6 .far {
    color: #1f3c69;
}

.event-box.color6:hover {
    background-color: #1f3c69;
}

input[type="submit"]:hover {
    background-color: #fff;
}

.fifa-container.color7 {
    border-top: 20px solid #000000;
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
}

.video-image-fallback__container {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}

.live-video-block {
    width: 100%;
    margin: 0;
    z-index: 51;
}

.no-top {
    padding-top: 0!important;
    margin-top: 0!important;
}

body video.lazying {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out,-webkit-filter .4s ease-in-out;
    -webkit-transition: opacity .5s,filter .4s ease-in-out;
    -moz-transition: opacity .5s,filter .4s ease-in-out;
    -ms-transition: opacity .5s,filter .4s ease-in-out;
    -o-transition: opacity .5s,filter .4s ease-in-out;
}

body .videoliveblock .live-video-block__image {
    -webkit-filter: blur("20px");
            filter: blur("20px");
    opacity: .85;
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 0px 15px;
    -webkit-transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,-webkit-filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out;
    transition: opacity .5s,filter .4s ease-in-out,-webkit-filter .4s ease-in-out;
    -webkit-transition: opacity .5s,filter .4s ease-in-out;
    -moz-transition: opacity .5s,filter .4s ease-in-out;
    -ms-transition: opacity .5s,filter .4s ease-in-out;
    -o-transition: opacity .5s,filter .4s ease-in-out;
}

audio, canvas, output, progress, video {
    display: inline-block;
    width: 100%;
}

.live-video-block figure, .product-hero__canvas__bg figure {
    margin: 0;
    display: inline;
    position: relative;
}

.video-image-fallback__image, .video-image-fallback__video {
    /* display: none!important; */
}

.live-video-block__image, .live-video-block__video {
    width: 100%;
}

.avatar {
    position: absolute;
    right: -5%;
    top: 3%;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    max-width: 30%;
}

#more .desc {
    padding: 0px 15px;
    text-align: center;
}

#more .desc h4 {
    margin: 30px 0px 20px 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

#more .desc p {
    font-size: 16px;
    line-height: 1.2;
}

#terms a {
    color: #d51317;
}

#terms a:hover {
    text-decoration: underline;
}

#footer {
    position: relative;
}

#footer form {
    position: absolute;
    top: 0px;
    background-color: #fff;
    color: #5f5f5f;
    width: 100%;
    text-align: center;
    border-top: 5px solid #d51317;
    padding: 20px 15px;
    z-index: 9;
}

#footer form h6.orario {
    margin-top: 20px;
}

#footer form .info-day-time > div {
    display: inline-block;
}

#map {
    width: 100%;
    height: 400px;
}

#map > div, #map > div > div, #map > div > div > div {
    position: relative !important;
}

@media (min-width: 769px) {
    #map {
        height: 600px;
    }

    #myModal .row {
        max-width: 1140px;
        margin: 0 auto;
    }

    #myModal .row > .column {
        padding: 0 8px;
    }

    img.demo {
        margin-bottom: 16px;
        cursor: pointer;
    }
/* 
    #myModal .row > .column:first-child {
        padding-left: 0px;
    }

    #myModal .row > .column:last-child {
        padding-right: 0px;
    }
       */
     #myModal .row:after {
        content: "";
        display: table;
        clear: both;
      }
      
      /* Create four equal columns that floats next to eachother */
     #myModal .column {
        float: left;
        width: 25%;
      }
      
      /* The Modal (background) */
      .modal {
        display: none;
        position: fixed;
        z-index: 10;
        padding-top: 2%;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        max-height: 100vh;
      }
      
      /* Modal Content */
      .modal-content {
        position: relative;
        background-color: transparent;
        margin: auto;
        max-width: 1140px;
        max-height: 100vh;
      }
      
      /* The Close Button */
      .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
      }
      
      .close:hover,
      .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
      }
      
      /* Hide the slides by default */
      .mySlides {
        display: none;
        margin-bottom: 12px;
      }
      
      /* Next & previous buttons */
      .prev,
      .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 30px;
        transition: 0.6s ease;
        -webkit-transition: 0.6s ease;
        -moz-transition: 0.6s ease;
        -ms-transition: 0.6s ease;
        -o-transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
        -webkit-user-select: none;
      }
      
      /* Position the "next button" to the right */
      .next {
        right: 0;
        border-radius: 3px 0 0 3px;
      }
      
      /* On hover, add a black background color with a little bit see-through */
      .prev:hover,
      .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }
      
      /* Number text (1/3 etc) */
      .numbertext {
        color: #fff;
        font-size: 18px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.8);
      }
      
      /* Caption text */
      .caption-container {
        text-align: center;
        background-color: black;
        padding: 2px 16px;
        color: white;
        /* position: relative; */
      }

      #caption.clabel{
        position: absolute;
        z-index: 9;
        top: 0px;
        right: 0;
        /* font-size: 18px !important; */
        padding: 8px 12px !important;
      }
      
      img.demo {
        opacity: 0.6;
      }
      
      .active,
      .demo:hover {
        opacity: 1;
      }
      
      img.hover-shadow {
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
      }
      
      .hover-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      }
      a:not([href]):not([tabindex]) {
          color: #fff !important;
      }
}

input {
    text-align: center;
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}

.parallax { 
    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section2 { 
    background-image: url("../../images/s2-cover.jpg");
}

.section3 { 
    background-image: url("../../images/s3-cover.jpg");
}

.section4 { 
    background-image: url("../../images/s4-cover.jpg");
}

.section5 { 
    background-image: url("../../images/s5-cover.jpg");
}

.section6 { 
    background-image: url("../../images/s6-cover.jpg");
}

.section7 { 
    background-image: url("../../images/s7-cover.jpg");
}

.section8 { 
    background-image: url("../../images/s8-cover.jpg");
}

.section9 { 
    background-image: url("../../images/s9-cover.jpg");
}

.section10 { 
    background-image: url("../../images/s10-cover.jpg");
}




/* #more.parallax { 
    background-image: url("../../images/s8-bg.jpg");
} */

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}

/* Carousel Custom Rules */
.carousel, .carousel-inner {
    max-height: 500px;
}

.carousel-indicators li, .carousel-indicators .active {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: #333 !important;
    border: none !important;
}

.carousel-indicators .active {
    margin-top: 0px;
    background-color: #d51317 !important;
}

/* Back to Top Button */
#backToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(213, 19, 23, 0.60); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    border-radius: 100%; /* Rounded corners */
    font-size: 28px; /* Increase font size */
    height: 52px;
    width: 52px;
}

#backToTop:hover {
    background-color: #d51317; /* Add a dark-grey background on hover */
    padding: 5px; /* Some padding */
}

#backToTop:hover i {
    color: #fff;
}

@media (min-width:769px) {
    .desktop {
        visibility: visible !important;
    }
    
    .mobile {
        visibility: hidden !important;
        display: none;
    }

    #surprise .container {
        padding: 100px 0px;
    }

    .mtn-230 {
        margin-top: -230px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .mtn-152 {
        margin-top: -152px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .mt-30 {
        margin-top: 30px;
    }
}

@media (max-width: 1024px) and (min-width: 681px) {

    #apple-shop, #section3, #gaming {
        margin-top: 0px;
    }

    #apple-shop {
        max-height: 540px;
    }

    #section3 p.desc {
        max-width: 700px;
    }

    .clabel {
        font-size: 22px;
    }

    .clabel.push-fix {
        margin-bottom: 72px;
    }

    .event-box p {
        min-height: 112px;
    }

    .fifa-box {
        padding: 0px 20px;
    }
}

@media (max-width: 768px) {
    .desktop {
        visibility: hidden !important;
        display: none;
    }
    
    .mobile {
        display: block;
        visibility: visible !important;
    }

    .voffset30 {
        margin-bottom: 80px !important;
    }

    .voffset270 {
        padding-bottom: 180px !important;
    }

    .voffset100 {
        padding-bottom: 50px !important;
    }

    #apple-shop p.desc {
        margin-top: 80px;
        color: #fff;
    }

    .mtn-80 {
        margin-top: -80px;
    }

    #footer form {
        position: relative;
    }

    /* Experience Corner Section */
    #section2, #section3, #section4, #section5, #section6, #section2, #apple-shop, #section3, #gaming {
        height: 100%;
        max-height: 100%;
        margin-bottom: 0px;
    }

    #section2 p {
        text-align: center;
    }

    #sences .clabel {
        margin-top: 50px;
    }

    #surprise {
        margin-top: 80px;
    }

    #surprise .zoom {
        margin: 0px auto 30px auto;
    }

    #surprise .container {
        padding: 30px 0px;
    }
}


@media (max-width: 680px) {
    .event-box h3, .fifa-box h3 {
        margin-top: 30px;
    }

    .event-box p, .fifa-box p {
        min-height: auto;
    }

    #surprise .desc {
        text-align: center;
    }

}

@media (max-width: 480px) {

    .kotsovolos-logo {
        max-height: 30px;
    }

    #navbar .date {
        font-size: 18px;
        line-height: 18px;
    }

    #navbar .directions {
        font-size: 14px;
        line-height: 14px;
    }

    .home-social-list {
        right: 15px;
        top: 50%;
    }

    .home-social-list li a {
        font-size: 16px;
    }

    .intro img {
        max-width: 70%;
    }

    .intro img:last-child {
        margin-top: 30px;
    }

    .voffset270 {
        padding-bottom: 110px !important;
    }

    .voffset100 {
        padding-bottom: 50px !important;
    }

    .event-box, .fifa-box {
        position: relative;
    }

    .event-box {
        padding: 50px 35px;
    }

    .fifa-box {
        padding: 0px 20px;
        position: relative;
    }

    .carousel-control-next, .carousel-control-prev {
        cursor: pointer;
        position: absolute;
        width: auto;
        padding: 16px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        -webkit-transition:  0.6s ease;
        -moz-transition:  0.6s ease;
        -ms-transition:  0.6s ease;
        -o-transition:  0.6s ease;
        border-radius: 0 3px 3px 0;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
        -webkit-user-select: none;
    }

    .carousel-control-next:hover, .carousel-control-prev:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .carousel-control-next, .carousel-control-prev {
        opacity: .8;
    }

    .home-scrolldown {
        position: absolute;
        bottom: 10px;
    }
}

@media (max-width: 425px) {

    .navbar-dark .navbar-brand {
        display: block;
        width: 100%;
        text-align: center;
    }

    #navbarSupportedContent {
        display: none;
    }

    #navbar .text-white {
        display: none;
        width: 100%;
        text-align: center;
        margin: 10px auto 1px auto;
    }
}


@media (max-width: 325px) {
    .navbar-dark .navbar-brand {
        width: 100%;
    }

    .kotsovolos-logo {
        max-height: 30px;
        display: table;
        margin: 0 auto;
    }

    #navbar .text-white {
        float: none;
        width: 100%;
        text-align: center !important;
        margin-top: 20px;
    }

    .second .date {
        margin-top: 20px;
    }

    .intro img {
        max-width: 70%;
    }

    .scroll-icon {
        font-size: 12px;
    }
}