@import './reset.css';
@import './grid.css';
@import './grid12.css';
@import './typography.css';
@import './slick.css';
@import './select.css';
@import './icon.css';
@import './tooltipster.bundle.min.css';

html {
    font-size: 13px
}

@media only screen and (min-width:600px) and (max-width:760px) {
    html {
        font-size: 14px
    }
}

@media only screen and (min-width:761px) {
    html {
        font-size: 18px
    }
}

@font-face {
    font-family: Calibre;
    src: url(/fonts/caliber/Calibre-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/caliber/Calibre-Regular.otf) format('opentype'), url(/fonts/caliber/Calibre-Regular.woff) format('woff'), url(/fonts/caliber/Calibre-Regular.ttf) format('truetype'), url(/fonts/caliber/Calibre-Regular.svg#Calibre-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Calibre;
    src: url(/fonts/caliber/Calibre-Semibold.eot?#iefix) format('embedded-opentype'), url(/fonts/caliber/Calibre-Semibold.otf) format('opentype'), url(/fonts/caliber/Calibre-Semibold.woff) format('woff'), url(/fonts/caliber/Calibre-Semibold.ttf) format('truetype'), url(/fonts/caliber/Calibre-Semibold.svg#Calibre-Semibold) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Calibre;
    src: url(/fonts/caliber/Calibre-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/caliber/Calibre-Bold.otf) format('opentype'), url(/fonts/caliber/Calibre-Bold.woff) format('woff'), url(/fonts/caliber/Calibre-Bold.ttf) format('truetype'), url(/fonts/caliber/Calibre-Bold.svg#Calibre-Bold) format('svg');
    font-weight: 600;
    font-style: normal
}

body {
    font-family: soleil, sans-serif;
    font-style: normal;
    font-weight: 300
}

.container {
    width: 100%;
    min-height: 50px;
    position: relative
}

@media (min-width:768px) {
    .container {
        width: 768px;
        margin: 0 auto;
        padding: 0
    }

        .container.small {
            max-width: 768px
        }
}

@media (min-width:992px) {
    .container {
        width: 992px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1200px
    }
}

.small-container {
    width: 100%;
    min-height: 50px;
    position: relative
}

@media (min-width:768px) {
    .small-container {
        width: 768px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width:992px) {
    .small-container {
        width: 992px
    }
}

@media (min-width:1200px) {
    .small-container {
        width: 992px
    }
}

.tiny-container {
    width: 100%;
    min-height: 50px;
    position: relative
}

@media (min-width:768px) {
    .tiny-container {
        width: 768px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width:992px) {
    .tiny-container {
        width: 768px
    }
}

@media (min-width:1200px) {
    .tiny-container {
        width: 768px
    }
}

.wrap {
    padding: 10px;
    overflow: auto
}

@media (min-width:768px) {
    .wrap {
        padding: 10px
    }
}

@media (min-width:992px) {
    .wrap {
        padding: 15px
    }
}

@media (min-width:1200px) {
    .wrap {
        padding: 20px
    }
}

.c300 {
    max-width: 300px;
    margin: auto
}

.c400 {
    max-width: 400px;
    margin: auto
}

.c500 {
    max-width: 500px;
    margin: auto
}

.c600 {
    max-width: 600px;
    margin: auto
}

.c700 {
    max-width: 700px;
    margin: auto
}

.c800 {
    max-width: 800px;
    margin: auto
}

.c900 {
    max-width: 900px;
    margin: auto
}

.c1000 {
    max-width: 1000px;
    margin: auto
}

.c1100 {
    max-width: 1100px;
    margin: auto
}

.g15 {
    height: 15px
}

.g30 {
    height: 30px
}

.g50 {
    height: 50px
}

.g75 {
    height: 75px
}

.g100 {
    height: 100px
}

.g150 {
    height: 150px
}

.g200 {
    height: 200px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb15 {
    margin-bottom: 15px
}

.mb30 {
    margin-bottom: 30px
}

.mb50 {
    margin-bottom: 50px
}

.mb75 {
    margin-bottom: 75px
}

.mb100 {
    margin-bottom: 100px
}

.mb150 {
    margin-bottom: 150px
}

.mb200 {
    margin-bottom: 200px
}

.mt0 {
    margin-top: 0 !important
}

.mt15 {
    margin-top: 15px
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 50px
}

.mt75 {
    margin-top: 75px
}

.mt100 {
    margin-top: 100px
}

.mt150 {
    margin-top: 150px
}

.mt200 {
    margin-top: 200px
}

.bsc {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.pl {
    padding: 15px;
    overflow: auto
}

@media (min-width:768px) {
    .pl {
        padding: 15px
    }
}

@media (min-width:992px) {
    .pl {
        padding: 30px
    }
}

@media (min-width:1200px) {
    .pl {
        padding: 50px
    }
}

.pm {
    padding: 5px;
    overflow: auto
}

@media (min-width:768px) {
    .pm {
        padding: 8px
    }
}

@media (min-width:992px) {
    .pm {
        padding: 12px
    }
}

@media (min-width:1200px) {
    .pm {
        padding: 15px
    }
}

.ps {
    padding: 2px;
    overflow: auto
}

@media (min-width:768px) {
    .ps {
        padding: 5px
    }
}

@media (min-width:992px) {
    .ps {
        padding: 7px
    }
}

@media (min-width:1200px) {
    .ps {
        padding: 10px
    }
}

.p0 {
    padding: 0 !important
}

.ml {
    margin: 10px;
    overflow: auto
}

@media (min-width:768px) {
    .ml {
        margin: 10px
    }
}

@media (min-width:992px) {
    .ml {
        margin: 15px
    }
}

@media (min-width:1200px) {
    .ml {
        margin: 20px
    }
}

.mm {
    margin: 5px;
    overflow: auto
}

@media (min-width:768px) {
    .mm {
        margin: 8px
    }
}

@media (min-width:992px) {
    .mm {
        margin: 12px
    }
}

@media (min-width:1200px) {
    .mm {
        margin: 15px
    }
}

.ms {
    margin: 2px;
    overflow: auto
}

@media (min-width:768px) {
    .ms {
        margin: 5px
    }
}

@media (min-width:992px) {
    .ms {
        margin: 7px
    }
}

@media (min-width:1200px) {
    .ms {
        margin: 10px
    }
}

.m0 {
    padding: 0 !important
}

@media only screen and (max-width:760px) {
    .m-hide {
        display: none !important
    }
}

@media only screen and (min-width:761px) {
    .m-hide {
        display: block !important
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .m-hide {
        display: block !important
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .t-hide {
        display: none !important
    }
}

@media only screen and (min-width:761px) {
    .t-hide {
        display: block !important
    }
}

@media only screen and (max-width:599px) {
    .t-hide {
        display: block !important
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .mt-hide {
        display: none !important
    }
}

@media only screen and (min-width:761px) {
    .mt-hide {
        display: block !important
    }
}

@media only screen and (max-width:599px) {
    .mt-hide {
        display: none !important
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .dt-hide {
        display: none !important
    }
}

@media only screen and (min-width:761px) {
    .dt-hide {
        display: none !important
    }
}

@media only screen and (max-width:599px) {
    .dt-hide {
        display: block !important
    }
}

@media only screen and (max-width:760px) {
    .d-hide {
        display: block !important
    }
}

@media only screen and (min-width:761px) {
    .d-hide {
        display: none !important
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .d-hide {
        display: block !important
    }
}

.hide {
    display: none
}

.fr {
    float: right
}

.fl {
    float: left
}

.pr {
    position: relative
}

.f1,
h1 {
    font-size: 3.555rem;
    line-height: 4rem
}

.f2,
h2 {
    font-size: 2.666rem;
    line-height: 4rem
}

.f3,
h3 {
    font-size: 2rem;
    line-height: 2.666rem
}

.f4,
h4 {
    font-size: 1.666rem;
    line-height: 2rem
}

.f5,
h5 {
    font-size: 1.333rem;
    line-height: 2rem
}

.f6,
h6 {
    font-size: 1rem;
    line-height: 1.666rem
}

.f7 {
    font-size: .777rem;
    line-height: 1.166rem
}

@media only screen and (max-width:599px) {
    .f7 {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.tl {
    text-align: left
}

@media only screen and (max-width:599px) {
    .m-tc {
        text-align: center
    }

    .m-tr {
        text-align: right
    }

    .m-tl {
        text-align: left
    }
}

.fw-bold {
    font-weight: 700
}

.fw-medium {
    font-weight: 500
}

.fw-normal {
    font-weight: 400
}

.fw-light {
    font-weight: 300
}

.c-whit,
.white {
    color: #FFF
}

.c-orange,
.orange {
    color: #e42220
}

.c-black {
    color: #403E3E
}

.c-light-grey {
    color: #AAA
}

.c-blue {
    color: #2399BC
}

.c-red {
    color: #D9514D
}

.h-u:hover {
    text-decoration: underline
}

.ab-center {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ab-center-right {
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.ori-center {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.ver-center {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.fh {
    position: relative
}

.nopad {
    padding: 0 !important
}

.npl {
    padding-left: 0 !important
}

.npr {
    padding-right: 0 !important
}

.ov {
    overflow: visible !important
}

.oh {
    overflow: hidden !important
}

.oa {
    overflow: auto !important
}

.divider {
    border-bottom: 1px solid #AAA;
    width: 100%
}

.max-100 {
    max-width: 100%
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    color: #403E3E
}

a {
    text-decoration: none
}

.wp-typography a,
p a {
    color: #e42220
}

    .wp-typography a:hover,
    p a:hover {
        text-decoration: underline
    }

video {
    width: 100%;
    height: auto
}

.lang-en .hide-en {
    display: none !important
}

.lang-it .hide-it {
    display: none !important
}

.ec-modal-container {
    position: fixed;
    display: none;
    z-index: 490;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

    .ec-modal-container .ec-modal {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-height: 100px;
        min-width: 300px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        background: #F3F3F3;
        padding: 20px 15px
    }

        .ec-modal-container .ec-modal .close {
            position: absolute;
            right: 6px;
            top: 6px;
            font-size: 20px;
            cursor: pointer
        }

            .ec-modal-container .ec-modal .close i {
                font-size: 30px
            }

        .ec-modal-container .ec-modal .title {
            font-size: 1.4em;
            padding-right: 25px;
            font-weight: 500;
            margin-bottom: 15px
        }

            .ec-modal-container .ec-modal .title span {
                color: #2399BC
            }

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 120;
    height: 65px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
    border: none;
    text-indent: 999999px;
    cursor: pointer
}

.slick-prev {
    left: 10px;
    background-image: url(/img/left-arrow.png)
}

.slick-next {
    right: 10px;
    background-image: url(/img/right-arrow.png)
}

.preview-avatar {
    height: 80px;
    width: 80px;
    display: inline-block;
    background-color: #FFF;
    background-size: cover;
    background-position: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #AAA
}

    .preview-avatar.small {
        height: 60px;
        width: 60px
    }

    .preview-avatar.large {
        height: 100px;
        width: 100px
    }

    .preview-avatar.no-border {
        border: 2px solid transparent
    }

    .preview-avatar.active {
        box-shadow: 0 0 6px #e42220
    }

@media only screen and (max-width:599px) {
    .preview-avatar.large {
        height: 60px;
        width: 60px
    }
}

body.backend-section {
    background: #F3F3F3
}

    body.backend-section.page-wizard {
        background-color: #23282C;
        color: #FFF
    }

    body.backend-section.page-aggiungi-beacon,
    body.backend-section.page-gestione-beacon,
    body.backend-section.page-modifica-beacon {
        background-color: #F5C800;
        color: #FFF
    }

        body.backend-section.page-aggiungi-beacon .page-head h1,
        body.backend-section.page-gestione-beacon .page-head h1,
        body.backend-section.page-modifica-beacon .page-head h1 {
            color: #FFF
        }

        body.backend-section.page-aggiungi-beacon .page-head p,
        body.backend-section.page-gestione-beacon .page-head p,
        body.backend-section.page-modifica-beacon .page-head p {
            color: #403E3E
        }

.row-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100px;
    width: 100%
}

    .row-image.ri10 {
        min-height: 10rem
    }

    .row-image.ri20 {
        min-height: 20rem
    }

    .row-image.ri30 {
        min-height: 30rem
    }

    .row-image.ri40 {
        min-height: 40rem
    }

.featherlight-inner {
    overflow: hidden
}

.featherlight .featherlight-content.gallery-modal {
    background: 0 0;
    overflow: visible;
    padding: 0 !important
}

    .featherlight .featherlight-content.gallery-modal .index {
        position: absolute;
        color: #e42220;
        top: -30px;
        right: 0
    }

    .featherlight .featherlight-content.gallery-modal .featherlight-close {
        background: #e42220
    }

    .featherlight .featherlight-content.gallery-modal .featherlight-next {
        width: 50px;
        left: auto;
        right: -50px
    }

        .featherlight .featherlight-content.gallery-modal .featherlight-next span {
            background-image: url(/img/right-arrow-small.png)
        }

    .featherlight .featherlight-content.gallery-modal .featherlight-previous {
        width: 50px;
        left: -50px;
        right: auto
    }

        .featherlight .featherlight-content.gallery-modal .featherlight-previous span {
            background-image: url(/img/left-arrow-small.png)
        }

    .featherlight .featherlight-content.gallery-modal .featherlight-next,
    .featherlight .featherlight-content.gallery-modal .featherlight-previous {
        display: block;
        background: 0 0
    }

        .featherlight .featherlight-content.gallery-modal .featherlight-next span,
        .featherlight .featherlight-content.gallery-modal .featherlight-previous span {
            display: block;
            width: 100%;
            height: 60px;
            background-repeat: no-repeat;
            background-position: center
        }

        .featherlight .featherlight-content.gallery-modal .featherlight-next:hover,
        .featherlight .featherlight-content.gallery-modal .featherlight-previous:hover {
            background: 0 0
        }

.exp-news-row-preview {
    max-width: 650px;
    margin: 0 auto 20px auto;
    background-color: #FFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 250px
}

    .exp-news-row-preview .filter {
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        color: #FFF
    }

    .exp-news-row-preview .date {
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: .8em;
        text-transform: uppercase;
        font-weight: 700
    }

    .exp-news-row-preview .type {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: .9em;
        text-transform: uppercase;
        font-weight: 600
    }

    .exp-news-row-preview .brand {
        position: absolute;
        color: #FFF;
        left: 15px;
        bottom: 20px;
        font-size: .8em;
        text-transform: uppercase;
        font-weight: 500
    }

    .exp-news-row-preview h4 {
        font-weight: 300;
        padding: 50px 15px 70px 15px;
        font-size: 1.9em
    }

    .exp-news-row-preview .btn {
        position: absolute;
        right: 15px;
        bottom: 15px
    }

.featherlight-content {
    max-width: 98%
}

.loading-gif {
    padding: 30px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

iframe {
    max-width: 100%
}

.btn {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 2.8rem;
    cursor: pointer;
    padding: 0 20px 0 20px;
    min-width: 100px;
    font-weight: 500;
    vertical-align: middle;
    position: relative;
    -webkit-apparance: none;
    -moz-apparance: none;
    display: inline-block;
    text-align: center
}

@media only screen and (min-width:761px) {
    .btn {
        padding: 0 30px 3px 30px;
        min-width: 130px
    }
}

.btn:hover {
    text-decoration: none
}

.btn.small {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
    padding: 0 20px;
    padding-bottom: 0
}

.btn.tiny {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
    padding: 0 15px;
    padding-bottom: 0
}

@media only screen and (max-width:599px) {
    .btn {
        font-size: 1.333rem;
        line-height: 2rem;
        font-weight: 300;
        padding: 10px 14px
    }

        .btn.small {
            font-size: 1.2rem;
            line-height: 16px;
            font-weight: 300;
            padding: 5px 10px;
            padding-bottom: 3px
        }
}

.btn.icon {
    vertical-align: middle !important
}

    .btn.icon i {
        margin: 0 10px;
        position: relative;
        font-size: 2rem;
        vertical-align: middle !important;
        top: -3px
    }

.btn.auto {
    min-width: 20px
}

.btn.w200 {
    min-width: 200px
}

.btn.w250 {
    min-width: 250px
}

.btn.w300 {
    min-width: 300px
}

.btn.w400 {
    min-width: 400px
}

.btn.fw {
    min-width: 100%;
    width: 100%
}

.btn.border {
    border-width: 2px;
    border-style: solid;
    background: 0 0;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

    .btn.border.white {
        border-color: #FFF;
        color: #FFF
    }

        .btn.border.white:hover {
            background-color: #e42220;
            border-color: #e42220
        }

    .btn.border.orange {
        border-color: #e42220;
        color: #e42220
    }

        .btn.border.orange:hover {
            background-color: #e42220;
            color: #FFF
        }

    .btn.border.red {
        border-color: #D9514D;
        color: #D9514D
    }

        .btn.border.red:hover {
            background-color: #D9514D;
            color: #FFF
        }

    .btn.border.violet {
        border-color: #1D1531;
        color: #e42220
    }

        .btn.border.violet:hover {
            background-color: #FFF;
            color: #1D1531
        }

.btn.boxed {
    border-width: 1px;
    border-style: solid
}

    .btn.boxed.white {
        border-color: #FFF;
        color: #e42220;
        background: #FFF
    }

        .btn.boxed.white.cyellow {
            color: #F5C800
        }

    .btn.boxed.orange {
        border-color: #e42220;
        color: #FFF;
        background: #e42220
    }

    .btn.boxed.blue {
        border-color: #2399BC;
        color: #FFF;
        background: #2399BC
    }

    .btn.boxed.violet {
        border-color: #1D1531;
        color: #e42220;
        background: #1D1531
    }

        .btn.boxed.violet:hover {
            border-color: #1D1531;
            color: #1D1531;
            background: 0 0
        }

    .btn.boxed.red {
        border-color: #D9514D;
        color: #FFF;
        background: #D9514D
    }

.btn.fb {
    position: relative;
    background-color: #3B5998;
    padding: 0 20px 0 45px;
    color: #FFF;
    line-height: 60px;
    font-weight: 300
}

    .btn.fb:before {
        content: url(/img/fb-button.png);
        position: absolute;
        left: 20px;
        top: 55%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

@media only screen and (min-width:600px) and (max-width:760px) {
    .btn.fb {
        font-size: 1rem
    }
}

@media only screen and (min-width:761px) {
    .btn.fb {
        font-size: .8rem
    }
}

@media only screen and (min-width:992px) {
    .btn.fb {
        font-size: 1rem
    }
}

@media only screen and (min-width:1200px) {
    .btn.fb {
        font-size: 1.3rem
    }
}

.btn.alert:after {
    content: attr(data-alert);
    position: absolute;
    right: -15px;
    top: -15px;
    background: #D9514D;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    width: 24px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #FFF
}

input[type=text],
input[type=email],
input[type=password],
textarea, .ts-form select {
    width: 100%;
    line-height: 60px;
    font-size: 1.3rem;
    background: #FFF;
    color: #363B3F;
    padding: 0 15px;
    border: 1px solid #C3CACF;
    box-shadow: none;
    -webkit-apparance: none;
    margin-bottom: 20px
}
.ts-form select {
height:60px;
}

    @media only screen and (max-width:599px) {
        input[type=text],
        input[type=email],
        input[type=password],
        textarea {
            line-height: 50px;
            font-size: 1.3rem
        }
    }

    input [type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {
    outline: 0
}

input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
textarea:disabled {
    background: #DDD
}

input[type=text].social,
input[type=email].social,
input[type=password].social,
textarea.social {
    padding-left: 70px;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: auto 30px
}

    input[type=text].social.fb,
    input[type=email].social.fb,
    input[type=password].social.fb,
    textarea.social.fb {
        background-image: url(/img/social/f-fb.png);
        background-position: 20px center
    }

    input[type=text].social.tw,
    input[type=email].social.tw,
    input[type=password].social.tw,
    textarea.social.tw {
        background-image: url(/img/social/f-tw.png)
    }

    input[type=text].social.vi,
    input[type=email].social.vi,
    input[type=password].social.vi,
    textarea.social.vi {
        background-image: url(/img/social/f-vi.png)
    }

    input[type=text].social.ig,
    input[type=email].social.ig,
    input[type=password].social.ig,
    textarea.social.ig {
        background-image: url(/img/social/f-ig.png)
    }

    input[type=text].social.pi,
    input[type=email].social.pi,
    input[type=password].social.pi,
    textarea.social.pi {
        background-image: url(/img/social/f-pi.png)
    }

    input[type=text].social.yt,
    input[type=email].social.yt,
    input[type=password].social.yt,
    textarea.social.yt {
        background-image: url(/img/social/f-yt.png)
    }

    input[type=text].social.gp,
    input[type=email].social.gp,
    input[type=password].social.gp,
    textarea.social.gp {
        background-image: url(/img/social/f-gp.png)
    }

    input[type=text].social.in,
    input[type=email].social.in,
    input[type=password].social.in,
    textarea.social.in {
        background-image: url(/img/social/f-in.png)
    }

input[type=text].error,
input[type=email].error,
input[type=password].error,
textarea.error {
    border-color: #D9514D
}

textarea {
    min-height: 300px;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 15px 25px
}

input.dark-field {
    -webkit-apparance: none;
    background: #363B3F;
    border: 1px solid #363B3F
}

label {
    font-size: 1rem;
    line-height: 1.666rem;
    color: #363B3F;
    margin-bottom: 10px;
    display: block;
    font-weight: 300
}

    label.backend-section {
        font-size: 1.4em
    }

    label.error:not(.radio) {
        color: #D9514D
    }

    label a {
        text-decoration: underline;
        color: #e42220
    }

    label span {
        color: #D9514D;
        font-size: 40px;
        position: relative;
        top: 14px;
        line-height: .9rem
    }

.form-row {
    margin-bottom: 30px;
    overflow: auto;
    padding-top: 4px
}

@media only screen and (max-width:599px) {
    .form-row {
        margin-bottom: 20px
    }
}

.form-row .form-row-inline {
    display: inline-block;
    padding-right: 20px
}

.form-row.error label:not(.radio) {
    color: #D9514D
}

.form-row.error label.radio:before {
    border-color: #D9514D
}

.form-row.error .dropzone {
    border-color: #D9514D
}

.form-row.error .file-edit {
    border-color: #D9514D
}

.form-heading {
    border-bottom: 1px solid #403E3E;
    overflow: auto !important;
    margin-bottom: 15px
}

    .form-heading h4 {
        font-weight: 400;
        float: left
    }

    .form-heading p {
        float: right;
        font-size: 1.666rem;
        line-height: 2rem
    }

input[type=submit].button-primary {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 2.8rem;
    cursor: pointer;
    padding: 0 20px 0 20px;
    min-width: 100px;
    font-weight: 500;
    vertical-align: middle;
    position: relative;
    -webkit-apparance: none;
    -moz-apparance: none;
    display: inline-block;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    min-width: 100%;
    width: 100%;
    background-color: #e42220;
    color: #FFF;
    box-shadow: none;
    border: none
}

@media only screen and (min-width:761px) {
    input[type=submit].button-primary {
        padding: 0 30px 3px 30px;
        min-width: 130px
    }
}

input[type=submit].button-primary:hover {
    text-decoration: none
}

input[type=submit].button-primary.small {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
    padding: 0 20px;
    padding-bottom: 0
}

input[type=submit].button-primary.tiny {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
    padding: 0 15px;
    padding-bottom: 0
}

@media only screen and (max-width:599px) {
    input[type=submit].button-primary {
        font-size: 1.333rem;
        line-height: 2rem;
        font-weight: 300;
        padding: 10px 14px
    }

        input[type=submit].button-primary.small {
            font-size: 1.2rem;
            line-height: 16px;
            font-weight: 300;
            padding: 5px 10px;
            padding-bottom: 3px
        }
}

input[type=submit].button-primary.icon {
    vertical-align: middle !important
}

    input[type=submit].button-primary.icon i {
        margin: 0 10px;
        position: relative;
        font-size: 2rem;
        vertical-align: middle !important;
        top: -3px
    }

input[type=submit].button-primary.auto {
    min-width: 20px
}

input[type=submit].button-primary.w200 {
    min-width: 200px
}

input[type=submit].button-primary.w250 {
    min-width: 250px
}

input[type=submit].button-primary.w300 {
    min-width: 300px
}

input[type=submit].button-primary.w400 {
    min-width: 400px
}

input[type=submit].button-primary.fw {
    min-width: 100%;
    width: 100%
}

input[type=submit].button-primary.border {
    border-width: 2px;
    border-style: solid;
    background: 0 0;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

    input[type=submit].button-primary.border.white {
        border-color: #FFF;
        color: #FFF
    }

        input[type=submit].button-primary.border.white:hover {
            background-color: #e42220;
            border-color: #e42220
        }

    input[type=submit].button-primary.border.orange {
        border-color: #e42220;
        color: #e42220
    }

        input[type=submit].button-primary.border.orange:hover {
            background-color: #e42220;
            color: #FFF
        }

    input[type=submit].button-primary.border.red {
        border-color: #D9514D;
        color: #D9514D
    }

        input[type=submit].button-primary.border.red:hover {
            background-color: #D9514D;
            color: #FFF
        }

    input[type=submit].button-primary.border.violet {
        border-color: #1D1531;
        color: #e42220
    }

        input[type=submit].button-primary.border.violet:hover {
            background-color: #FFF;
            color: #1D1531
        }

input[type=submit].button-primary.boxed {
    border-width: 1px;
    border-style: solid
}

    input[type=submit].button-primary.boxed.white {
        border-color: #FFF;
        color: #e42220;
        background: #FFF
    }

        input[type=submit].button-primary.boxed.white.cyellow {
            color: #F5C800
        }

    input[type=submit].button-primary.boxed.orange {
        border-color: #e42220;
        color: #FFF;
        background: #e42220
    }

    input[type=submit].button-primary.boxed.blue {
        border-color: #2399BC;
        color: #FFF;
        background: #2399BC
    }

    input[type=submit].button-primary.boxed.violet {
        border-color: #1D1531;
        color: #e42220;
        background: #1D1531
    }

        input[type=submit].button-primary.boxed.violet:hover {
            border-color: #1D1531;
            color: #1D1531;
            background: 0 0
        }

    input[type=submit].button-primary.boxed.red {
        border-color: #D9514D;
        color: #FFF;
        background: #D9514D
    }

input[type=submit].button-primary.fb {
    position: relative;
    background-color: #3B5998;
    padding: 0 20px 0 45px;
    color: #FFF;
    line-height: 60px;
    font-weight: 300
}

    input[type=submit].button-primary.fb:before {
        content: url(/img/fb-button.png);
        position: absolute;
        left: 20px;
        top: 55%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

@media only screen and (min-width:600px) and (max-width:760px) {
    input[type=submit].button-primary.fb {
        font-size: 1rem
    }
}

@media only screen and (min-width:761px) {
    input[type=submit].button-primary.fb {
        font-size: .8rem
    }
}

@media only screen and (min-width:992px) {
    input[type=submit].button-primary.fb {
        font-size: 1rem
    }
}

@media only screen and (min-width:1200px) {
    input[type=submit].button-primary.fb {
        font-size: 1.3rem
    }
}

input[type=submit].button-primary.alert:after {
    content: attr(data-alert);
    position: absolute;
    right: -15px;
    top: -15px;
    background: #D9514D;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    width: 24px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #FFF
}

input[type=submit].button-primary.white {
    border-color: #FFF;
    color: #e42220;
    background: #FFF
}

    input[type=submit].button-primary.white.cyellow {
        color: #F5C800
    }

input[type=submit].button-primary.orange {
    border-color: #e42220;
    color: #FFF;
    background: #e42220
}

input[type=submit].button-primary.blue {
    border-color: #2399BC;
    color: #FFF;
    background: #2399BC
}

input[type=submit].button-primary.violet {
    border-color: #1D1531;
    color: #e42220;
    background: #1D1531
}

    input[type=submit].button-primary.violet:hover {
        border-color: #1D1531;
        color: #1D1531;
        background: 0 0
    }

input[type=submit].button-primary.red {
    border-color: #D9514D;
    color: #FFF;
    background: #D9514D
}

.search-row {
    position: relative
}

    .search-row input.search {
        padding-right: 80px
    }

    .search-row .search-submit {
        position: absolute;
        right: 0;
        top: 3px;
        -webkit-apparance: none;
        border: none;
        box-shadow: none;
        background: 0 0;
        padding: 0;
        margin: 0;
        cursor: pointer
    }

        .search-row .search-submit i {
            font-size: 40px;
            line-height: 60px;
            min-width: 80px;
            color: #363B3F
        }

.file-edit {
    padding: 20px;
    border: 5px dashed #AAA;
    background: #FFF
}

    .file-edit .preview {
        height: 80px;
        width: 80px;
        display: inline-block;
        background-size: cover;
        background-position: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #AAA
    }

    .file-edit .btn {
        margin-top: 20px;
        float: right
    }

    .file-edit.style2 {
        padding: 20px;
        border: none;
        background: #FFF;
        position: relative
    }

        .file-edit.style2 .preview {
            height: 120px;
            width: 120px;
            display: inline-block;
            background-size: cover;
            background-position: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            border: 1px solid #AAA
        }

        .file-edit.style2 .btn {
            position: absolute;
            right: 30px;
            margin-top: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }

.tag-list {
    padding: 15px 0
}

    .tag-list li {
        line-height: 60px;
        font-size: 1.4em;
        background: #FFF;
        color: #363B3F;
        padding: 0 70px 0 15px;
        border: 1px solid #C3CACF;
        display: inline-block;
        margin: 0 15px 15px 0;
        position: relative
    }

        .tag-list li.readonly {
            padding: 0 15px 0 15px
        }

        .tag-list li small {
            position: absolute;
            width: 60px;
            height: 100%;
            right: 0;
            top: 0;
            line-height: 60px;
            text-align: center;
            color: #403E3E;
            font-weight: 500;
            vertical-align: middle;
            cursor: pointer
        }

            .tag-list li small i {
                font-size: 1.666rem;
                margin-top: 15px;
                color: #AAA
            }

        .tag-list li.add {
            padding: 0 75px 0 15px;
            min-width: 200px
        }

            .tag-list li.add small {
                color: #FFF;
                font-size: 120%;
                font-weight: 500;
                background: #2399BC;
                cursor: pointer
            }

            .tag-list li.add input {
                min-width: 160px;
                width: 100px;
                padding: 0;
                border: none;
                background: 0 0;
                line-height: 58px;
                padding: 0 15px;
                font-size: 1.4em;
                margin-bottom: 0;
                font-size: 1em
            }

            .tag-list li.add .select2-selection {
                border: none !important
            }

            .tag-list li.add .select2-container,
            .tag-list li.add .select2-selection,
            .tag-list li.add .select2-selection__rendered {
                height: 32px
            }

    .tag-list.style-2 .add small {
        background: #e42220
    }

.tag-filter {
    display: inline-block;
    text-align: left;
    margin: 30px 0
}

    .tag-filter li {
        line-height: 1.4em;
        font-size: 1.2em;
        background: #2399BC;
        border: 1px solid #2399BC;
        color: #FFF;
        padding: 0 10px 5px 10px;
        display: inline-block;
        margin: 0 15px 15px 0;
        position: relative;
        cursor: pointer
    }

        .tag-filter li.selected {
            background: #AAA;
            border: 1px solid #AAA;
            color: #403E3E
        }

        .tag-filter li.label {
            background: 0 0;
            border: 1px solid #AAA;
            color: #403E3E;
            cursor: default
        }

    .tag-filter.for-operator {
        margin: 0 0
    }

        .tag-filter.for-operator li {
            font-size: 1rem;
            line-height: 1.666rem
        }

.select2-dropdown {
    border-radius: 0 !important;
    padding: 0 21px;
    width: auto !important
}

    .select2-dropdown .select2-results__option {
        color: #403E3E
    }

.select2-container {
    width: auto !important
}

    .select2-container:not(.select2) {
        -webkit-transform: translate(-16px, 12px);
        -moz-transform: translate(-16px, 12px);
        -o-transform: translate(-16px, 12px);
        transform: translate(-16px, 12px)
    }

.tooltipster-base .tooltipster-box {
    background: #D9514D;
    border-color: #D9514D;
    max-width: 300px;
    text-align: center
}

.tooltipster-base .tooltipster-arrow-border {
    border-top-color: #D9514D !important
}

.tooltipster-base .tooltipster-arrow-background {
    border-top-color: #D9514D !important
}

.repeater .repeater-add,
.repeater .repeater-remove {
    color: #e42220;
    font-size: 2rem;
    margin-top: 15px;
    cursor: pointer
}

.repeater .repeater-add-label {
    margin-left: 15px;
    cursor: pointer;
    color: #e42220;
    line-height: 1.8em;
    text-decoration: underline
}

.autocomplete-suggestions {
    border: 1px solid #e42220;
    background: #FFF;
    cursor: default;
    overflow: auto
}

.autocomplete-suggestion {
    padding: 2px 15px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 5px;
    color: #e42220
}

.autocomplete-no-suggestion {
    padding: 2px 5px
}

.autocomplete-selected {
    background: #F0F0F0
}

.autocomplete-suggestions strong {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.666rem
}

.autocomplete-suggestions .parent {
    font-size: .8rem;
    color: #1D1531
}

.autocomplete-group {
    padding: 2px 5px
}

    .autocomplete-group strong {
        font-weight: 700;
        font-size: 16px;
        color: #000;
        display: block;
        border-bottom: 1px solid #000
    }

.dropzone,
.dropzone-modale {
    position: relative;
    border: 2px #363B3F dashed;
    min-height: 300px;
    text-align: center
}

    .dropzone .dz-message,
    .dropzone-modale .dz-message {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 1.4em;
        line-height: 1.2em
    }

        .dropzone .dz-message .btn,
        .dropzone-modale .dz-message .btn {
            font-size: 20px;
            margin-top: 15px
        }

    .dropzone-modale.dz-started .dz-message,
    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone-modale:not(.multifile) .dz-preview,
    .dropzone:not(.multifile) .dz-preview {
        padding-left: 150px;
        width: 75%;
        max-width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: inline-block
    }

        .dropzone-modale:not(.multifile) .dz-preview .dz-image,
        .dropzone:not(.multifile) .dz-preview .dz-image {
            float: left;
            margin-right: 20px;
            position: absolute;
            left: 0
        }

        .dropzone-modale:not(.multifile) .dz-preview .dz-details,
        .dropzone:not(.multifile) .dz-preview .dz-details {
            text-align: left
        }

            .dropzone-modale:not(.multifile) .dz-preview .dz-details .dz-size,
            .dropzone:not(.multifile) .dz-preview .dz-details .dz-size {
                color: #D9514D
            }

            .dropzone-modale:not(.multifile) .dz-preview .dz-details .dz-filename,
            .dropzone:not(.multifile) .dz-preview .dz-details .dz-filename {
                font-size: 1.2em
            }

        .dropzone-modale:not(.multifile) .dz-preview .dz-progress,
        .dropzone:not(.multifile) .dz-preview .dz-progress {
            height: 10px;
            background: #4A4747;
            margin-top: 20px;
            position: relative
        }

            .dropzone-modale:not(.multifile) .dz-preview .dz-progress .dz-upload,
            .dropzone:not(.multifile) .dz-preview .dz-progress .dz-upload {
                height: 100%;
                background: #D9514D;
                display: inline-block;
                position: absolute;
                left: 0
            }

        .dropzone-modale:not(.multifile) .dz-preview .dz-error-message,
        .dropzone:not(.multifile) .dz-preview .dz-error-message {
            padding: 10px
        }

        .dropzone-modale:not(.multifile) .dz-preview .dz-error-mark,
        .dropzone-modale:not(.multifile) .dz-preview .dz-success-mark,
        .dropzone:not(.multifile) .dz-preview .dz-error-mark,
        .dropzone:not(.multifile) .dz-preview .dz-success-mark {
            display: none !important
        }

        .dropzone-modale:not(.multifile) .dz-preview .dz-remove,
        .dropzone:not(.multifile) .dz-preview .dz-remove {
            background-color: #2399BC;
            color: #FFF;
            line-height: 1.8em;
            font-size: 1.3em;
            padding: 4px 10px;
            float: left
        }

    .dropzone-modale.multifile,
    .dropzone.multifile {
        text-align: center;
        padding: 30px 40px
    }

        .dropzone-modale.multifile .dz-preview,
        .dropzone.multifile .dz-preview {
            position: relative;
            margin: 0 10px 50px 10px;
            display: inline-block
        }

            .dropzone-modale.multifile .dz-preview .dz-details,
            .dropzone.multifile .dz-preview .dz-details {
                display: none !important
            }

            .dropzone-modale.multifile .dz-preview .dz-progress,
            .dropzone.multifile .dz-preview .dz-progress {
                height: 6px;
                background: #FFF;
                margin-bottom: 5px;
                position: relative
            }

                .dropzone-modale.multifile .dz-preview .dz-progress .dz-upload,
                .dropzone.multifile .dz-preview .dz-progress .dz-upload {
                    height: 100%;
                    background: #7CD288;
                    display: inline-block;
                    position: absolute;
                    left: 0
                }

            .dropzone-modale.multifile .dz-preview .dz-error-message,
            .dropzone.multifile .dz-preview .dz-error-message {
                display: none !important
            }

            .dropzone-modale.multifile .dz-preview .dz-error-mark,
            .dropzone-modale.multifile .dz-preview .dz-success-mark,
            .dropzone.multifile .dz-preview .dz-error-mark,
            .dropzone.multifile .dz-preview .dz-success-mark {
                display: none !important
            }

            .dropzone-modale.multifile .dz-preview .dz-remove,
            .dropzone.multifile .dz-preview .dz-remove {
                background-color: #2399BC;
                color: #FFF;
                line-height: 1.8em;
                font-size: 1.3em;
                float: left;
                position: absolute;
                bottom: -40px;
                left: 50%;
                padding: 4px 10px;
                line-height: 30px;
                font-size: 20px;
                -webkit-transform: translate(-50%, 0);
                -moz-transform: translate(-50%, 0);
                -o-transform: translate(-50%, 0);
                transform: translate(-50%, 0)
            }

    .dropzone .dz-message,
    .dropzone-modale .dz-message {
        text-align: center !important
    }

.dropzone-modale-container {
    position: fixed;
    display: none;
    max-height: 80%;
    height: 500px;
    width: 80%;
    left: 50%;
    top: 50%;
    z-index: 400;
    background: rgba(255, 255, 255, .95);
    padding: 60px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .dropzone-modale-container {
        padding: 50px
    }
}

@media only screen and (max-width:599px) {
    .dropzone-modale-container {
        padding: 30px
    }
}

.dropzone-modale-container .close {
    position: absolute;
    background: #D9514D;
    right: 0;
    top: 0;
    line-height: 40px;
    width: 40px;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 3px;
    cursor: pointer
}

.dropzone-modale-container .close-success {
    position: absolute;
    background: #D9514D;
    left: 50%;
    bottom: 0;
    line-height: 40px;
    width: 70px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 3px;
    cursor: pointer;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.dropzone-modale-container .dropzone-modale {
    width: 100%;
    height: 100%;
    color: #363B3F
}

#eicma-loginform {
    padding-bottom: 40px;
    position: relative
}

    #eicma-loginform label {
        width: 100%;
        color: #FFF;
        display: inline-block;
        padding-bottom: 0;
        margin-bottom: 5px
    }

    #eicma-loginform p {
        margin-bottom: 5px
    }

    #eicma-loginform input {
        font-size: 2rem;
        line-height: 2.666rem;
        background: #646478;
        color: #FFF;
        padding: 0 10px;
        border: 1px solid #646478;
        box-shadow: none;
        -webkit-apparance: none;
        font-size: 1.333rem;
        margin-bottom: 5px
    }

        #eicma-loginform input:focus {
            border-color: #e42220;
            outline: 0
        }

        #eicma-loginform input[type=submit] {
            width: 100%;
            font-size: 2rem;
            line-height: 2.666rem;
            font-size: 1.333rem;
            font-weight: 500;
            background: #e42220;
            margin-top: 10px;
            border: none
        }

    #eicma-loginform .login-remember {
        position: absolute;
        left: 0;
        bottom: -15px
    }

        #eicma-loginform .login-remember label {
            color: #e42220;
            cursor: pointer;
            position: relative;
            padding-left: 30px
        }

            #eicma-loginform .login-remember label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 3px;
                width: 25px;
                height: 25px;
                background: 0 0;
                border: 1px solid #e42220;
                -webkit-transition: all .1s ease-out 0s;
                -moz-transition: all .1s ease-out 0s;
                -o-transition: all .1s ease-out 0s;
                transition: all .1s ease-out 0s
            }

            #eicma-loginform .login-remember label input[type=checkbox] {
                display: none
            }

            #eicma-loginform .login-remember label.checked:before {
                background: url(/img/checked-orange.png) no-repeat center
            }

#eicma-loginform-2 {
    padding-bottom: 40px;
    position: relative
}

    #eicma-loginform-2 p {
        margin-bottom: 15px
    }

    #eicma-loginform-2 .login-remember {
        position: absolute;
        left: 0;
        bottom: -15px
    }

        #eicma-loginform-2 .login-remember label {
            color: #e42220;
            cursor: pointer;
            position: relative;
            padding-left: 30px
        }

            #eicma-loginform-2 .login-remember label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 3px;
                width: 25px;
                height: 25px;
                background: 0 0;
                border: 1px solid #e42220;
                -webkit-transition: all .1s ease-out 0s;
                -moz-transition: all .1s ease-out 0s;
                -o-transition: all .1s ease-out 0s;
                transition: all .1s ease-out 0s
            }

            #eicma-loginform-2 .login-remember label input[type=checkbox] {
                display: none
            }

            #eicma-loginform-2 .login-remember label.checked:before {
                background: url(/img/checked-orange.png) no-repeat center
            }

.check-box-orange {
    cursor: pointer;
    position: relative;
    padding-left: 30px
}

    .check-box-orange:before {
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 25px;
        height: 25px;
        background: 0 0;
        border: 1px solid #e42220;
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

    .check-box-orange input[type=checkbox] {
        display: none
    }

    .check-box-orange.checked:before {
        background: url(/img/checked-orange.png) no-repeat center
    }

.checkbox-grey {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    line-height: 25px
}

    .checkbox-grey:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 25px;
        height: 25px;
        background: 0 0;
        border: 1px solid #AAA;
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

    .checkbox-grey input[type=checkbox] {
        display: none
    }

    .checkbox-grey.checked:before {
        background: url(/img/checked-black.png) no-repeat center;
        background-size: auto 16px
    }

label.radio {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    font-weight: 500;
    margin: 20px 0
}

    label.radio:before {
        content: '';
        position: absolute;
        left: 0;
        top: 2px;
        width: 25px;
        height: 25px;
        background: #FFF;
        border: 1px solid #403E3E;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%
    }

    label.radio input[type=radio] {
        display: none
    }

    label.radio.checked:before {
        background: #FFF url(/img/dot-check.png) no-repeat center
    }

.news-preview-row {
    margin-top: 50px
}

    .news-preview-row .image-col {
        background-color: #1D1531;
        padding: 0
    }

@media only screen and (max-width:599px) {
    .news-preview-row .image-col {
        background-color: transparent
    }
}

@media only screen and (max-width:760px) {
    .news-preview-row .image-col {
        height: auto !important
    }
}

.news-preview-row .image-col .image-container {
    opacity: .9;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #2399BC;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.news-preview-row .image-col .image-featured {
    opacity: .7;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #2399BC;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.news-preview-row img {
    max-width: 100%;
    display: block;
    width: 100%
}

.news-preview-row .title {
    font-size: 3.555rem;
    line-height: 4rem;
    color: #e42220;
    text-align: left;
    margin: -10px 0 20px 0
}

@media only screen and (min-width:761px) {
    .news-preview-row .title {
        font-size: 2rem;
        line-height: 2.666rem
    }
}

@media only screen and (min-width:992px) {
    .news-preview-row .title {
        font-size: 2.666rem;
        line-height: 4rem
    }
}

@media only screen and (min-width:1200px) {
    .news-preview-row .title {
        font-size: 3.555rem;
        line-height: 4rem
    }
}

@media only screen and (min-width:761px) {
    .news-preview-row .title {
        width: 130%;
        margin-left: -30%
    }
}

.news-preview-row .date {
    font-weight: 500
}

@media only screen and (max-width:599px) {
    .news-preview-row .date {
        margin-top: 15px;
        font-size: 1rem;
        line-height: 1.666rem
    }
}

.news-preview-row .preview {
    font-size: 1.333rem;
    line-height: 2rem
}

@media only screen and (min-width:761px) {
    .news-preview-row .preview {
        font-size: .777rem;
        line-height: 1.166rem
    }
}

@media only screen and (min-width:761px) and only screen and (max-width:599px) {
    .news-preview-row .preview {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

@media only screen and (min-width:992px) {
    .news-preview-row .preview {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

@media only screen and (min-width:1200px) {
    .news-preview-row .preview {
        font-size: 1.333rem;
        line-height: 2rem
    }
}

.news-preview-row:hover .image-container,
.news-preview-row:hover .image-featured {
    opacity: .4
}

.news-preview-row:hover .title {
    text-decoration: underline
}

.location-preview-row {
    margin-bottom: 60px
}

    .location-preview-row img {
        width: 100%;
        float: left;
        max-width: 170px;
        margin-right: 30px
    }

    .location-preview-row p {
        margin-bottom: 0
    }

    .location-preview-row .title {
        text-align: left;
        margin-bottom: 5px;
        color: #e42220
    }

    .location-preview-row .rank {
        font-size: 1.666rem;
        line-height: 2rem;
        margin-bottom: 5px
    }

        .location-preview-row .rank i {
            display: inline-block;
            margin: 0 10px 0 0;
            color: #e42220
        }

    .location-preview-row .address {
        margin-bottom: 10px
    }

    .location-preview-row a {
        color: #e42220;
        text-decoration: underline
    }

.gallery-preview-box {
    position: relative;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

    .gallery-preview-box .dima {
        width: 100%;
        display: block
    }

    .gallery-preview-box .overlay {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        background: rgba(29, 21, 49, .6);
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

    .gallery-preview-box .play-video {
        display: inline-block;
        color: #FFF;
        cursor: pointer;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 60px;
        width: 60px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid #FFF
    }

        .gallery-preview-box .play-video img {
            height: 30px;
            position: absolute;
            left: 55%;
            top: 50%;
            -webkit-transition: all .1s ease-out 0s;
            -moz-transition: all .1s ease-out 0s;
            -o-transition: all .1s ease-out 0s;
            transition: all .1s ease-out 0s;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        .gallery-preview-box .play-video:hover img {
            height: 27px
        }

    .gallery-preview-box .head {
        position: absolute;
        padding: 30px;
        left: 0;
        bottom: 0
    }

        .gallery-preview-box .head .title {
            color: #e42220;
            font-size: 2rem;
            line-height: 2.666rem
        }

        .gallery-preview-box .head .date {
            color: #FFF
        }

    .gallery-preview-box.size-11 .head {
        padding: 30px
    }

        .gallery-preview-box.size-11 .head .title {
            font-size: 1.666rem;
            line-height: 2rem
        }

    .gallery-preview-box.size-11 .play-video {
        top: 40%
    }

    .gallery-preview-box.size-21 .play-video {
        top: 30%
    }

    .gallery-preview-box.size-22 .play-video {
        top: 55%
    }

    .gallery-preview-box:hover .head .title {
        text-decoration: underline
    }

    .gallery-preview-box:hover .overlay {
        background: rgba(29, 21, 49, .8)
    }

.row-video {
    position: relative;
    min-height: 400px
}

    .row-video .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 110;
        background-color: rgba(29, 21, 49, .6);
        background-size: cover
    }

        .row-video .overlay h3 {
            font-size: 2.666rem;
            line-height: 4rem;
            line-height: 1.2em;
            margin-top: 4rem;
            color: #FFF;
            font-weight: 300
        }

        .row-video .overlay .play-last-edition-video {
            display: inline-block;
            color: #FFF;
            cursor: pointer;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            height: 60px;
            width: 60px;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            border: 3px solid #FFF
        }

            .row-video .overlay .play-last-edition-video img {
                height: 30px;
                position: absolute;
                left: 55%;
                top: 50%;
                -webkit-transition: all .1s ease-out 0s;
                -moz-transition: all .1s ease-out 0s;
                -o-transition: all .1s ease-out 0s;
                transition: all .1s ease-out 0s;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

            .row-video .overlay .play-last-edition-video:hover img {
                height: 27px
            }

    .row-video .video-frame {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 101
    }

        .row-video .video-frame .ytplayer-player {
            position: absolute;
            left: 50% !important;
            top: 50% !important;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

.expositor-content-news {
    color: #FFF;
    background-color: #e42220;
    overflow-x: hidden
}

@media only screen and (min-width:761px) {
    .expositor-content-news {
        min-width: 500px;
        max-width: 500px
    }
}

@media only screen and (min-width:992px) {
    .expositor-content-news {
        min-width: 700px;
        max-width: 700px
    }
}

@media only screen and (min-width:1200px) {
    .expositor-content-news {
        min-width: 700px;
        max-width: 700px
    }
}

.expositor-content-news .featured {
    position: relative;
    min-height: 10rem;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

    .expositor-content-news .featured.gallery {
        min-height: 300px
    }

    .expositor-content-news .featured iframe {
        display: block
    }

    .expositor-content-news .featured .img-slide {
        position: absolute;
        min-height: 300px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }

    .expositor-content-news .featured .slick-slide {
        max-width: 100%;
        position: relative;
        min-height: 300px;
        width: 100%
    }

        .expositor-content-news .featured .slick-slide img {
            max-width: 100%;
            width: 100%
        }

.expositor-content-news .content {
    padding: 5px;
    overflow: auto
}

@media (min-width:768px) {
    .expositor-content-news .content {
        padding: 8px
    }
}

@media (min-width:992px) {
    .expositor-content-news .content {
        padding: 12px
    }
}

@media (min-width:1200px) {
    .expositor-content-news .content {
        padding: 15px
    }
}

.expositor-content-news .content .date {
    font-weight: 500;
    text-transform: uppercase
}

.expositor-content-news .content .event-data {
    position: relative;
    padding: 10px 0;
    margin: 10px 0
}

    .expositor-content-news .content .event-data:before {
        content: " ";
        position: absolute;
        left: 50%;
        bottom: 0;
        border-bottom: 1px solid #FFF;
        width: 200px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .expositor-content-news .content .event-data:after {
        content: " ";
        position: absolute;
        left: 50%;
        top: 0;
        border-top: 1px solid #FFF;
        width: 200px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

.expositor-content-news .content .wp-typography {
    margin: 2rem 0 1rem 0
}

.expositor-content-news .content .share {
    text-align: right;
    border-top: 1px solid #FFF;
    padding-top: 1rem;
    margin-top: 1rem
}

    .expositor-content-news .content .share ul li {
        margin-left: 1rem
    }

        .expositor-content-news .content .share ul li img {
            filter: brightness(0) invert(1);
            height: 40px
        }

.page-motolive .gallery-box {
    position: relative;
    height: auto;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    border: 5px solid #FFF;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

    .page-motolive .gallery-box.disabled {
        opacity: .2
    }

    .page-motolive .gallery-box .dima {
        width: 100%;
        display: block
    }

    .page-motolive .gallery-box .overlay {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        opacity: 0;
        background: rgba(250, 63, 26, .8);
        -webkit-transition: all .2s ease-out 0s;
        -moz-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s
    }

    .page-motolive .gallery-box .head-container {
        position: absolute;
        left: 15px;
        bottom: 15px;
        right: 15px;
        top: 15px;
        border: 4px solid #F5A623
    }

@media only screen and (min-width:992px) {
    .page-motolive .gallery-box .head-container {
        left: 35px;
        bottom: 35px;
        right: 35px;
        top: 35px
    }
}

.page-motolive .gallery-box .head-container .head {
    position: absolute;
    color: #F5A623;
    left: 50%;
    top: 50%;
    width: 95%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.page-motolive .gallery-box .head-container .title {
    color: #F5A623;
    font-weight: 700;
    margin: 5px 0 10px 0;
    font-size: 1.333rem;
    line-height: 2rem
}

@media only screen and (min-width:992px) {
    .page-motolive .gallery-box .head-container .title {
        margin: 10px 0 20px 0;
        font-size: 1.666rem;
        line-height: 2rem
    }
}

.page-motolive .gallery-box .head-container .date {
    color: #FFF;
    margin-bottom: 5px;
    display: none
}

@media only screen and (min-width:992px) {
    .page-motolive .gallery-box .head-container .date {
        display: block
    }
}

.page-motolive .gallery-box .head-container .type {
    font-size: 1rem;
    line-height: 1.666rem;
    text-transform: uppercase;
    font-weight: 400
}

@media only screen and (min-width:992px) {
    .page-motolive .gallery-box .head-container .type {
        font-size: 1.333rem;
        line-height: 2rem
    }
}

.page-motolive .gallery-box.size-11 .head .title {
    font-size: 1.333rem;
    line-height: 2rem
}

.page-motolive .gallery-box.size-11 .head .date {
    display: none
}

.page-motolive .gallery-box.size-11 .head .type {
    font-size: 1rem;
    line-height: 1.666rem;
    margin: 0
}

.page-motolive .gallery-box:not(.disabled):hover .overlay {
    opacity: 1
}

header.default {
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    overflow: auto;
    position: absolute;
    z-index: 500;
    top: 0;
    width: 100%;
    background: #FFF;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

    header.default.fixed,
    header.default.megamenu {
        position: fixed;
        top: 0
    }

    header.default .wrap {
        padding: 5px 0
    }

    header.default img.logo,
    header.default img.logo-white {
        float: left;
        height: 50px;
        margin-bottom: 10px;
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

@media only screen and (max-width:599px) {
    header.default img.logo,
    header.default img.logo-white {
        height: 40px
    }
}

header.default .logo-white {
    display: none
}

header.default nav.primary {
    float: right;
    margin-top: 11px
}

@media only screen and (max-width:760px) {
    header.default nav.primary {
        margin-top: 10px
    }
}

header.default nav.primary .nav-item {
    color: #4A4A4A;
    cursor: pointer;
    display: inline-block;
    line-height: 1.2em;
    margin-left: 20px;
    padding-left: 30px;
    position: relative
}

    header.default nav.primary .nav-item span {
        font-size: 1.2em
    }

    header.default nav.primary .nav-item i {
        bottom: -2px;
        font-size: 1.4em;
        left: 0;
        position: absolute
    }

        header.default nav.primary .nav-item i.close-menu {
            border: 1px solid #e42220;
            border-radius: 50%;
            bottom: 1px;
            display: none;
            font-size: 1em;
            left: 3px
        }

@media only screen and (max-width:599px) {
    header.default nav.primary .nav-item i.close-menu {
        font-size: 1em
    }
}

@media only screen and (max-width:599px) {
    header.default nav.primary .nav-item span {
        font-size: 1.4em
    }

    header.default nav.primary .nav-item i {
        font-size: 1.3em
    }
}

header.default.home:not(.fixed) {
    background: 0 0;
    overflow-x: hidden
}

    header.default.home:not(.fixed) h1.logo,
    header.default.home:not(.fixed) img.logo-motolive {
        float: left;
        text-indent: -9999px;
        overflow: hidden;
        background: url(/img/logo_new_white_large.png) no-repeat center;
        background-size: contain;
        height: 230px;
        width: 140px
    }

@media only screen and (max-width:760px) {
    header.default.home:not(.fixed) h1.logo,
    header.default.home:not(.fixed) img.logo-motolive {
        height: 100px;
        width: 80px
    }
}

header.default.home:not(.fixed) nav.primary .nav-item {
    color: #FFF
}

@media only screen and (max-width:760px) {
    header.default.fixed nav.primary {
        margin-top: 10px
    }
}

header.default.fixed h1.logo,
header.default.fixed img.logo-motolive {
    text-indent: -9999px;
    overflow: hidden;
    background: url(/img/logo_new_red_small.png) no-repeat center;
    background-size: contain;
    float: left;
    height: 50px;
    width: 115px
}

@media only screen and (max-width:760px) {
    header.default.fixed h1.logo,
    header.default.fixed img.logo-motolive {
        height: 30px;
        width: 82px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:760px) {
    header.default.fixed img.logo,
    header.default.fixed img.logo-whitesez {
        height: 30px
    }
}

header.default.megamenu {
    background-color: transparent !important
}

    header.default.megamenu img.logo {
        display: none
    }

    header.default.megamenu img.logo-white {
        display: inline-block
    }

    header.default.megamenu h1.logo {
        background: url(/img/logo_new_white_small.png) no-repeat center !important;
        background-size: contain !important;
        height: 50px !important;
        width: 115px !important
    }

@media only screen and (max-width:599px) {
    header.default.megamenu h1.logo {
        width: 100px !important
    }
}

header.default.megamenu.fixed h1.logo {
    background: url(/img/logo_new_white_small.png) no-repeat center !important;
    background-size: contain !important
}

header.default.megamenu nav.primary .nav-item {
    color: #FFF
}

    header.default.megamenu nav.primary .nav-item.opener {
        color: #e42220
    }

        header.default.megamenu nav.primary .nav-item.opener .close-menu {
            display: inline-block !important
        }

        header.default.megamenu nav.primary .nav-item.opener .open-menu {
            display: none !important
        }

#megamenu {
    z-index: 400;
    position: fixed;
    width: 100%;
    min-height: 100% !important;
    height: 100% !important;
    left: 0;
    display: none;
    top: 0;
    background: rgba(0,0,0, .90)
}

@media only screen and (min-width:761px) {
    #megamenu {
        position: fixed
    }
}

#megamenu .container {
    padding-bottom: 10px;
    height: 100%
}

    #megamenu .container .wrap {
        padding-top: 0;
        height: 100%;
        overflow-y: scroll;
        padding-bottom: 10px;
        border-top: 1px solid #EEE
    }

@media only screen and (min-width:761px) {
    #megamenu .container .wrap {
        overflow: hidden
    }
}

#megamenu .container .wrap .row {
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    padding-top: 15px
}

@media only screen and (min-width:761px) {
    #megamenu .container .wrap .row {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

#megamenu .menu-section .primary-nav ul li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 2rem
}

@media only screen and (min-width:761px) {
    #megamenu .menu-section .primary-nav ul li {
        max-width: 32%
    }
}

@media only screen and (min-width:992px) {
    #megamenu .menu-section .primary-nav ul li {
        max-width: 33%
    }
}

@media only screen and (min-width:1200px) {
    #megamenu .menu-section .primary-nav ul li {
        max-width: 24%
    }
}

@media only screen and (max-width:760px) {
    #megamenu .menu-section .primary-nav ul li {
        text-align: center
    }
}

#megamenu .menu-section .primary-nav ul li a {
    font-size: 1rem;
    line-height: 1.666rem;
    font-weight: 700;
    color: #e42220
}

#megamenu .menu-section .primary-nav ul li.menu-item-has-children ul.sub-menu {
    margin: 0 10px 0 0;
}

    #megamenu .menu-section .primary-nav ul li.menu-item-has-children ul.sub-menu li {
        display: block;
        max-width: 100%;
        margin-top: 0;
        margin-bottom: .5rem;
        font-weight: bold;
    }

        #megamenu .menu-section .primary-nav ul li.menu-item-has-children ul.sub-menu li a {
            font-size: 1.2rem;
            font-weight: 300;
            color: #FFF
        }

@media only screen and (max-width:760px) {
    #megamenu .menu-section .primary-nav ul li.menu-item-has-children ul.sub-menu li a {
        font-size: 1.66em
    }
}

@media only screen and (max-width:599px) {
    #megamenu .menu-section .primary-nav ul li a {
        font-size: 1.333rem;
        line-height: 2rem
    }

    #megamenu .menu-section .primary-nav ul li.menu-item-has-children ul.sub-menu a {
        font-size: 1.666rem;
        line-height: 2rem
    }
}

#megamenu .login-section {
    display: none;
    color: #FFF;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: auto
}

    #megamenu .login-section .centered {
        max-width: 350px;
        margin: auto;
        padding: 10px;
        overflow: auto
    }

@media (min-width:768px) {
    #megamenu .login-section .centered {
        padding: 10px
    }
}

@media (min-width:992px) {
    #megamenu .login-section .centered {
        padding: 15px
    }
}

@media (min-width:1200px) {
    #megamenu .login-section .centered {
        padding: 20px
    }
}

#megamenu .login-section h2 {
    font-size: 1.666rem;
    line-height: 2rem;
    padding: 10px 0 2rem 0
}

