.item {
    float: left;
    position: relative;
    line-height: 1em;
    opacity: 0;
}


.grid-sizer { width: 5%; }
.item { width: 5%; }


@media screen and (max-width: 1224px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 33.33%; }
  .item { width: 33.33%; }
}

@media screen and (max-width: 720px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 50%; }
  .item { width: 50%; }
}

@media screen and (max-width: 480px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 100%; }
  .item { width: 100%; }
}

.image{
    max-width: 100%;
    margin: 0;
    display: block;
}

.image:after {
    clear:both;
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    color: #fff;
    display: none;
}

.overlay .title {
    text-align: center;
    font-size: 30px;
}

.overlay .description {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.80);
    width: 100%;
    margin: 0;
}

.overlay .description p {
    margin: 20px;
}

.item:hover .overlay {
    display: block;
}
@font-face {
        font-family:'Alegre Sans Regular';
        src:url(../fonts/alegre-sans-regular-nc.eot);
        src:url(../fonts/alegre-sans-regular-nc-0.eot#iefix) format("embedded-opentype"),url(../fonts/alegre-sans-regular-nc.woff) format("woff"),url(../fonts/alegre-sans-regular-nc.ttf) format("truetype"),url(../fonts/alegre-sans-regular-nc.svg#alegre_sans_ncregular) format("svg");
        font-weight:400;
        font-style:normal
}

@font-face {
        font-family:'Proxima Nova Regular';
        src:url(../fonts/proximanova-regular.eot);
        src:url(../fonts/proximanova-regular-0.eot#iefix) format("embedded-opentype"),url(../fonts/proximanova-regular.woff) format("woff"),url(../fonts/proximanova-regular.ttf) format("truetype"),url(../fonts/proximanova-regular.svg#proxima_nova_rgregular) format("svg");
        font-weight:400;
        font-style:normal
}

@font-face {
        font-family:'Proxima Nova Bold';
        src:url(../fonts/proximanova-bold.eot);
        src:url(../fonts/proximanova-bold-0.eot#iefix) format("embedded-opentype"),url(../fonts/proximanova-bold.woff) format("woff"),url(../fonts/proximanova-bold.ttf) format("truetype"),url(../fonts/proximanova-bold.svg#proxima_nova_rgbold) format("svg");
        font-weight:400;
        font-style:normal
}

@font-face {
        font-family:'Proxima Nova Bold Italic';
        src:url(../fonts/proximanova-bold-italic.eot);
        src:url(../fonts/proximanova-bold-italic-0.eot#iefix) format("embedded-opentype"),url(../fonts/proximanova-bold-italic.woff) format("woff"),url(../fonts/proximanova-bold-italic.ttf) format("truetype"),url(../fonts/proximanova-bold-italic.svg#proxima_nova_rgbold_italic) format("svg");
        font-weight:400;
        font-style:normal
}

@font-face {
        font-family:proxima_novasemibold;
        src:url(../fonts/proximanova-semibold-webfont.eot);
        src:url(../fonts/proximanova-semibold-webfont-0.eot#iefix) format("embedded-opentype"),url(../fonts/proximanova-semibold-webfont.woff) format("woff"),url(../fonts/proximanova-semibold-webfont.ttf) format("truetype"),url(../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold) format("svg");
        font-weight:400;
        font-style:normal
}

.proximanova-semibold {
        font-family:proxima_novasemibold
}



#events {
        height:960px;
        padding-top:90px
}

#events h2,#events h3 {
        font-family:'Alegre Sans Regular';
        font-weight:400;
        padding:0;
        margin:0
}

#events .container-fluid {
        background:#fc2224;
        padding:38px 0 28px
}

#events .container-fluid h2 {
        color:#fff
}

#events.mode3d .container-fluid {
        background:#fff
}

#events.mode3d .container-fluid h2 {
        color:#242424
}

#events-bg {
        background-image:url(../img/bg/04.jpg)
}

#events-bg.mode3d {
        background-image:url(../img/bg/04-3d.jpg)
}

@media (min-width:0) and (max-width:500px) {
#events-bg {
        background-image:url(../img/bg/bg-3121.php)
}

#events-bg.mode3d {
        background-image:url(../img/bg/bg-11872.php)
}
}

#events-title {
        font-size:114px;
        color:#242424;
        line-height:80px;
        text-align:center;
        margin:0 0 15px!important
}

#events-subtitle {
        font-size:19px;
        letter-spacing:9px;
        color:#242424;
        text-align:center;
        display:block
}

#events-contact {
        color:#fff;
        font-size:21px;
        font-family:'Alegre Sans Regular';
        font-weight:400;
        line-height:20px;
        position:absolute;
        left:0
}

#events-content {
        position:relative;
        height:100%;
        width:100%;
}

#events-controls .prev,#events-controls .next {
        width:27px;
        height:40px;
        position:absolute;
        top:60px;
        display:block;
        z-index:400
}

#events-controls .prev {
        background-position:0 -694px;
        left:130px
}

#events-controls .prev:hover {
        background-position:0 -694px
}

#events-controls .next {
        background-position:-27px -694px;
        right:130px
}

#events-controls .next:hover {
        background-position:-27px -694px
}

#events-controls.mode3d .prev {
        background-position:0 -694px
}

#events-controls.mode3d .next {
        background-position:-27px -694px
}

.event-group {
        position:relative
}

.event-1 {
        top:50px!important;
        left:50%!important;
        margin-left:-115px
}

.event-2 {
        top:170px!important;
        left:20px!important
}

.event-3 {
        top:170px!important;
        right:20px!important;
        left:auto!important
}

.event-4 {
        top:320px!important;
        left:50%!important;
        margin-left:-115px
}

.event {
        position:relative;
        display:block!important;
        cursor:default;
        float:left;
        width: auto;
        height: auto;
        padding:0;
        margin:0;
}

.event .month {
        text-transform:uppercase
}


.event-box {
        height:100px;
        float:left;
        display: block;
        text-align:center!important;
        padding:40px 40px;
}

.event-box .day,.event-box .month,.event-box .local,.event-box:after {
        -webkit-transition:200ms 10ms;
        -moz-transition:200ms 10ms;
        -o-transition:200ms 10ms;
        transition:200ms 10ms
}

.event-box p {
        margin:0;
        padding:0
}

.event-box .day,.event-box .month {
        font-family:'Alegre Sans Regular';
        font-weight:400;
        font-size:82px;
        color:#fff;
        line-height:58px
}

.event-box .month {
        color:#222
}

.event-box .local {
        font-family:'Proxima Nova Regular';
        font-weight:400;
        font-size:15px;
        color:#fff;
        text-align:center;
        display:block
}

.event-description {
        width:60%;
        font-family:'Proxima Nova Regular';
        font-weight:400;
        color:#fff;
        font-size:13px;
        text-align:center;
        opacity:0;
        filter:alpha(opacity=0);
        position:absolute;
        top:60px;
        left:20%;
        -webkit-transition:100ms;
        -moz-transition:100ms;
        -o-transition:100ms;
        transition:100ms
}