#megamenu .login-section h3 {
    font-size: 2em;
    padding: 1rem 0 1rem 0
}

#megamenu .login-section .login .fb-login p {
    padding: 15px 0 20px 0
}

#megamenu .login-section .register p {
    margin-bottom: 30px
}

#megamenu .megamenu-footer {
    border-top: 1px solid #EEE;
    line-height: 1.2em;
    margin-top: 10px;
    padding: 10px 0 0 0;
    color: #FFF;
    font-size: 1em
}

@media only screen and (max-width:760px) {
    #megamenu .megamenu-footer {
        text-align: center
    }
}

@media only screen and (min-width:761px) {
    #megamenu .megamenu-footer {
        position: absolute;
        bottom: 0;
        width: 100%
    }
}

#megamenu .megamenu-footer a {
    text-decoration: none;
    color: #FFF
}

@media only screen and (min-width:761px) {
    #megamenu .megamenu-footer a {
        float: right
    }
}

#megamenu .secodnary-nav ul li {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.666rem
}

    #megamenu .secodnary-nav ul li a {
        color: #FFF
    }

    #megamenu .secodnary-nav ul li span {
        display: inline-block;
        text-align: center;
        margin-right: 15px;
        height: 45px;
        position: relative;
        top: 5px
    }

        #megamenu .secodnary-nav ul li span img {
            height: 30px
        }

@media only screen and (min-width:761px) {
    #megamenu .secodnary-nav ul.utils {
        float: left
    }
}

#megamenu .secodnary-nav ul.utils li {
    margin-right: 10px
}

    #megamenu .secodnary-nav ul.utils li span img {
        height: 30px
    }

@media only screen and (min-width:761px) {
    #megamenu .secodnary-nav ul.social {
        float: right
    }
}

#megamenu .secodnary-nav ul.social li span img {
    height: 30px
}

header.logged {
    background: #363B3F;
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%
}

    header.logged .wrap {
        padding: 10px 10px;
        overflow: visible
    }

    header.logged .logo {
        height: 40px;
        margin: 5px 0
    }

    header.logged .user-badge-container:hover .menu {
        display: block;
        max-height: 999px
    }

    header.logged .user-badge {
        float: right;
        position: relative;
        padding: 0 15px
    }

        header.logged .user-badge .avatar {
            display: inline-block;
            vertical-align: top
        }

            header.logged .user-badge .avatar img {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                height: 50px;
                width: 50px
            }

        header.logged .user-badge .details {
            display: inline-block;
            vertical-align: top;
            color: #AAA;
            font-weight: 400;
            padding: 5px;
            font-size: .777rem;
            line-height: 1.166rem
        }

@media only screen and (max-width:599px) {
    header.logged .user-badge .details {
        display: none
    }
}

@media only screen and (max-width:599px) {
    header.logged .user-badge .details {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

header.logged .user-badge .details .display-name {
    color: #FFF;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.666rem
}

header.logged .user-badge .nav {
    display: inline-block;
    vertical-align: top;
    color: #FFF;
    text-align: left
}

    header.logged .user-badge .nav i {
        color: #FFF;
        font-size: 3em
    }

@media only screen and (max-width:599px) {
    header.logged .user-badge .nav i {
        margin-top: 10px
    }
}

header.logged .user-badge:hover .menu {
    max-height: 999px
}

header.logged .menu {
    position: absolute;
    display: none;
    max-height: 0;
    overflow: hidden;
    right: 0;
    top: 90%;
    z-index: 500
}

@media only screen and (max-width:599px) {
    header.logged .menu {
        text-align: right;
        width: 100%
    }
}

header.logged .menu ul {
    background: #363B3F;
    width: 100%;
    text-align: left;
    padding: 30px;
    padding-left: 75px;
    padding-top: 40px;
    min-width: 300px;
    color: #FFF
}

@media only screen and (max-width:760px) {
    header.logged .menu ul {
        padding: 15px;
        padding-top: 20px;
        font-size: 1.4em;
        text-align: center
    }
}

header.logged .menu ul li {
    margin: 10px 0
}

    header.logged .menu ul li a {
        color: #FFF;
        font-weight: 600;
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

        header.logged .menu ul li a:hover {
            color: #e42220
        }

    header.logged .menu ul li .alert {
        background: #D9514D;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        color: #FFF;
        width: 18px;
        display: inline-block;
        line-height: 18px;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        margin-left: 5px
    }

header.motolive {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background-color: transparent
}

    header.motolive .logo {
        display: block
    }

    header.motolive .logo-large {
        display: none
    }

@media only screen and (min-width:761px) {
    header.motolive .logo {
        display: none
    }

    header.motolive .logo-large {
        display: block
    }
}

header.motolive nav {
    display: none
}

header.motolive .logo-large {
    height: 150px
}

header.motolive .logo {
    height: 60px
}

header.motolive.scrolled {
    position: relative;
    background-color: #1D1531;
    position: fixed;
    top: 0
}

    header.motolive.scrolled .wrap {
        padding: .4rem
    }

    header.motolive.scrolled .logo {
        display: block;
        height: 40px
    }

    header.motolive.scrolled .logo-large {
        display: none
    }

    header.motolive.scrolled nav {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 20px;
        display: inline-block;
        float: right;
        max-width: 50%
    }

@media only screen and (max-width:599px) {
    header.motolive.scrolled nav {
        text-align: right
    }
}

header.motolive.scrolled nav ul li {
    display: inline-block;
    padding: 0 10px
}

@media only screen and (max-width:599px) {
    header.motolive.scrolled nav ul li {
        padding: 0 5px
    }
}

header.motolive.scrolled nav ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    font-size: .777rem;
    line-height: 1.166rem
}

@media only screen and (max-width:599px) {
    header.motolive.scrolled nav ul li a {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

body:not(.home) {
    margin-top: 70px
}

@media only screen and (max-width:599px) {
    body:not(.home) {
        margin-top: 50px
    }
}

body:not(.home).backend-section {
    margin-top: 76px
}

body:not(.backend-section) .page-head,
body:not(.backend-section) .page-head-blue {
    text-align: center;
    padding: 60px 15px 40px 15px;
    background: rgba(0, 0, 0, .95)
}

@media only screen and (max-width:599px) {
    body:not(.backend-section) .page-head,
    body:not(.backend-section) .page-head-blue {
        padding: 30px 15px 10px 15px
    }
}

body:not(.backend-section) .page-head h1,
body:not(.backend-section) .page-head-blue h1 {
    margin-bottom: 20px;
    color: #e42220
}

body:not(.backend-section) .page-head-blue.with-bg,
body:not(.backend-section) .page-head.with-bg {
    background-size: cover;
    background-position: center
}

    body:not(.backend-section) .page-head-blue.with-bg h1,
    body:not(.backend-section) .page-head.with-bg h1 {
        color: #FFF
    }

body.app-view {
    margin-top: 0 !important
}

footer .newsletter-social {
    padding: 30px 0 70px 0;
    margin-bottom: 0
}

    footer .newsletter-social h3 {
        font-size: 3em;
        color: #e42220;
        margin: 40px 0 20px 0;
        line-height: 100%;
        font-weight: 300
    }

    footer .newsletter-social .newsletter p {
        font-size: 1.5em;
        font-weight: 300;
        color: #555;
        line-height: 1.6em;
        margin-bottom: 20px
    }

    footer .newsletter-social .social ul {
        margin-top: 40px
    }

        footer .newsletter-social .social ul li {
            display: inline-block;
            margin: 0 10px;
            border: 1px solid #555;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -o-border-radius: 100%;
            -ms-border-radius: 100%;
            border-radius: 100%;
            height: 60px;
            width: 60px;
            text-align: center;
            -webkit-transition: all .2s ease-out 0s;
            -moz-transition: all .2s ease-out 0s;
            -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s
        }

            footer .newsletter-social .social ul li img {
                -webkit-transition: all .2s ease-out 0s;
                -moz-transition: all .2s ease-out 0s;
                -o-transition: all .2s ease-out 0s;
                transition: all .2s ease-out 0s;
                width: 40px;
                height: 40px;
                margin-top: 8px;
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
                opacity: .6
            }

            footer .newsletter-social .social ul li:hover img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            footer .newsletter-social .social ul li:hover.fb {
                border-color: #4363A3
            }

            footer .newsletter-social .social ul li:hover.tw {
                border-color: #6BBCF2
            }

            footer .newsletter-social .social ul li:hover.pt {
                border-color: #C41B1E
            }

            footer .newsletter-social .social ul li:hover.it {
                border-color: #497DA5
            }

            footer .newsletter-social .social ul li:hover.yt {
                border-color: #C22420
            }

footer .logos {
    padding: 80px 0;
    background-color: #e42220;
    margin-bottom: 0
}

    footer .logos .logo-col .logos-title {
        font-size: .8em;
        color: #FFF;
        margin-bottom: 30px
    }

    footer .logos .logo-col .logos-section a {
        position: relative;
        display: inline-block
    }

        footer .logos .logo-col .logos-section a:hover .dima {
            opacity: 0
        }

        footer .logos .logo-col .logos-section a:hover .reaction {
            opacity: 1
        }

    footer .logos .logo-col .logos-section img {
        display: block;
        margin: 0 10px 20px 10px;
        height: 70px;
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

        footer .logos .logo-col .logos-section img.dima {
            position: relative;
            z-index: 100;
            opacity: 1
        }

        footer .logos .logo-col .logos-section img.reaction {
            opacity: 0;
            z-index: 99;
            position: absolute;
            top: 0
        }

footer .copyright {
    margin-bottom: 0;
    background-color: #545454
}

@media only screen and (max-width:599px) {
    footer .copyright .c4,
    footer .copyright .c8 {
        margin-bottom: 0
    }
}

footer .copyright ul {
    text-align: left
}

    footer .copyright ul li {
        margin: 0 0;
        font-size: .777rem;
        line-height: 1.166rem;
        color: #FFF
    }

@media only screen and (max-width:599px) {
    footer .copyright ul li {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

@media only screen and (min-width:761px) {
    footer .copyright .links {
        text-align: right
    }
}

footer .copyright a {
    font-size: .8em;
    text-decoration: underline;
    margin-right: 30px;
    color: #FFF
}

@media only screen and (min-width:761px) {
    footer .copyright a {
        margin-right: 0;
        margin-left: 30px
    }
}

body.backend-section footer {
    margin-top: 100px
}

    body.backend-section footer .copyright {
        background: #FFF
    }

        body.backend-section footer .copyright .logo {
            float: left;
            height: 30px;
            margin-right: 20px;
            margin-left: -15px
        }

        body.backend-section footer .copyright .links {
            padding-top: 8px
        }

            body.backend-section footer .copyright .links a {
                color: #403E3E
            }

        body.backend-section footer .copyright ul {
            margin-top: 8px
        }

            body.backend-section footer .copyright ul li {
                color: #403E3E;
                font-size: .7em;
                margin-right: 10px
            }

.privacy-modal-container {
    display: none;
    position: fixed;
    left: 50%;
    top: 60%;
    z-index: 999;
    padding: 15px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    color: #FFF;
    background-color: #1D1531
}

@media only screen and (max-width:599px) {
    .privacy-modal-container {
        width: 90%;
        height: 80%
    }
}

.privacy-modal-container .close {
    position: absolute;
    font-size: 2.5rem;
    cursor: pointer;
    color: #e42220;
    right: -1.666rem;
    top: -1.666rem
}

    .privacy-modal-container .close i {
        font-size: 3.5rem
    }

.privacy-modal-container h3 {
    font-size: 1.333rem;
    line-height: 2rem;
    padding-bottom: 15px;
    border-bottom: 1px solid #FFF
}

.privacy-modal-container .content {
    margin-top: 15px;
    font-size: .777rem;
    line-height: 1.166rem;
    height: 90%;
    overflow-y: scroll
}

@media only screen and (max-width:599px) {
    .privacy-modal-container .content {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

.privacy-modal-container .content::-webkit-scrollbar {
    width: 4px
}

.privacy-modal-container .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.privacy-modal-container .content::-webkit-scrollbar-thumb {
    background: #e42220;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.privacy-modal-container .content::-webkit-scrollbar-corner {
    display: none
}

body .banners {
    margin-bottom: 0;
    color: #FFF
}

    body .banners .c6 {
        background-size: cover;
        height: 500px;
        position: relative;
        margin-bottom: 0
    }

    body .banners .visita {
        background-image: url(/img/banner-visita.jpeg)
    }

    body .banners .partecipa {
        background-image: url(/img/banner-partecipa.jpeg)
    }

    body .banners .title {
        margin: 20px 0 40px 0;
        font-size: 3em
    }

    body .banners .description {
        font-size: 30px;
        font-weight: 300;
        line-height: 1em
    }

    body .banners .buttons {
        position: absolute;
        bottom: 15px;
        right: 15px
    }

@media only screen and (min-width:761px) {
    body .banners .buttons {
        bottom: 30px;
        right: 30px
    }
}

body .banners .buttons .btn {
    margin-left: 20px
}

@media only screen and (max-width:599px) {
    body .banners .buttons .btn {
        margin-bottom: 20px
    }
}

body .app {
    margin-bottom: 0;
    overflow: hidden
}

    body .app .wrap {
        overflow: hidden
    }

    body .app .slogan h2 {
        font-weight: 300;
        margin-top: 60px
    }

@media only screen and (max-width:599px) {
    body .app .slogan h2 {
        margin-top: 30px;
        font-size: 22px
    }
}

body .app .slogan .btn {
    margin-top: 50px
}

@media only screen and (max-width:599px) {
    body .app .slogan .btn {
        margin-top: 20px
    }
}

body .app .preview {
    min-height: 440px;
    text-align: center;
    margin-bottom: 0;
    position: relative
}

@media only screen and (max-width:599px) {
    body .app .preview {
        min-height: 240px
    }
}

body .app .preview img {
    max-width: 300px;
    width: 90%
}

@media only screen and (max-width:760px) {
    body .app .preview img {
        max-width: 60%;
        margin-top: 20px;
        width: auto;
        margin-bottom: -60%
    }
}

@media only screen and (min-width:761px) {
    body .app .preview img {
        position: absolute;
        top: 10%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

body .app .app-link {
    margin-top: 1rem
}

    body .app .app-link img {
        max-height: 50px;
        display: inline-block;
        margin: 0 10px
    }

@media only screen and (max-width:599px) {
    body .app .app-link img {
        margin-bottom: 20px
    }
}

body .events-motolive {
    margin-bottom: 0;
    color: #FFF
}

    body .events-motolive .c12,
    body .events-motolive .c6 {
        padding: 0;
        margin-bottom: 0
    }

        body .events-motolive .c12 .wrap,
        body .events-motolive .c6 .wrap {
            background-size: cover;
            height: 500px;
            position: relative
        }

    body .events-motolive .motolive {
        background-image: url(/img/home-motolive.jpg)
    }

        body .events-motolive .motolive img {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            position: absolute;
            max-width: 75%;
            max-height: 50%
        }

    body .events-motolive .settimana-della-moto {
        background-image: url(/img/home-settimana.jpg);
        position: relative
    }

        body .events-motolive .settimana-della-moto .inner {
            background-image: url(/img/settimana-moto/title-home.svg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            background-size: 80% auto;
            left: 0;
            width: 100%;
            top: 0;
            bottom: 0
        }

body .special-area {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

    body .special-area .motolive .col-xs-6 {
        padding: 0 5px
    }

    body .special-area .motolive img {
        max-width: 100%
    }

    body .special-area .motolive .btn {
        margin-top: 40px
    }

    body .special-area .areas {
        text-align: center;
        padding-bottom: 30px
    }

@media only screen and (min-width:761px) {
    body .special-area .areas .single-area {
        width: 19.5%;
        display: inline-block;
        vertical-align: top
    }
}

body .special-area .areas .single-area:hover {
    cursor: pointer
}

    body .special-area .areas .single-area:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    body .special-area .areas .single-area:hover p {
        text-decoration: underline
    }

body .special-area .areas h3 {
    color: #e42220;
    /*font-size: 3em;*/
    line-height: 1em;
    margin-bottom: 80px
}

body .special-area .areas img {
    max-height: 130px;
    margin-bottom: 15px;
    display: inline-block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

body .special-area .areas h4 {
    color: #e42220;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    font-size: 1.4em;
    line-height: 1.5em;
    min-height: 3em;
    padding-bottom: 3px;
    margin-bottom: 15px
}

body .special-area .areas p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em;
    color: #403E3E
}

body .special-area .areas .slick-arrow {
    position: absolute;
    top: 60px;
    z-index: 120;
    height: 65px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
    border: none;
    text-indent: 999999px;
    cursor: pointer
}

body .special-area .areas .slick-prev {
    left: 10px;
    background-image: url(/img/left-arrow.png)
}

body .special-area .areas .slick-next {
    right: 10px;
    background-image: url(/img/right-arrow.png)
}

body .last-edition-video {
    position: relative;
    min-height: 400px
}

    body .last-edition-video .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 110;
        background: url(/img/video-overlay.jpeg) no-repeat center;
        background-size: cover
    }

        body .last-edition-video .overlay h3 {
            font-size: 30px;
            line-height: 1.2em;
            margin-top: 20px;
            color: #FFF;
            font-weight: 300
        }

@media only screen and (min-width:761px) {
    body .last-edition-video .overlay h3 {
        font-size: 50px
    }
}

body .last-edition-video .overlay .play-last-edition-video {
    margin-top: 170px;
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    position: relative;
    height: 60px;
    width: 60px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #FFF
}

    body .last-edition-video .overlay .play-last-edition-video img {
        height: 30px;
        position: absolute;
        left: 55%;
        top: 50%;
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    body .last-edition-video .overlay .play-last-edition-video:hover img {
        height: 27px
    }

body .last-edition-video .video-frame {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 101
}

    body .last-edition-video .video-frame .ytplayer-player {
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

body .news {
    padding-bottom: 30px;
    background-color: #F7F7F7
}

    body .news .section-title {
        text-align: center;
        font-size: 3em;
        color: #e42220;
        margin: 20px 0 50px 0;
        line-height: 100%
    }

@media only screen and (max-width:599px) {
    body .news .section-title {
        font-size: 2.4em;
        margin: 20px 0 30px 0
    }
}

body .news .news-preview-row .col-sm-7 {
    padding: 40px 0 40px 100px
}

@media only screen and (max-width:599px) {
    body .news .news-preview-row .col-sm-7 {
        padding: 20px 0 20px 0
    }
}

body .news .news-preview-row .title {
    margin-left: -50%
}

@media only screen and (max-width:760px) {
    body .news .news-preview-row .title {
        margin-left: 0
    }
}

body .news .last-news {
    background-color: #e42220;
    position: relative
}

    body .news .last-news .content .wrap {
        overflow: visible
    }

    body .news .last-news .thumb {
        padding-left: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        opacity: .5
    }

    body .news .last-news .details {
        font-size: 1.1em;
        margin-top: 40px;
        font-weight: 300;
        color: #FFF;
        line-height: 1em;
        margin-bottom: 15px
    }

        body .news .last-news .details span {
            text-transform: uppercase
        }

@media only screen and (max-width:599px) {
    body .news .last-news .details {
        font-size: 1em;
        margin-top: 10px
    }
}

body .news .last-news .title {
    color: #FFF;
    width: 150%;
    left: -50%;
    position: relative;
    font-size: 4em;
    font-weight: 700;
    line-height: 1.1em;
    text-decoration: none;
    margin-bottom: 15px
}

@media only screen and (max-width:599px) {
    body .news .last-news .title {
        font-size: 2em
    }
}

body .news .last-news .preview {
    font-size: 1.5em;
    font-weight: 300;
    color: #FFF;
    line-height: 1.6em
}

@media only screen and (max-width:599px) {
    body .news .last-news .preview {
        font-size: 1.1em;
        line-height: 1em
    }
}

body .news .oldest-news {
    margin: 50px 0 0 0
}

    body .news .oldest-news .single-news {
        text-align: center
    }

@media only screen and (max-width:599px) {
    body .news .oldest-news .single-news {
        margin-bottom: 40px
    }
}

body .news .oldest-news .single-news .details {
    font-size: 1rem;
    line-height: 1.666rem;
    font-weight: 700;
    margin-bottom: 15px
}

    body .news .oldest-news .single-news .details span {
        text-transform: uppercase
    }

body .news .oldest-news .single-news .title {
    color: #e42220;
    font-size: 1.666rem;
    line-height: 2rem;
    padding: 0 15px;
    text-decoration: none
}

    body .news .oldest-news .single-news .title:hover {
        text-decoration: underline
    }

body .news .news-archive {
    margin-top: 70px
}

body .gallery {
    overflow: hidden;
    background: #000;
    color: #FFF
}

    body .gallery .wrap {
        padding-left: 0;
        padding-right: 0
    }

    body .gallery .heading {
        padding: 30px 20px 0 20px;
        position: relative
    }

        body .gallery .heading .section-title {
            font-size: 3em;
            color: #e42220;
            margin: 20px 0 50px 0;
            line-height: 100%
        }

@media only screen and (max-width:599px) {
    body .gallery .heading .section-title {
        font-size: 2.4em
    }
}

body .gallery .heading .gallery-archive {
    position: absolute;
    right: 40px;
    top: 0
}

body .gallery .gallery-carousel {
    position: relative
}

    body .gallery .gallery-carousel .slick-list {
        padding: 0 150px !important
    }

@media only screen and (max-width:599px) {
    body .gallery .gallery-carousel .slick-list {
        padding: 0 50px !important
    }
}

body .gallery .gallery-carousel .slick-arrow {
    position: absolute;
    top: 110px;
    z-index: 120;
    height: 75px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
    border: none;
    text-indent: 999999px;
    cursor: pointer;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

    body .gallery .gallery-carousel .slick-arrow:hover {
        top: 105px
    }

body .gallery .gallery-carousel .slick-prev {
    left: 170px;
    background-image: url(/img/left-arrow.png)
}

body .gallery .gallery-carousel .slick-next {
    right: 170px;
    background-image: url(/img/right-arrow.png)
}

body .gallery .gallery-carousel .single-gallery {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: center
}

    body .gallery .gallery-carousel .single-gallery .preview {
        width: 100%;
        height: 360px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }

    body .gallery .gallery-carousel .single-gallery .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(29, 21, 49, .6);
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

        body .gallery .gallery-carousel .single-gallery .overlay:hover {
            background: rgba(29, 21, 49, .8)
        }

    body .gallery .gallery-carousel .single-gallery a:focus {
        outline: 0
    }

    body .gallery .gallery-carousel .single-gallery .play-video {
        display: inline-block;
        color: #FFF;
        cursor: pointer;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 60px;
        width: 60px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid #FFF
    }

        body .gallery .gallery-carousel .single-gallery .play-video img {
            height: 30px;
            position: absolute;
            left: 55%;
            top: 50%;
            -webkit-transition: all .1s ease-out 0s;
            -moz-transition: all .1s ease-out 0s;
            -o-transition: all .1s ease-out 0s;
            transition: all .1s ease-out 0s;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        body .gallery .gallery-carousel .single-gallery .play-video:hover img {
            height: 27px
        }

    body .gallery .gallery-carousel .single-gallery .heading {
        position: absolute;
        top: 220px;
        width: 100%;
        text-align: left
    }

        body .gallery .gallery-carousel .single-gallery .heading .details {
            font-size: .777rem;
            line-height: 1.166rem
        }

@media only screen and (max-width:599px) {
    body .gallery .gallery-carousel .single-gallery .heading .details {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

body .gallery .gallery-carousel .single-gallery .heading .title {
    color: #e42220;
    font-size: 1.333rem;
    line-height: 2rem
}

body .gallery .gallery-carousel .single-gallery:hover .heading h3 {
    text-decoration: underline
}

.rev_slider_wrapper .tp-rightarrow {
    background-color: transparent;
    transform: matrix(1, 0, 0, 1, -100, -20) !important
}

    .rev_slider_wrapper .tp-rightarrow:before {
        content: 'NEXT';
        font-family: soleil, sans-serif;
        font-size: 1.3rem;
        height: 38px;
        width: 80px;
        padding: 0 10px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all .2s ease-out 0s;
        -moz-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s
    }

.rev_slider_wrapper .tp-leftarrow {
    background-color: transparent
}

    .rev_slider_wrapper .tp-leftarrow:before {
        content: 'PREV';
        font-family: soleil, sans-serif;
        font-size: 1.3rem;
        height: 38px;
        width: 80px;
        padding: 0 10px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all .2s ease-out 0s;
        -moz-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s
    }

.hero {
    height: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position: bottom center
}

    .hero > div {
        z-index: 50 !important
    }

    .hero .frames {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .hero .frames .frame {
            z-index: 300;
            overflow: hidden;
            position: absolute;
            width: 100%;
            height: 100%
        }

            .hero .frames .frame.current {
                z-index: 305
            }

            .hero .frames .frame.previus {
                z-index: 304
            }

            .hero .frames .frame.bg-blue,
            .hero .frames .frame.bg-green,
            .hero .frames .frame.bg-red,
            .hero .frames .frame.bg-yellow {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center
            }

            .hero .frames .frame.bg-blue {
                background-image: url(/img/hero/bg_blue.jpg)
            }

            .hero .frames .frame.bg-red {
                background-image: url(/img/hero/bg_red.jpg)
            }

            .hero .frames .frame.bg-yellow {
                background-image: url(/img/hero/bg_yellow.jpg)
            }

            .hero .frames .frame.bg-green {
                background-image: url(/img/hero/bg_green.jpg)
            }

            .hero .frames .frame .objects {
                width: 100%;
                max-width: 900px;
                position: absolute;
                top: 50%;
                right: 50%;
                -webkit-transition: all 2s ease-out 0s;
                -moz-transition: all 2s ease-out 0s;
                -o-transition: all 2s ease-out 0s;
                transition: all 2s ease-out 0s;
                -webkit-transform: translate(50%, -50%);
                -moz-transform: translate(50%, -50%);
                -o-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
                text-align: center
            }

                .hero .frames .frame .objects.away {
                    right: -100%
                }

                .hero .frames .frame .objects .driver {
                    width: 66.66%;
                    position: relative;
                    z-index: 320
                }

                .hero .frames .frame .objects .shadow {
                    margin-top: -15%;
                    width: 100%;
                    position: relative;
                    z-index: 310
                }

@media only screen and (max-width:599px) {
    .hero .frames .frame .objects {
        max-width: 100%
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .hero .frames .frame .objects {
        max-width: 90%
    }
}

@media only screen and (min-width:761px) {
    .hero .frames .frame .objects {
        max-width: 600px
    }
}

@media only screen and (min-width:992px) {
    .hero .frames .frame .objects {
        max-width: 700px
    }
}

@media only screen and (min-width:1200px) {
    .hero .frames .frame .objects {
        max-width: 900px
    }
}

.hero .frames .frame .texts {
    width: 100%;
    height: 100%;
    max-width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

    .hero .frames .frame .texts .T1,
    .hero .frames .frame .texts .T2,
    .hero .frames .frame .texts .T3,
    .hero .frames .frame .texts .T4 {
        max-width: 100%;
        display: none
    }

        .hero .frames .frame .texts .T1.go-away,
        .hero .frames .frame .texts .T2.go-away,
        .hero .frames .frame .texts .T3.go-away,
        .hero .frames .frame .texts .T4.go-away {
            -webkit-transition: all 1.5s ease-out 2s;
            -moz-transition: all 1.5s ease-out 2s;
            -o-transition: all 1.5s ease-out 2s;
            transition: all 1.5s ease-out 2s;
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            -moz-transform: translate(-50%, -50%) scale(1.1);
            -o-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
            opacity: 0
        }

    .hero .frames .frame .texts .T1 {
        left: 50%;
        top: 45%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .hero .frames .frame .texts .T2 {
        left: 50%;
        bottom: 12%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .hero .frames .frame .texts .T3 {
        left: 50%;
        bottom: 5%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

@media only screen and (max-width:599px) {
    .hero .frames .frame .texts {
        max-width: 95%
    }

        .hero .frames .frame .texts .T3 {
            max-width: 60%
        }

        .hero .frames .frame .texts .T1 {
            top: 55%
        }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .hero .frames .frame .texts {
        max-width: 90%
    }
}

@media only screen and (min-width:761px) {
    .hero .frames .frame .texts {
        max-width: 600px
    }
}

@media only screen and (min-width:992px) {
    .hero .frames .frame .texts {
        max-width: 700px
    }
}

@media only screen and (max-height:650px) {
    .hero .frames .frame .texts .T1,
    .hero .frames .frame .texts .T2,
    .hero .frames .frame .texts .T3,
    .hero .frames .frame .texts .T4 {
        width: 75%;
        max-width: 75%
    }

    .hero .frames .frame .texts .T3 {
        width: 60%;
        max-width: 60%
    }
}

@media only screen and (max-height:550px) {
    .hero .frames .frame .texts .T1,
    .hero .frames .frame .texts .T2,
    .hero .frames .frame .texts .T3,
    .hero .frames .frame .texts .T4 {
        width: 60%;
        max-width: 60%
    }

    .hero .frames .frame .texts .T3 {
        width: 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:761px) {
    .hero .scroll-hero {
        color: #FFF;
        position: absolute;
        bottom: 0;
        z-index: 51;
        font-size: 3vw;
        left: 50%;
        cursor: pointer;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

        .hero .scroll-hero i {
            font-size: 5vw
        }

        .hero .scroll-hero:hover {
            color: #e42220
        }
}

@media only screen and (max-height:600px) {
    .hero .scroll-hero {
        bottom: -20px
    }
}

.hero-mobile {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.expositor-search,
.search-header {
    background: #E6E5E8
}

    .expositor-search .search-row,
    .search-header .search-row {
        position: relative;
        margin-bottom: 15px;
        display: inline-block;
        width: 100%
    }

        .expositor-search .search-row:after,
        .search-header .search-row:after {
            position: absolute;
            content: 'Cerca';
            font-size: 1.2em;
            color: #FFF;
            line-height: 68px;
            top: 2px;
            width: 100px;
            text-align: center;
            right: 0;
            background: #e42220
        }

@media only screen and (max-width:599px) {
    .expositor-search .search-row:after,
    .search-header .search-row:after {
        line-height: 50px;
        width: 60px
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .expositor-search .search-row:after,
    .search-header .search-row:after {
        line-height: 57px;
        width: 80px
    }
}

.expositor-search .search-row input[type=search],
.expositor-search .search-row input[type=text],
.search-header .search-row input[type=search],
.search-header .search-row input[type=text] {
    box-shadow: none;
    -webkit-appearance: none;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #e42220;
    width: 100%;
    font-size: 1.8em;
    line-height: 1.6em;
    padding: 8px 0;
    padding-right: 120px;
    color: #e42220;
    position: relative
}

    .expositor-search .search-row input[type=search]:focus,
    .expositor-search .search-row input[type=text]:focus,
    .search-header .search-row input[type=search]:focus,
    .search-header .search-row input[type=text]:focus {
        outline: 0
    }

@media only screen and (max-width:599px) {
    .expositor-search .search-row input[type=search],
    .expositor-search .search-row input[type=text],
    .search-header .search-row input[type=search],
    .search-header .search-row input[type=text] {
        padding-right: 60px
    }
}

@media only screen and (min-width:600px) and (max-width:760px) {
    .expositor-search .search-row input[type=search],
    .expositor-search .search-row input[type=text],
    .search-header .search-row input[type=search],
    .search-header .search-row input[type=text] {
        padding-right: 80px
    }
}

.expositor-search .filters p,
.search-header .filters p {
    margin-top: 20px
}

.expositor-search ul li,
.search-header ul li {
    display: inline-block;
    color: #e42220;
    margin: 0 2px 4px 0;
    min-width: 15px;
    padding: 0 4px;
    line-height: 1.2em;
    text-align: center;
    cursor: pointer
}

    .expositor-search ul li.current,
    .expositor-search ul li:hover,
    .search-header ul li.current,
    .search-header ul li:hover {
        color: #FFF;
        background: #e42220
    }

.expositor-list-container .heading {
    border-bottom: 1px solid #AAA
}

    .expositor-list-container .heading div {
        padding: 15px 0;
        font-size: .9em;
        text-transform: uppercase;
        color: #e42220
    }

.expositor-list-container .expositor-list {
    position: relative
}

    .expositor-list-container .expositor-list span {
        margin-right: 15px
    }

    .expositor-list-container .expositor-list a {
        /*font-size: 1rem;
        line-height: 1.666rem;
        display: inline-block;
        font-weight: 500;
        color: #403E3E;
        margin: 5px 0;
        padding-right: 15px*/
    }

@media only screen and (min-width:761px) {
    .expositor-list-container .expositor-list a {
        /*position: absolute;
        padding-right: 0;
        padding-left: 90px;
        left: 0;
        top: 50%;
        margin: 0 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)*/
    }
}

.expositor-list-container .expositor-list p {
    margin-top: 20px
}

@media only screen and (max-width:599px) {
    .expositor-list-container .expositor-list p {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.expositor-list-container .expositor-list .row.link-enable:hover a,
.expositor-list-container .expositor-list .row.link-enable:hover p {
    color: #e42220
}

.expositor-list-container .expositor-list .row.link-disabled {
    opacity: .5
}

.gallery-grid .row {
    margin-bottom: 0
}

.areas-list .row {
    padding-bottom: 5rem;
    border-bottom: 1px solid #AAA
}

    .areas-list .row:last-child {
        border-bottom: 0 solid #AAA
    }

.areas-list .featured {
    max-height: 250px;
    max-width: 100%
}

section {
    padding: 0 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

    section.blue {
        background: rgba(29, 21, 49, .95)
    }

    section.dark p.description {
        color: #FFF
    }

    section h2,
    section h3 {
        color: #e42220;
        text-align: center;
        margin-bottom: 50px
    }

    section p.desc {
        text-align: center;
        font-size: 1.4em;
        line-height: 1.3em;
        margin-bottom: 40px;
        margin-top: -15px
    }

    section p {
        margin-bottom: 15px;
        min-height: 1em
    }

        section p a {
            color: #e42220;
            font-weight: 400
        }

            section p a:hover {
                text-decoration: underline
            }

    section .frame-slider {
        max-width: 740px;
        overflow: hidden;
        min-height: 200px;
        margin: auto;
        position: relative;
        padding: 0 50px
    }

        section .frame-slider div {
            color: #FFF;
            text-align: center;
            font-size: 1.2em;
            line-height: 1.3em;
            position: relative;
            min-height: 200px
        }

        section .frame-slider .slide {
            min-height: 200px
        }

        section .frame-slider.counter .slide:before {
            content: attr(data-index);
            position: absolute;
            color: #e42220;
            font-size: 8em;
            opacity: .3;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

@media only screen and (min-width:761px) {
    .single-area {
        width: 24.5%;
        display: inline-block;
        vertical-align: top
    }
}

.single-area h3 {
    color: #e42220;
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 80px
}

.single-area img {
    max-height: 100px;
    margin-bottom: 30px;
    display: inline-block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.single-area h4 {
    color: #e42220;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    font-size: 1.4em;
    line-height: 1.5em;
    padding-bottom: 3px;
    margin-bottom: 15px
}

.single-area p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em
}

.single-area:hover {
    cursor: pointer
}

    .single-area:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    .single-area:hover p {
        text-decoration: underline
    }

.box-preview {
    margin: 0 auto 30px auto;
    background-color: #FFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 300px
}

    .box-preview .filter {
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        color: #FFF
    }

    .box-preview h4 {
        font-weight: 300;
        padding: 50px 15px 20px 15px;
        font-size: 1.9em
    }

    .box-preview p {
        font-weight: 300;
        padding: 0 15px 70px 15px
    }

        .box-preview p.evidence {
            position: absolute;
            left: 50%;
            width: 71%;
            top: 50%;
            text-align: center;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            padding: 30px;
            border: 1px solid #FFF
        }

    .box-preview .btn {
        position: absolute;
        right: 15px;
        bottom: 15px
    }

.press-release-list li {
    margin-bottom: 10px
}

.press-release-list .name a {
    font-size: 80%;
    padding: 0 10px;
    text-decoration: underline
}

.news-period-divider {
    text-align: center;
    color: #e42220;
    font-size: 1.666rem;
    line-height: 2rem;
    margin: 80px 0 90px 0;
    font-weight: 500
}

@media only screen and (max-width:599px) {
    .news-period-divider {
        margin: 40px 0 70px 0
    }
}

.ticket-list .ticket-row {
    border-top: 1px solid #AAA
}

    .ticket-list .ticket-row p {
        font-size: 1.333rem;
        line-height: 2rem
    }

@media only screen and (min-width:761px) {
    .ticket-list .ticket-row p {
        font-size: 1.666rem;
        line-height: 2rem
    }
}

.ticket-list .ticket-row span {
    font-size: .777rem;
    line-height: 1.166rem;
    display: block
}

@media only screen and (max-width:599px) {
    .ticket-list .ticket-row span {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

@media only screen and (min-width:761px) {
    .ticket-list .ticket-row span {
        font-size: 1rem;
        line-height: 1.666rem;
        margin-left: 10px;
        display: inline
    }
}

.ticket-list .ticket-row:last-child {
    border-bottom: 1px solid #AAA
}

.time-list .time-row {
    border-top: 1px solid #AAA
}

    .time-list .time-row .name {
        font-size: 1.333rem;
        line-height: 2rem
    }

@media only screen and (min-width:761px) {
    .time-list .time-row .name {
        margin-left: -15px;
        font-size: 1.666rem;
        line-height: 2rem
    }
}

.time-list .time-row .time {
    font-size: 1rem;
    line-height: 1.666rem;
    padding: .5rem
}

@media only screen and (min-width:761px) {
    .time-list .time-row .time {
        font-size: 1.333rem;
        line-height: 2rem
    }
}

.time-list .time-row:last-child {
    border-bottom: 1px solid #AAA
}

.way-to-eicma h3 {
    color: #e42220;
    margin-top: 2rem;
    margin-bottom: 1rem
}

@media only screen and (max-width:599px) {
    .way-to-eicma .way-desc {
        display: none
    }
}

.gmap iframe {
    max-width: 100%
}

body.page-template-PAGE-faq .search-header {
    background: #FFF
}

body.page-template-PAGE-faq .list li {
    padding: .5rem
}

    body.page-template-PAGE-faq .list li .question {
        font-weight: 700;
        margin-bottom: .2rem
    }

body.page-template-PAGE-chi-siamo .organization .sector-container .role-container {
    border-top: 1px solid #AAA;
    padding-top: 15px
}

body.page-template-PAGE-floorplan .floorplan-map {
    max-width: 100%
}

body.page-template-PAGE-floorplan .pavillion-map {
    background: #1D1531;
    display: inline-block;
    width: 200px;
    min-height: 200px;
    vertical-align: top;
    margin: 0 10px 20px 10px;
    text-align: center
}

    body.page-template-PAGE-floorplan .pavillion-map p {
        color: #FFF;
        margin-top: 50px
    }

    body.page-template-PAGE-floorplan .pavillion-map .btn {
        padding: 0 10px 0 10px
    }

        body.page-template-PAGE-floorplan .pavillion-map .btn i {
            margin: 0
        }

.cover-image {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 60px;
    min-height: 400px
}

    .cover-image .container {
        position: relative;
        z-index: 101;
        min-height: 400px
    }

    .cover-image .overlay {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(50, 50, 50, .4) 0, rgba(50, 50, 50, .5) 25%, rgba(50, 50, 50, .6) 50%, rgba(50, 50, 50, .8) 75%) repeat scroll 0 0;
        position: absolute;
        left: 0;
        z-index: 100;
        top: 0;
        width: 100%;
        height: 100%
    }

    .cover-image h1 {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 40%;
        max-width: 1200px;
        text-align: center;
        color: #FFF
    }

    .cover-image .preview-avatar {
        position: absolute;
        bottom: -50px;
        left: 50%;
        z-index: 300;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

@media only screen and (max-width:599px) {
    .cover-image .preview-avatar {
        bottom: -30px
    }
}

.cover-image .btn {
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:599px) {
    .cover-image .btn span {
        display: none
    }
}

.brands-list {
    text-align: center
}

    .brands-list li {
        display: inline-block;
        margin: 0 10px 20px 10px;
        max-width: 140px;
        vertical-align: middle;
        font-size: 1.333rem;
        line-height: 2rem
    }

.brand-title .preview-avatar {
    position: relative;
    top: 30px
}

.brand-title a {
    color: #e42220
}

    .brand-title a:hover {
        text-decoration: underline
    }

.events-grid {
    text-align: left;
    max-width: 820px;
    margin: auto
}

    .events-grid .day-events {
        width: 100%;
        display: inline-block;
        max-width: 400px;
        vertical-align: top;
        margin-bottom: 30px
    }

@media only screen and (min-width:600px) and (max-width:760px) {
    .events-grid .day-events {
        max-width: 300px
    }
}

.events-grid .day-events h4 {
    color: #e42220;
    font-size: 1.4em;
    margin-bottom: 20px
}

.events-grid .day-events li {
    padding-right: 15px;
    margin-bottom: 15px
}

    .events-grid .day-events li p {
        margin-bottom: 5px
    }

    .events-grid .day-events li a {
        color: #e42220;
        cursor: pointer
    }

.social-list {
    text-align: center
}

    .social-list li {
        display: inline-block;
        margin: 0 5px 10px 5px
    }

        .social-list li img {
            height: 50px
        }

.single-expositor section {
    border-bottom: 1px solid #e42220
}

    .single-expositor section h2 {
        margin-top: 15px;
        margin-bottom: 30px
    }

    .single-expositor section .location,
    .single-expositor section .website {
        font-size: 1.4em
    }

    .single-expositor section .website {
        color: #e42220
    }

        .single-expositor section .website:hover {
            text-decoration: underline
        }

    .single-expositor section .description {
        max-width: 800px;
        margin: auto;
        font-size: 1.2em;
        line-height: 1.3em;
        height: auto;
        margin-bottom: 1.5rem;
        -webkit-transition: all 2s ease-out 0s;
        -moz-transition: all 2s ease-out 0s;
        -o-transition: all 2s ease-out 0s;
        transition: all 2s ease-out 0s
    }

.b2b {
    background: #e42220;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 250;
    margin-top: -60px
}

    .b2b .small-containerfirst-child section {
        border-top: 0 solid #FFF
    }

    .b2b section {
        border-top: 1px solid #FFF
    }

        .b2b section h2 {
            color: #FFF
        }

        .b2b section form .form-row {
            margin-bottom: 0
        }

        .b2b section form label {
            text-align: left;
            font-weight: 500
        }

        .b2b section form input[type=text],
        .b2b section form input[type=email],
        .b2b section form textarea {
            background: 0 0;
            color: #FFF;
            border-color: #FFF
        }

    .b2b .events-grid .day-events h4 {
        color: #1D1531
    }

    .b2b .events-grid .day-events li a {
        color: #FFF
    }

body.single-post .heading {
    margin-bottom: 30px;
    background-size: cover;
    position: relative;
    background-position: center
}

    body.single-post .heading .next-news,
    body.single-post .heading .prev-news {
        display: none;
        position: absolute;
        top: 43%;
        color: #e42220;
        z-index: 11;
        font-size: 1.333rem;
        line-height: 2rem
    }

@media only screen and (min-width:992px) {
    body.single-post .heading .next-news,
    body.single-post .heading .prev-news {
        display: block
    }
}

body.single-post .heading .next-news a,
body.single-post .heading .prev-news a {
    max-width: 170px;
    display: inline-block;
    color: #e42220;
    line-height: 1em;
    font-weight: 500;
    opacity: 0;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

body.single-post .heading .next-news:before,
body.single-post .heading .prev-news:before {
    position: absolute;
    top: 50%;
    filter: brightness(0) invert(1);
    margin-top: 5px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

body.single-post .heading .next-news:hover a,
body.single-post .heading .prev-news:hover a {
    opacity: 1
}

body.single-post .heading .prev-news {
    left: 15px;
    padding-left: 30px
}

    body.single-post .heading .prev-news:before {
        left: 0;
        content: url(/img/left-arrow-small.png)
    }

    body.single-post .heading .prev-news:hover:before {
        filter: brightness(1) invert(0)
    }

body.single-post .heading .next-news {
    right: 15px;
    padding-right: 30px;
    text-align: right
}

    body.single-post .heading .next-news:before {
        right: 0;
        content: url(/img/right-arrow-small.png)
    }

    body.single-post .heading .next-news:hover:before {
        filter: brightness(1) invert(0)
    }

body.single-post .heading .overlay {
    min-height: 500px;
    background: rgba(29, 21, 49, .6);
    position: relative;
    z-index: 10
}

@media only screen and (min-width:761px) {
    body.single-post .heading .overlay {
        padding: 0 200px
    }
}

body.single-post .heading .heading-content {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 900px;
    margin: auto;
    width: 90%
}

    body.single-post .heading .heading-content h1 {
        text-align: left;
        color: #FFF
    }

    body.single-post .heading .heading-content .date {
        font-size: 1.333rem;
        line-height: 2rem;
        color: #FFF;
        font-weight: 500;
        margin-bottom: 30px
    }

body.single-post .content {
    font-size: 1.333rem;
    line-height: 2rem
}

@media only screen and (min-width:992px) {
    body.single-post .content blockquote {
        margin-left: -15%;
        margin-right: -15%;
        font-size: 1.666rem;
        line-height: 2rem
    }
}

body.single-gallery .heading {
    background-color: #2399BC;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center
}

    body.single-gallery .heading .overlay {
        background: rgba(29, 21, 49, .8)
    }

    body.single-gallery .heading h1 {
        font-size: 2rem;
        line-height: 2.666rem;
        color: #e42220
    }

    body.single-gallery .heading .date {
        color: #FFF
    }

    body.single-gallery .heading .qnt {
        color: #FFF
    }

body.single-gallery .gallery-imgage-grid {
    margin-bottom: 0
}

    body.single-gallery .gallery-imgage-grid .image-container {
        padding: 0
    }

        body.single-gallery .gallery-imgage-grid .image-container .element {
            min-height: 350px;
            position: relative;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }

            body.single-gallery .gallery-imgage-grid .image-container .element a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

                body.single-gallery .gallery-imgage-grid .image-container .element a:hover {
                    background-color: rgba(243, 106, 79, .5);
                    -webkit-transition: all .1s ease-out 0s;
                    -moz-transition: all .1s ease-out 0s;
                    -o-transition: all .1s ease-out 0s;
                    transition: all .1s ease-out 0s
                }

body.single-gallery .gallery-video-container {
    text-align: center;
    padding: 30px
}

    body.single-gallery .gallery-video-container iframe {
        display: inline-block
    }

.areas-recap .single-area {
    width: 24%
}

    .areas-recap .single-area img {
        margin-bottom: 15px
    }

    .areas-recap .single-area h4 {
        font-size: 1rem;
        line-height: 1.666rem
    }

    .areas-recap .single-area p {
        font-size: .777rem;
        line-height: 1.166rem;
        color: #403E3E
    }

@media only screen and (max-width:599px) {
    .areas-recap .single-area p {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

.page-motolive {
    margin-top: 0 !important
}

    .page-motolive .hero .hero-content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 94%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

@media only screen and (max-width:760px) {
    .page-motolive .hero .hero-content {
        top: 45%
    }
}

.page-motolive .hero .hero-content .logo {
    max-width: 90%
}

.page-motolive .hero .hero-content ul {
    margin-top: 30px
}

    .page-motolive .hero .hero-content ul li {
        text-decoration: none;
        font-size: 1.3rem;
        line-height: 2.8rem;
        cursor: pointer;
        padding: 0 20px 0 20px;
        min-width: 100px;
        font-weight: 500;
        vertical-align: middle;
        position: relative;
        -webkit-apparance: none;
        -moz-apparance: none;
        text-align: center;
        border-width: 2px;
        border-style: solid;
        background: 0 0;
        -webkit-transition: all .1s ease-out 0s;
        -moz-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s;
        border-color: #FFF;
        color: #FFF;
        min-width: 20px;
        display: inline-block;
        margin: 5px 8px;
        border-width: 1px
    }

@media only screen and (min-width:761px) {
    .page-motolive .hero .hero-content ul li {
        padding: 0 30px 3px 30px;
        min-width: 130px
    }
}

.page-motolive .hero .hero-content ul li:hover {
    text-decoration: none
}

.page-motolive .hero .hero-content ul li.small {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
    padding: 0 20px;
    padding-bottom: 0
}

.page-motolive .hero .hero-content ul li.tiny {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
    padding: 0 15px;
    padding-bottom: 0
}

@media only screen and (max-width:599px) {
    .page-motolive .hero .hero-content ul li {
        font-size: 1.333rem;
        line-height: 2rem;
        font-weight: 300;
        padding: 10px 14px
    }

        .page-motolive .hero .hero-content ul li.small {
            font-size: 1.2rem;
            line-height: 16px;
            font-weight: 300;
            padding: 5px 10px;
            padding-bottom: 3px
        }
}

.page-motolive .hero .hero-content ul li.icon {
    vertical-align: middle !important
}

    .page-motolive .hero .hero-content ul li.icon i {
        margin: 0 10px;
        position: relative;
        font-size: 2rem;
        vertical-align: middle !important;
        top: -3px
    }

.page-motolive .hero .hero-content ul li.auto {
    min-width: 20px
}

.page-motolive .hero .hero-content ul li.w200 {
    min-width: 200px
}

.page-motolive .hero .hero-content ul li.w250 {
    min-width: 250px
}

.page-motolive .hero .hero-content ul li.w300 {
    min-width: 300px
}

.page-motolive .hero .hero-content ul li.w400 {
    min-width: 400px
}

.page-motolive .hero .hero-content ul li.fw {
    min-width: 100%;
    width: 100%
}

.page-motolive .hero .hero-content ul li.border {
    border-width: 2px;
    border-style: solid;
    background: 0 0;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

    .page-motolive .hero .hero-content ul li.border.white {
        border-color: #FFF;
        color: #FFF
    }

        .page-motolive .hero .hero-content ul li.border.white:hover {
            background-color: #e42220;
            border-color: #e42220
        }

    .page-motolive .hero .hero-content ul li.border.orange {
        border-color: #e42220;
        color: #e42220
    }

        .page-motolive .hero .hero-content ul li.border.orange:hover {
            background-color: #e42220;
            color: #FFF
        }

    .page-motolive .hero .hero-content ul li.border.red {
        border-color: #D9514D;
        color: #D9514D
    }

        .page-motolive .hero .hero-content ul li.border.red:hover {
            background-color: #D9514D;
            color: #FFF
        }

    .page-motolive .hero .hero-content ul li.border.violet {
        border-color: #1D1531;
        color: #e42220
    }

        .page-motolive .hero .hero-content ul li.border.violet:hover {
            background-color: #FFF;
            color: #1D1531
        }

.page-motolive .hero .hero-content ul li.boxed {
    border-width: 1px;
    border-style: solid
}

    .page-motolive .hero .hero-content ul li.boxed.white {
        border-color: #FFF;
        color: #e42220;
        background: #FFF
    }

        .page-motolive .hero .hero-content ul li.boxed.white.cyellow {
            color: #F5C800
        }

    .page-motolive .hero .hero-content ul li.boxed.orange {
        border-color: #e42220;
        color: #FFF;
        background: #e42220
    }

    .page-motolive .hero .hero-content ul li.boxed.blue {
        border-color: #2399BC;
        color: #FFF;
        background: #2399BC
    }

    .page-motolive .hero .hero-content ul li.boxed.violet {
        border-color: #1D1531;
        color: #e42220;
        background: #1D1531
    }

        .page-motolive .hero .hero-content ul li.boxed.violet:hover {
            border-color: #1D1531;
            color: #1D1531;
            background: 0 0
        }

    .page-motolive .hero .hero-content ul li.boxed.red {
        border-color: #D9514D;
        color: #FFF;
        background: #D9514D
    }

.page-motolive .hero .hero-content ul li.fb {
    position: relative;
    background-color: #3B5998;
    padding: 0 20px 0 45px;
    color: #FFF;
    line-height: 60px;
    font-weight: 300
}

    .page-motolive .hero .hero-content ul li.fb:before {
        content: url(/img/fb-button.png);
        position: absolute;
        left: 20px;
        top: 55%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

@media only screen and (min-width:600px) and (max-width:760px) {
    .page-motolive .hero .hero-content ul li.fb {
        font-size: 1rem
    }
}

@media only screen and (min-width:761px) {
    .page-motolive .hero .hero-content ul li.fb {
        font-size: .8rem
    }
}

@media only screen and (min-width:992px) {
    .page-motolive .hero .hero-content ul li.fb {
        font-size: 1rem
    }
}

@media only screen and (min-width:1200px) {
    .page-motolive .hero .hero-content ul li.fb {
        font-size: 1.3rem
    }
}

.page-motolive .hero .hero-content ul li.alert:after {
    content: attr(data-alert);
    position: absolute;
    right: -15px;
    top: -15px;
    background: #D9514D;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    width: 24px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #FFF
}

.page-motolive .hero .hero-content ul li.white {
    border-color: #FFF;
    color: #FFF
}

    .page-motolive .hero .hero-content ul li.white:hover {
        background-color: #e42220;
        border-color: #e42220
    }

.page-motolive .hero .hero-content ul li.orange {
    border-color: #e42220;
    color: #e42220
}

    .page-motolive .hero .hero-content ul li.orange:hover {
        background-color: #e42220;
        color: #FFF
    }

.page-motolive .hero .hero-content ul li.red {
    border-color: #D9514D;
    color: #D9514D
}

    .page-motolive .hero .hero-content ul li.red:hover {
        background-color: #D9514D;
        color: #FFF
    }

.page-motolive .hero .hero-content ul li.violet {
    border-color: #1D1531;
    color: #e42220
}

    .page-motolive .hero .hero-content ul li.violet:hover {
        background-color: #FFF;
        color: #1D1531
    }

.page-motolive .hero .hero-content ul li:hover {
    background-color: #e42220;
    border-color: #e42220
}

@media only screen and (max-width:599px) {
    .page-motolive .hero .hero-content ul li {
        display: block;
        margin: 10px 0
    }
}

.page-motolive .hero .hero-content ul li:hover {
    background-color: #FFF !important;
    color: #e42220 !important;
    border-color: #FFF !important
}

    .page-motolive .hero .hero-content ul li:hover a {
        color: #e42220 !important
    }

.page-motolive .hero .hero-content ul li a {
    color: #FFF
}

.page-motolive .hero .countdown-container {
    background-color: #FFF;
    position: absolute;
    padding: 15px;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media only screen and (max-width:760px) {
    .page-motolive .hero .countdown-container {
        bottom: 20px;
        text-align: center;
        width: 450px;
        max-width: 94%
    }

        .page-motolive .hero .countdown-container img {
            margin-bottom: 20px
        }
}

.page-motolive .hero .countdown-container img {
    position: relative;
    top: 10px
}

@media only screen and (max-width:760px) {
    .page-motolive .hero .countdown-container img {
        height: 40%;
        margin-bottom: 0
    }
}

@media only screen and (min-width:761px) {
    .page-motolive .hero .countdown-container .countdown {
        float: right
    }
}

@media only screen and (min-width:761px) {
    .page-motolive .hero .countdown-container .countdown .col-xs-3 {
        min-width: 94px
    }
}

.page-motolive .hero .countdown-container .countdown .col-xs-3 .el {
    text-align: center;
    font-weight: 700;
    font-size: 3rem;
    line-height: 2.5rem
}

.page-motolive .hero .countdown-container .countdown .col-xs-3 p {
    text-align: center;
    color: red;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2rem
}

@media only screen and (max-width:760px) {
    .page-motolive .hero .countdown-container .countdown .col-xs-3 .el {
        text-align: center;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.5rem
    }

    .page-motolive .hero .countdown-container .countdown .col-xs-3 p {
        text-align: center;
        color: red;
        font-weight: 700;
        font-size: .777rem;
        line-height: 1.166rem
    }
}

@media only screen and (max-width:760px) and only screen and (max-width:599px) {
    .page-motolive .hero .countdown-container .countdown .col-xs-3 p {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

.page-motolive section h2 {
    color: #403E3E;
    font-weight: 400;
    margin-top: 1.66rem
}

@media only screen and (max-width:599px) {
    .page-motolive section h2 {
        margin-bottom: 2rem
    }
}

.page-motolive section .events-grid-container .day-selector {
    text-align: center;
    padding-bottom: 15px;
    position: relative
}

    .page-motolive section .events-grid-container .day-selector li {
        font-size: 1.333rem;
        line-height: 2rem;
        display: inline-block;
        padding: 0 10px
    }

@media only screen and (max-width:599px) {
    .page-motolive section .events-grid-container .day-selector li {
        display: block;
        font-size: 1.666rem;
        line-height: 2rem;
        margin-bottom: 10px
    }
}

.page-motolive section .events-grid-container .day-selector li.current,
.page-motolive section .events-grid-container .day-selector li:hover {
    color: #FA3F1A;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    cursor: pointer
}

.page-motolive section .events-grid-container .day-selector .navigator {
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    left: 8%;
    bottom: -18px;
    width: 30px;
    height: 30px;
    background-color: #F5A623;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width:760px) {
    .page-motolive section .events-grid-container .day-selector .navigator {
        display: none
    }
}

.page-motolive section .events-grid-container .motolive-events-grid {
    background-color: #F5A623;
    color: #FFF;
    padding-top: 1.66rem
}

@media only screen and (max-width:760px) {
    .page-motolive section .events-grid-container .motolive-events-grid {
        padding-left: 15px;
        padding-right: 15px
    }
}

.page-motolive section .events-grid-container .motolive-events-grid .advanced-event,
.page-motolive section .events-grid-container .motolive-events-grid .simple-event-list li {
    border-top: 1px solid #1D1531;
    padding-top: 15px;
    font-size: 1.333rem;
    line-height: 2rem
}

    .page-motolive section .events-grid-container .motolive-events-grid .advanced-event h5,
    .page-motolive section .events-grid-container .motolive-events-grid .simple-event-list li h5 {
        font-weight: 400;
        color: #403E3E
    }

.page-motolive section .events-grid-container .motolive-events-grid .advanced-event {
    padding-left: 0
}

    .page-motolive section .events-grid-container .motolive-events-grid .advanced-event h5 {
        margin-bottom: 20px
    }

    .page-motolive section .events-grid-container .motolive-events-grid .advanced-event li {
        font-weight: 600;
        letter-spacing: .5px;
        margin-bottom: 10px;
        vertical-align: top
    }

        .page-motolive section .events-grid-container .motolive-events-grid .advanced-event li div {
            width: 49%;
            display: inline-block;
            vertical-align: top
        }

.page-motolive section .events-grid-container .motolive-events-grid .simple-event-list li {
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: .5px
}

    .page-motolive section .events-grid-container .motolive-events-grid .simple-event-list li h4 {
        float: left;
        font-weight: 400;
        width: 50%;
        color: #403E3E
    }

    .page-motolive section .events-grid-container .motolive-events-grid .simple-event-list li span {
        font-size: 1.666rem;
        line-height: 2rem;
        margin: 0 5px
    }

.page-motolive .tissot {
    background-color: #F1F1F1;
    text-align: center;
    padding-bottom: 3rem
}

    .page-motolive .tissot img {
        max-width: 300px;
        margin-top: 3rem;
        margin-bottom: 1rem
    }

    .page-motolive .tissot iframe {
        max-width: 94%
    }

.page-motolive .motolive-gallery .media-type-selector {
    text-align: center;
    padding-bottom: 15px;
    position: relative
}

    .page-motolive .motolive-gallery .media-type-selector li {
        font-size: 1.333rem;
        line-height: 2rem;
        text-transform: uppercase;
        display: inline-block;
        padding: 0 20px;
        cursor: pointer
    }

@media only screen and (max-width:599px) {
    .page-motolive .motolive-gallery .media-type-selector li {
        display: block;
        font-size: 1.666rem;
        line-height: 2rem;
        margin-bottom: 10px
    }
}

.page-motolive .motolive-gallery .media-type-selector li.current,
.page-motolive .motolive-gallery .media-type-selector li:hover {
    color: #FA3F1A;
    -webkit-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.page-motolive .motolive-sponsor {
    margin-bottom: 50px
}

    .page-motolive .motolive-sponsor .sponsor-list {
        text-align: center
    }

        .page-motolive .motolive-sponsor .sponsor-list a {
            display: inline-block
        }

            .page-motolive .motolive-sponsor .sponsor-list a img {
                height: 4rem;
                margin: 0 20px 20px 20px
            }

body.page-settimana-della-moto .page-head-blue {
    background-image: url(/img/settimana-moto/header.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

    body.page-settimana-della-moto .page-head-blue .inside {
        max-width: 1000px;
        margin: auto;
        min-height: 200px;
        background-image: url(/img/settimana-moto/title-detail.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto
    }

@media only screen and (max-width:599px) {
    body.page-settimana-della-moto .page-head-blue .inside {
        min-height: 100px
    }
}

body.page-settimana-della-moto .mw-container .mw-list-container {
    background-color: #1D1531;
    padding: .5rem
}

body.page-settimana-della-moto .mw-container .mw-list {
    overflow-y: scroll;
    height: 27rem;
    background-color: #1D1531
}

@media only screen and (max-width:599px) {
    body.page-settimana-della-moto .mw-container .mw-list {
        overflow: visible;
        height: auto
    }
}

body.page-settimana-della-moto .mw-container .mw-list::-webkit-scrollbar {
    width: 4px
}

body.page-settimana-della-moto .mw-container .mw-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .5)
}

body.page-settimana-della-moto .mw-container .mw-list::-webkit-scrollbar-thumb {
    background: #e42220;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .5)
}

body.page-settimana-della-moto .mw-container .mw-list::-webkit-scrollbar-corner {
    display: none
}

body.page-settimana-della-moto .mw-container .mw-list .single-event {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    cursor: pointer
}

@media only screen and (max-width:599px) {
    body.page-settimana-della-moto .mw-container .mw-list .single-event {
        width: 100%
    }
}

body.page-settimana-della-moto .mw-container .mw-list .single-event h4 {
    color: #e42220;
    font-size: 1rem;
    line-height: 1.666rem
}

body.page-settimana-della-moto .mw-container .mw-list .single-event .date {
    color: #fff;
    font-size: 1rem;
    line-height: 1.666rem
}

body.page-settimana-della-moto .mw-container .mw-list .single-event .location {
    font-size: 1.1rem;
    margin-top: 5px
}

body.page-settimana-della-moto .mw-container .mw-list .single-event p {
    margin-bottom: 0;
    font-size: .777rem;
    line-height: 1.166rem
}

@media only screen and (max-width:599px) {
    body.page-settimana-della-moto .mw-container .mw-list .single-event p {
        font-size: 1rem;
        line-height: 1.666rem
    }
}

body.page-settimana-della-moto .mw-container .mw-list .single-event:hover h4 {
    text-decoration: underline
}

body.page-settimana-della-moto .mw-container .mw-list .single-event .url {
    color: #e42220
}

    body.page-settimana-della-moto .mw-container .mw-list .single-event .url:hover {
        text-decoration: underline
    }

body.page-settimana-della-moto .mw-container .mw-map {
    height: 28rem
}

body.page-settimana-della-moto .partener-list {
    text-align: center;
    padding: 4rem 0
}

    body.page-settimana-della-moto .partener-list img {
        display: inline-block;
        height: 50px;
        margin: 0 20px 30px 20px
    }

body.page-settimana-della-moto .m-head {
    font-weight: 600
}

body.page-settimana-della-moto .gm-style-iw p {
    margin-bottom: 5px
}

body.page-settimana-della-moto .gm-style-iw .m-content {
    padding-top: 10px;
    margin-top: 5px;
    border-top: 1px solid #222
}

@media (max-width: 767px) {
     .btn-fixed a {
        font-size: 11px !important;
        line-height: 16px;
    }
}

@media (max-width: 449px) {

    .btn-fixed {
        top: 20em !important;
    }
    
}