.bricks .row .brick .download .download-button, .bricks .row .brick .download .download-button a, .bricks .row .brick .post {
    -webkit-tranition: all .5s;
    -ms-tranition: all .5s;
    -moz-tranition: all .5s
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v10/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat Bold"),local("Montserrat-Bold"),url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcjh33M2A-6X0bdu871ruAGs.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat Bold"),local("Montserrat-Bold"),url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fchHJTnCUrjaAm2S9z52xC3Y.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat Bold"),local("Montserrat-Bold"),url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 400;
    src: local("Asap Regular"),local("Asap-Regular"),url(https://fonts.gstatic.com/s/asap/v5/d_2oOOkhE5_uQ6s6D0T62A.woff2) format("woff2");
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 400;
    src: local("Asap Regular"),local("Asap-Regular"),url(https://fonts.gstatic.com/s/asap/v5/iadKCBVahjA5ul3LDhwH7A.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 400;
    src: local("Asap Regular"),local("Asap-Regular"),url(https://fonts.gstatic.com/s/asap/v5/oiVlPAjaPL0EznW3E5Z2DQ.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
    font-family: Nexa-Bold;
    src: url(/fonts/Nexa-Bold.eot);
    src: url(/fonts/Nexa-Bold.woff2) format("woff2"),url(/fonts/Nexa-Bold.woff) format("woff"),url(/fonts/Nexa-Bold.ttf) format("truetype"),url(/fonts/Nexa-Bold.svg#Nexa-Bold) format("svg"),url(/fonts/Nexa-Bold.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Nexa-Light;
    src: url(/fonts/Nexa-Light.eot);
    src: url(/fonts/Nexa-Light.woff2) format("woff2"),url(/fonts/Nexa-Light.woff) format("woff"),url(/fonts/Nexa-Light.ttf) format("truetype"),url(/fonts/Nexa-Light.svg#Nexa-Bold) format("svg"),url(/fonts/Nexa-Light.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}

@keyframes alert-animation {
    0%,100% {
        height: 20px;
        width: 20px;
        font-size: 14px;
        border-radius: 10px;
        left: -10px;
        bottom: 0
    }

    40%,50% {
        height: 24px;
        width: 24px;
        font-size: 18px;
        border-radius: 12px;
        left: -12px;
        bottom: -2px
    }
}

* {
    box-sizing: border-box;
    font-family: Montserrat,sans-serif;
    font-size: 12px
}

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

#changepwdmessage {
    font-size: 22px;
    color: #FF2851;
    padding: 40px;
    text-align: center
}

.error {
    color: red ;
}

.error-message {
    color: red;
    font-size: 1.3em;
    text-align: center;
    padding: 50px 20px
}

.rating-message {
    color: red;
    width: 100%;
    float: left
}

article {
    padding: 30px;
    position: relative
}

    article #articleDate {
        font-size: 13px;
        font-style: italic;
        color: #9b9b9b;
        clear: both;
        margin-top: 50px
    }

    article .artImage {
        float: left;
        margin: 20px 30px 20px auto
    }

    article .citeParagraph {
        border-bottom: 1px solid #4A4A4A;
        border-top: 1px solid #4A4A4A;
        color: #4A4A4A;
        display: flex;
        margin: 10px 0;
        padding: 20px 0
    }

    article .grayBox {
        background-color: #FAFAFA;
        border: 6px solid #F0F0F0;
        font-family: Asap;
        font-size: 24px;
        margin: 45px 0;
        position: relative
    }

        article .grayBox .bottomBtn {
            bottom: 30px;
            cursor: pointer;
            position: absolute;
            right: 40px
        }

            article .grayBox .bottomBtn a {
                background: url(/assets/images/twitter-red.png) 100% 0 no-repeat;
                background-size: 19px;
                color: #434343;
                display: block;
                font-style: normal;
                padding-right: 30px
            }

                article .grayBox .bottomBtn a:hover {
                    -ms-transform: scale(1.1);
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1)
                }

    article .rightImage img {
        float: right;
        margin-right: 0
    }

    article h1, article h1 span {
        text-transform: uppercase
    }

    article header .h2, article header .h2 p, article header h2, article header h2 p {
        color: #9B9B9B;
        font-family: Asap;
        font-size: 26px;
        font-weight: 500;
        font-style: italic;
        line-height: 26px
    }

    article header div {
        position: relative
    }

        article header div .cat-desarrollo-sostenible .colImg img, article header div:first-child {
            width: 100%
        }

        article header div .cat-desarrollo-sostenible .colImg:before {
            content: url(/assets/images/cat-1.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

        article header div .cat-cambio-climatico .colImg img {
            width: 100%
        }

        article header div .cat-cambio-climatico .colImg:before {
            content: url(/assets/images/cat-2.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

        article header div .cat-energias-renovables .colImg img {
            width: 100%
        }

        article header div .cat-energias-renovables .colImg:before {
            content: url(/assets/images/cat-3.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

        article header div .cat-agua .colImg img {
            width: 100%
        }

        article header div .cat-agua .colImg:before {
            content: url(/assets/images/cat-4.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

        article header div .cat-construccion-y-urbanismo .colImg img {
            width: 100%
        }

        article header div .cat-construccion-y-urbanismo .colImg:before {
            content: url(/assets/images/cat-5.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

        article header div .cat-medio-ambiente .colImg img {
            width: 100%
        }

        article header div .cat-medio-ambiente .colImg:before {
            content: url(/assets/images/cat-6.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

        article header div .cat-vida-sostenible .colImg img {
            width: 100%
        }

        article header div .cat-vida-sostenible .colImg:before {
            content: url(/assets/images/cat-7.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

        article header div .cat-opinion .colImg img {
            width: 100%
        }

        article header div .cat-opinion .colImg:before {
            content: url(/assets/images/cat-8.png);
            height: 60px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 60px;
            z-index: 2
        }

    article main {
        margin: 0 auto;
        padding: 20px 0;
        width: 70%
    }

        article main ol, article main ul {
            list-style: outside;
            margin: 25px 0
        }

            article main ol li, article main ul li {
                margin-top: 0 !important;
                margin-bottom: 0 !important
            }

            article main em, article main i, article main ol li, article main p, article main ul li {
                color: #4A4A4A;
                font-family: Asap;
                font-size: 20px;
                margin: 25px 0;
                font-weight: 300
            }

                article main em a, article main i a, article main ol li a, article main p a, article main ul li a {
                    font-size: 20px !important;
                    color: #ff0606 !important;
                    font-family: Asap
                }

                article main em em, article main em i, article main em ol li, article main em span, article main em ul li, article main i em, article main i i, article main i ol li, article main i span, article main i ul li, article main ol li em, article main ol li i, article main ol li ol li, article main ol li span, article main ol li ul li, article main p em, article main p i, article main p ol li, article main p span, article main p ul li, article main ul li em, article main ul li i, article main ul li ol li, article main ul li span, article main ul li ul li {
                    color: #9B9B9B;
                    font-weight: 200;
                    font-size: 20px;
                    font-family: Asap
                }

                    article main em em, article main em em em, article main em em i, article main em em ol li, article main em em span, article main em em strong, article main em em ul li, article main em i, article main em i em, article main em i i, article main em i ol li, article main em i span, article main em i strong, article main em i ul li, article main em ol li em, article main em ol li i, article main em ol li strong, article main em span em, article main em span i, article main em span strong, article main em strong, article main em strong em, article main em strong i, article main em strong ol li, article main em strong span, article main em strong ul li, article main em ul li em, article main em ul li i, article main em ul li strong, article main i em, article main i em em, article main i em i, article main i em ol li, article main i em span, article main i em strong, article main i em ul li, article main i i, article main i i em, article main i i i, article main i i ol li, article main i i span, article main i i strong, article main i i ul li, article main i ol li em, article main i ol li i, article main i ol li strong, article main i span em, article main i span i, article main i span strong, article main i strong, article main i strong em, article main i strong i, article main i strong ol li, article main i strong span, article main i strong ul li, article main i ul li em, article main i ul li i, article main i ul li strong, article main ol li em, article main ol li em em, article main ol li em i, article main ol li em ol li, article main ol li em span, article main ol li em strong, article main ol li em ul li, article main ol li i, article main ol li i em, article main ol li i i, article main ol li i ol li, article main ol li i span, article main ol li i strong, article main ol li i ul li, article main ol li ol li em, article main ol li ol li i, article main ol li ol li strong, article main ol li span em, article main ol li span i, article main ol li span strong, article main ol li strong, article main ol li strong em, article main ol li strong i, article main ol li strong ol li, article main ol li strong span, article main ol li strong ul li, article main ol li ul li em, article main ol li ul li i, article main ol li ul li strong, article main p em, article main p em em, article main p em i, article main p em ol li, article main p em span, article main p em strong, article main p em ul li, article main p i, article main p i em, article main p i i, article main p i ol li, article main p i span, article main p i strong, article main p i ul li, article main p ol li em, article main p ol li i, article main p ol li strong, article main p span em, article main p span i, article main p span strong, article main p strong, article main p strong em, article main p strong i, article main p strong ol li, article main p strong span, article main p strong ul li, article main p ul li em, article main p ul li i, article main p ul li strong, article main ul li em, article main ul li em em, article main ul li em i, article main ul li em ol li, article main ul li em span, article main ul li em strong, article main ul li em ul li, article main ul li i, article main ul li i em, article main ul li i i, article main ul li i ol li, article main ul li i span, article main ul li i strong, article main ul li i ul li, article main ul li ol li em, article main ul li ol li i, article main ul li ol li strong, article main ul li span em, article main ul li span i, article main ul li span strong, article main ul li strong, article main ul li strong em, article main ul li strong i, article main ul li strong ol li, article main ul li strong span, article main ul li strong ul li, article main ul li ul li em, article main ul li ul li i, article main ul li ul li strong {
                        font-family: Asap;
                        font-size: 20px;
                        color: #4A4A4A
                    }

                article main em img, article main i img, article main ol li img, article main p img, article main ul li img {
                    margin: 20px 50px
                }

        article main .artImage:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

        article main p.bold {
            color: #373737;
            font-size: 32px;
            font-weight: 700
        }

        article main p iframe {
            width: 100%
        }

    article .quoted {
        font-size: 25px;
        padding: 40px 85px 60px 105px
    }

        article .quoted:before {
            content: url(/assets/images/quotes.png);
            height: 31px;
            left: 45px;
            position: absolute;
            top: 30px;
            width: 43px
        }

    article .subscribeBox {
        margin: 30px auto 90px;
        padding: 10px 50px 10px 240px;
        width: 70%
    }

        article .subscribeBox .btn {
            background-color: #FF1800;
            color: #FFF
        }

        article .subscribeBox div[class^=col-] {
            float: none;
            padding: 20px 0 30px
        }

        article .subscribeBox:before {
            content: url(/assets/images/mail-lg.png);
            height: 93px;
            left: 45px;
            position: absolute;
            top: 35px;
            width: 93px
        }

    article .videoEmbed {
        margin: 50px auto
    }

.bricks .carousel-inner .cat-desarrollo-sostenible:before, .bricks .cat-desarrollo-sostenible .colImg:before {
    content: url(/assets/images/cat-1.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .carousel-inner .cat-cambio-climatico:before, .bricks .cat-cambio-climatico .colImg:before {
    content: url(/assets/images/cat-2.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .carousel-inner .cat-energias-renovables:before, .bricks .cat-energias-renovables .colImg:before {
    content: url(/assets/images/cat-3.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .carousel-inner .cat-agua:before, .bricks .cat-agua .colImg:before {
    content: url(/assets/images/cat-4.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .carousel-inner .cat-construccion-y-urbanismo:before, .bricks .cat-construccion-y-urbanismo .colImg:before {
    content: url(/assets/images/cat-5.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .carousel-inner .cat-medio-ambiente:before, .bricks .cat-medio-ambiente .colImg:before {
    content: url(/assets/images/cat-6.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .carousel-inner .cat-vida-sostenible:before, .bricks .cat-vida-sostenible .colImg:before {
    content: url(/assets/images/cat-7.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .carousel-inner .cat-opinion:before, .bricks .cat-opinion .colImg:before {
    content: url(/assets/images/cat-8.png);
    height: 60px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2
}

.bricks .row {
    background-color: #F5F5F5;
    margin: auto;
    max-width: 100%;
    padding: 30px;
    position: relative
}

    .bricks .row .row-int {
        margin: auto;
        max-width: 1440px;
        position: relative
    }

    .bricks .row .colImg {
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 320px;
        overflow: hidden;
        margin: 0 15px;
        position: relative;
        text-align: center
    }

        .bricks .row .colImg img {
            bottom: 0;
            left: 50%;
            position: absolute;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 100%;
            transition: all .5s;
            -webkit-transition: all .5s;
            -ms-transition: all .5s;
            -moz-transition: all .5s
        }

        .bricks .row .colImg.fullImg {
            height: 460px
        }

        .bricks .row .colImg.borderedType {
            border: 5px solid #9E9E9E
        }

            .bricks .row .colImg.borderedType .borderedText {
                position: absolute;
                top: 0;
                left: 0;
                background-color: #9E9E9E;
                width: 200px;
                padding: 16px;
                text-transform: uppercase;
                color: #fff;
                font-size: 16px
            }

    .bricks .row .cat-ico-desarrollo-sostenible .colImg.borderedType {
        border-color: #79AF6D
    }

        .bricks .row .cat-ico-desarrollo-sostenible .colImg.borderedType .borderedText {
            background-color: #79AF6D
        }

    .bricks .row .cat-ico-energias-renovables .colImg.borderedType {
        border-color: #D0A354
    }

        .bricks .row .cat-ico-energias-renovables .colImg.borderedType .borderedText {
            background-color: #D0A354
        }

    .bricks .row .cat-ico-agua .colImg.borderedType {
        border-color: #00B8C2
    }

        .bricks .row .cat-ico-agua .colImg.borderedType .borderedText {
            background-color: #00B8C2
        }

    .bricks .row .cat-ico-construccion-y-urbanismo .colImg.borderedType {
        border-color: #DA5E00
    }

        .bricks .row .cat-ico-construccion-y-urbanismo .colImg.borderedType .borderedText {
            background-color: #DA5E00
        }

    .bricks .row .cat-ico-medio-ambiente .colImg.borderedType {
        border-color: #7E9407
    }

        .bricks .row .cat-ico-medio-ambiente .colImg.borderedType .borderedText {
            background-color: #7E9407
        }

    .bricks .row .cat-ico-vida-sostenible .colImg.borderedType {
        border-color: #FF2851
    }

        .bricks .row .cat-ico-vida-sostenible .colImg.borderedType .borderedText {
            background-color: #FF2851
        }

    .bricks .row .cat-ico-opinion .colImg.borderedType {
        border-color: #AF54D5
    }

        .bricks .row .cat-ico-opinion .colImg.borderedType .borderedText {
            background-color: #AF54D5
        }

    .bricks .row .cat-ico-cambio-climatico .colImg.borderedType {
        border-color: #65AAFF
    }

        .bricks .row .cat-ico-cambio-climatico .colImg.borderedType .borderedText {
            background-color: #65AAFF
        }

    .bricks .row .brick {
        cursor: pointer;
        height: 460px;
        margin: 30px 0;
        overflow: hidden;
        position: relative;
        transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s
    }

        .bricks .row .brick.gridVideo {
            border: 5px solid #9E9E9E;
            margin: 15px
        }

        .bricks .row .brick.gridVideo-desarrollo-sostenible {
            border: 5px solid #79AF6D
        }

        .bricks .row .brick.gridVideo-cambio-climatico {
            border: 5px solid #65AAFF
        }

        .bricks .row .brick.gridVideo-energias-renovables {
            border: 5px solid #D0A354
        }

        .bricks .row .brick.gridVideo-agua {
            border: 5px solid #00B8C2
        }

        .bricks .row .brick.gridVideo-construccion-y-urbanismo {
            border: 5px solid #DA5E00
        }

        .bricks .row .brick.gridVideo-medio-ambiente {
            border: 5px solid #7E9407
        }

        .bricks .row .brick.gridVideo-vida-sostenible {
            border: 5px solid #FF2851
        }

        .bricks .row .brick.gridVideo-opinion {
            border: 5px solid #AF54D5
        }

        .bricks .row .brick .post {
            transition: all .5s
        }

        .bricks .row .brick .download {
            background-color: #E21420;
            color: #FFF;
            cursor: auto;
            height: 100%;
            margin: 0 15px;
            padding: 55px 60px 70px;
            text-align: left
        }

            .bricks .row .brick .download .download-image {
                float: left;
                margin-right: 20px
            }

                .bricks .row .brick .download .download-image img {
                    width: 80px !important;
                    height: auto !important
                }

            .bricks .row .brick .download .download-body {
                display: inline-block;
                margin-top: 20px;
                margin-bottom: 45px
            }

                .bricks .row .brick .download .download-body p {
                    font-size: 18px;
                    font-weight: 400
                }

                    .bricks .row .brick .download .download-body p:nth-child(1) {
                        font-size: 18px;
                        font-weight: 700
                    }

            .bricks .row .brick .download .download-button {
                text-align: center;
                transition: all .5s;
                width: 100%
            }

                .bricks .row .brick .download .download-button a {
                    background-color: #4A4A4A;
                    border: 0;
                    color: #FFF;
                    display: block;
                    font-size: 18px;
                    font-weight: 700;
                    padding: 10px 0;
                    transition: all .5s
                }

                .bricks .row .brick .download .download-button:hover a {
                    background-color: #BEBEBE;
                    color: #4A4A4A;
                    font-size: 18px;
                    font-weight: 700;
                    padding: 10px 0
                }

            .bricks .row .brick .download span {
                font-size: 18px;
                font-weight: 700
            }

            .bricks .row .brick .download .colImg {
                float: left;
                height: auto;
                margin: 0
            }

                .bricks .row .brick .download .colImg img {
                    left: 0;
                    position: relative;
                    transform: none
                }

            .bricks .row .brick .download .download-title {
                float: left;
                font-size: 18px;
                font-weight: 700;
                margin: 5% 0 40px;
                width: 63%
            }

.bricks .colImg.fullImg {
    height: 460px
}

.bricks .colImg.borderedType {
    border: 5px solid #9E9E9E
}

    .bricks .colImg.borderedType .borderedText {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #9E9E9E;
        width: 200px;
        padding: 16px;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px
    }

.bricks .brick {
    cursor: pointer;
    height: 460px;
    margin: 30px 0;
    overflow: hidden;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

    .bricks .brick h4 {
        background-color: #FFF;
        height: 140px;
        padding: 30px 30px 20px;
        margin: 0 15px;
        text-transform: uppercase;
        transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s
    }

        .bricks .brick h4 a {
            color: #434343;
            transition: all .5s;
            -webkit-transition: all .5s;
            -ms-transition: all .5s;
            -moz-transition: all .5s
        }

    .bricks .brick .poll {
        background: url(/assets/images/pollBg.png) no-repeat;
        background-size: cover;
        cursor: auto;
        height: 460px;
        margin: 0 15px;
        text-align: center
    }

        .bricks .brick .poll p {
            font-size: 20px;
            margin: 0 auto;
            max-width: 550px
        }

        .bricks .brick .poll .pollBtn-no, .bricks .brick .poll .pollBtn-yes {
            border: 0;
            border-radius: 90px;
            color: #FFF;
            float: left;
            font-size: 28px;
            padding: 15px 0 15px 90px;
            position: relative;
            text-align: left;
            width: 250px
        }

        .bricks .brick .poll .pollBtn-no {
            background-color: #FF1800
        }

            .bricks .brick .poll .pollBtn-no:before {
                content: url(/assets/images/no.png);
                height: 36px;
                left: 35px;
                position: absolute;
                top: 20px;
                width: 42px
            }

        .bricks .brick .poll .pollBtn-yes {
            background-color: #C7CF24
        }

            .bricks .brick .poll .pollBtn-yes:before {
                content: url(/assets/images/yes.png);
                height: 36px;
                left: 35px;
                position: absolute;
                top: 15px;
                width: 42px
            }

        .bricks .brick .poll .pollBtns:after, .bricks .brick .poll .pollResults:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

        .bricks .brick .poll .pollBtns {
            margin: 20px auto;
            width: 740px
        }

            .bricks .brick .poll .pollBtns button {
                margin: 0 60px
            }

        .bricks .brick .poll .pollResults {
            margin: 0 auto;
            width: 690px
        }

            .bricks .brick .poll .pollResults .progress {
                background: #E3E3E3;
                height: 50px;
                width: 250px
            }

            .bricks .brick .poll .pollResults .resultNo {
                padding-top: 35px
            }

                .bricks .brick .poll .pollResults .resultNo .progress {
                    border-radius: 0 100px 100px 0
                }

                    .bricks .brick .poll .pollResults .resultNo .progress .progress-bar {
                        background-color: #FF1800;
                        font-size: 20px;
                        padding: 15px 5px
                    }

            .bricks .brick .poll .pollResults .resultNo, .bricks .brick .poll .pollResults .resultYes, .bricks .brick .poll .pollResults .resultsTotal {
                color: #9B9B9B;
                float: left;
                margin: 0 10px;
                text-transform: uppercase
            }

            .bricks .brick .poll .pollResults .resultsTotal {
                background: url(/assets/images/results.png) no-repeat;
                color: #FFF;
                font-size: 16px;
                height: 128px;
                padding: 50px 40px 0 20px;
                width: 128px
            }

                .bricks .brick .poll .pollResults .resultsTotal span:before, .bricks .brick .poll:after {
                    content: " ";
                    visibility: hidden;
                    height: 0;
                    clear: both;
                    display: block
                }

                .bricks .brick .poll .pollResults .resultsTotal span {
                    font-size: 12px
                }

            .bricks .brick .poll .pollResults .resultYes {
                padding-top: 35px
            }

                .bricks .brick .poll .pollResults .resultYes .progress {
                    border-radius: 100px 0 0 100px
                }

                    .bricks .brick .poll .pollResults .resultYes .progress .progress-bar {
                        background-color: #C7CF24;
                        display: block;
                        float: right;
                        font-size: 20px;
                        padding: 15px 5px
                    }

        .bricks .brick .poll .pollTitle {
            color: #434343;
            font-size: 34px;
            padding: 30px 0;
            text-transform: uppercase
        }

            .bricks .brick .poll .pollTitle span {
                color: #FF0606;
                font-size: 34px
            }

    .bricks .brick:hover h4 {
        background-color: #2A2A2A;
        color: #FFF !important
    }

        .bricks .brick:hover h4 a {
            color: #FFF !important
        }

.recoverPassword .centered, .recoverPassword h1 {
    text-align: center
}

.recoverPassword input {
    background-color: #FFF;
    border: 0;
    color: #D8D8D8;
    font-size: 16px;
    width: 200px;
    padding: 5px 10px 5px 0
}

.recoverPassword label {
    font-size: 24px
}

.recoverPassword p:last-child {
    margin-top: 50px
}

.cookies-wrapper {
    height: auto;
    left: 0;
    padding: 0;
    right: 0;
    position: fixed;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 101;
    bottom: 1px !important
}

    .cookies-wrapper .cookies-ad {
        padding: 0 15px !important
    }

        .cookies-wrapper .cookies-ad .cookies-policy {
            color: #4A90E2;
            font-family: Roboto;
            font-size: 14px;
            font-weight: 400;
            margin-left: 20px;
            text-decoration: underline
        }

        .cookies-wrapper .cookies-ad .cookies-body, .cookies-wrapper .cookies-ad .cookies-title p, .registerBrickOut .registerBrick .content .inner-content {
            font-family: Montserrat,sans-serif
        }

        .cookies-wrapper .cookies-ad .cookies-title p {
            font-size: 16px;
            font-weight: 400
        }

        .cookies-wrapper .cookies-ad .cookies-body {
            font-size: 14px;
            font-weight: 400;
            padding: 0 15px !important;
            margin: 0 !important
        }

            .cookies-wrapper .cookies-ad .cookies-body p {
                margin: 10px 0 !important;
                text-align: center
            }

        .cookies-wrapper .cookies-ad .grayButton {
            -webkit-appearance: none;
            padding: 0;
            cursor: pointer;
            background: 0 0;
            border: 0;
            float: right;
            font-size: 21px;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            filter: alpha(opacity=20);
            opacity: .2
        }

#pollPopup .pollPopupWrapper {
    padding: 4% 0 8%;
    text-align: center
}

    #pollPopup .pollPopupWrapper .pollPopupImage {
        margin: 20px auto
    }

    #pollPopup .pollPopupWrapper .pollPopupText {
        color: #000;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px
    }

.registerBrickOut {
    height: 100%;
    margin: 0 15px
}

    .registerBrickOut .registerBrick {
        background: url(/assets/images/registerBg.png) center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 15px 0;
        text-align: center
    }

        .registerBrickOut .registerBrick p {
            color: #FFF;
            font-size: 36px;
            font-weight: 700;
            margin: 0 auto;
            text-transform: uppercase;
            width: 70%
        }

            .registerBrickOut .registerBrick p:first-child {
                line-height: 40px
            }

        .registerBrickOut .registerBrick .content {
            background-color: rgba(255,255,255,.6);
            color: #000;
            margin: 6px 69px 20px;
            padding-bottom: 15px
        }

            .registerBrickOut .registerBrick .content .inner-content {
                font-size: 21px
            }

                .registerBrickOut .registerBrick .content .inner-content .title {
                    color: red;
                    display: block;
                    font-size: 28px;
                    font-weight: 700;
                    text-transform: uppercase
                }

                .registerBrickOut .registerBrick .content .inner-content .description {
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px
                }

        .registerBrickOut .registerBrick .content-padding {
            padding: 40px
        }

#homeCarouselLoader {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    text-align: center
}

    #homeCarouselLoader img {
        height: 150px;
        width: 150px;
        display: inline-block;
        margin-top: 60px
    }

#homeCorousel {
    cursor: pointer
}

    #homeCorousel .carousel .carousel-inner .carousel-caption {
        display: table;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0
    }

        #homeCorousel .carousel .carousel-inner .carousel-caption .carousel-caption-content {
            display: table-cell;
            padding: 10%;
            vertical-align: middle
        }

            #homeCorousel .carousel .carousel-inner .carousel-caption .carousel-caption-content .h1, #homeCorousel .carousel .carousel-inner .carousel-caption .carousel-caption-content .h2, #homeCorousel .carousel .carousel-inner .carousel-caption .carousel-caption-content .play-video {
                position: relative;
                bottom: 0 !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important
            }

            #homeCorousel .carousel .carousel-inner .carousel-caption .carousel-caption-content .h1 {
                margin: 55px 0 0 !important
            }

    #homeCorousel .h1 {
        bottom: 140px !important
    }

    #homeCorousel .h2 {
        bottom: 70px !important
    }

    #homeCorousel .play-video {
        top: 200px !important
    }

.carousel .bx-wrapper {
    margin: 0 auto
}

    .carousel .bx-wrapper .prizeSlide {
        cursor: pointer
    }

.carousel .videoTag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #9E9E9E;
    width: 200px;
    padding: 16px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.carousel .carousel-control {
    opacity: 1;
    width: 5%
}

    .carousel .carousel-control.left, .carousel .carousel-control.right {
        background-image: none
    }

.carousel .carousel-inner {
    height: 100%
}

    .carousel .carousel-inner .carousel-caption {
        left: 10%;
        right: 10%;
        text-shadow: none;
        top: 0;
        height: 100%
    }

        .carousel .carousel-inner .carousel-caption .h1, .carousel .carousel-inner .carousel-caption .h2 {
            position: absolute;
            margin: auto !important;
            width: 100%
        }

            .carousel .carousel-inner .carousel-caption .h1.h1, .carousel .carousel-inner .carousel-caption .h2.h1 {
                bottom: 80px
            }

            .carousel .carousel-inner .carousel-caption .h1.h2, .carousel .carousel-inner .carousel-caption .h2.h2 {
                bottom: 0
            }

        .carousel .carousel-inner .carousel-caption a {
            color: #fff
        }

    .carousel .carousel-inner .item {
        height: 100%;
        padding: 0;
        width: 100%
    }

        .carousel .carousel-inner .item.images-carousel.full-screen {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover
        }

        .carousel .carousel-inner .item.youtubeVideoItem {
            display: block !important;
            background-size: cover !important
        }

            .carousel .carousel-inner .item.youtubeVideoItem span {
                background-color: rgba(0,0,0,.3);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

        .carousel .carousel-inner .item a.carouselItemLink {
            background-size: cover;
            background-position: center;
            display: block;
            height: 100%
        }

        .carousel .carousel-inner .item span {
            background-color: rgba(0,0,0,.3);
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

    .carousel .carousel-inner .play-video {
        background: url(/assets/images/play-video-lg.png) no-repeat;
        cursor: pointer;
        height: 101px;
        margin: auto;
        transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s;
        width: 101px;
        position: absolute;
        top: 130px;
        left: 0;
        right: 0
    }

    .carousel .carousel-inner:after, .cleared:after, .cleared:before {
        display: block;
        height: 0;
        content: " ";
        visibility: hidden;
        clear: both
    }

#carousel-wrapper .carousel-inner .item img, .container {
    width: 100%
}

.carousel .carousel-inner .row {
    background-color: transparent;
    padding: 0
}

    .carousel .carousel-inner .row div[class^=col-] {
        padding: 0
    }

        .carousel .carousel-inner .row div[class^=col-] h4 {
            min-height: 110px;
            background-color: #9E9E9E
        }

        .carousel .carousel-inner .row div[class^=col-]:nth-child(even) h4 {
            background-color: #BEBEBE
        }

    .carousel .carousel-inner .row a {
        color: #FFF
    }

.carousel .carousel-inner:hover .play-video {
    background: url(/assets/images/play-video-lg-on.png) no-repeat
}

.container {
    padding: 0
}

    .container .comments {
        background-color: #F5F5F5;
        padding: 70px 100px
    }

        .container .comments .commentsTitle {
            display: inline-block;
            width: 100%
        }

            .container .comments .commentsTitle .socials-before {
                display: none
            }

            .container .comments .commentsTitle .socials-after {
                display: block
            }

            .container .comments .commentsTitle div.commentsTitleInt {
                color: #4A4A4A;
                float: left;
                margin-bottom: 30px
            }

            .container .comments .commentsTitle span.socialsText {
                color: #9E9E9E;
                font-size: 17px;
                margin-left: 40px;
                margin-right: 20px;
                margin-top: 32px;
                float: right
            }

            .container .comments .commentsTitle .gallerySocial {
                float: right;
                margin-top: 22px
            }

                .container .comments .commentsTitle .gallerySocial .jssocials-share {
                    border-radius: 15px;
                    display: inline-block;
                    height: 30px;
                    margin: 5px;
                    width: 30px
                }

                    .container .comments .commentsTitle .gallerySocial .jssocials-share.whatsapp {
                        display: none
                    }

                    .container .comments .commentsTitle .gallerySocial .jssocials-share img {
                        width: auto
                    }

            .container .comments .commentsTitle .gallerySocial-sm {
                display: none;
                float: left
            }

                .container .comments .commentsTitle .gallerySocial-sm .jssocials-share {
                    display: inline-block
                }

                    .container .comments .commentsTitle .gallerySocial-sm .jssocials-share.whatsapp {
                        display: none
                    }

        .container .comments .comment {

            margin-top: 5px
        }

            .container .comments .comment .commentData {
                float: left;
                padding: 15px 0 0;
                width: 85%
            }

                .container .comments .comment .commentData .commentName {
                    color: #4A4A4A;
                    font-size: 21px;
                    margin-bottom: 10px
                }

                .container .comments .comment .commentData .commentLenght {
                    color: #9B9B9B;
                    text-align: right;
                    width: 80%
                }

                .container .comments .comment .commentData textarea {
                    float: left;
                    margin-right: 10px;
                    padding: 8px 20px 7px;
                    width: 80%
                }

                .container .comments .comment .commentData .comment-popup-message {
                    color: red;
                    float: left;
                    font-size: 12px;
                    width: 100%
                }

            .container .comments .comment .commentImg {
                float: left;
                margin: 30px 10px 30px 35px;
                width: 110px
            }

                .container .comments .comment .commentImg img {
                    max-height: 106px;
                    max-width: 106px
                }

            .container .comments .comment p {
                border-bottom: 1px solid #9E9E9E;
                color: #9B9B9B;
                padding-bottom: 10px
            }

            .container .comments .comment:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

        .container .comments .commentForm .commentImg {
            margin: 20px 10px 30px 35px
        }

        .container .comments .commentForm .commentData {
            padding: 25px 0 0
        }

            .container .comments .commentForm .commentData .commentName {
                color: #FF1800
            }

    .container .customContent, .container .relatedContent {
        background-color: #fff;
        clear: both;
        text-transform: uppercase
    }

        .container .customContent #custom-carousel, .container .relatedContent #custom-carousel {
            padding: 0 30px
        }

            .container .customContent #custom-carousel .carousel-control, .container .relatedContent #custom-carousel .carousel-control {
                opacity: 1;
                width: 5%
            }

                .container .customContent #custom-carousel .carousel-control.left, .container .customContent #custom-carousel .carousel-control.right, .container .relatedContent #custom-carousel .carousel-control.left, .container .relatedContent #custom-carousel .carousel-control.right {
                    background-image: none
                }

            .container .customContent #custom-carousel .carousel-inner, .container .relatedContent #custom-carousel .carousel-inner {
                padding: 0 8% 0 7%
            }

                .container .customContent #custom-carousel .carousel-inner .row, .container .relatedContent #custom-carousel .carousel-inner .row {
                    background-color: transparent;
                    padding: 0
                }

                    .container .customContent #custom-carousel .carousel-inner .row .colImg, .container .relatedContent #custom-carousel .carousel-inner .row .colImg {
                        margin: 0
                    }

                    .container .customContent #custom-carousel .carousel-inner .row div[class^=col-]:nth-child(even) h4, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-]:nth-child(even) h4 {
                        background-color: #BEBEBE
                    }

                    .container .customContent #custom-carousel .carousel-inner .row div[class^=col-], .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] {
                        height: 430px;
                        padding: 0;
                        position: relative
                    }

                        .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4 {
                            background-color: #9E9E9E;
                            bottom: 0;
                            height: 100px;
                            padding: 30px 20px 20px 30px;
                            position: absolute;
                            transition: all 1s
                        }

                            .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4 a, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4 a {
                                color: #FFF
                            }

                            .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover {
                                background-color: #FFF;
                                height: auto
                            }

                                .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover a, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover a {
                                    color: #9E9E9E
                                }

                        .container .customContent #custom-carousel .carousel-inner .row div[class^=col-]:hover, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-]:hover {
                            background-color: #FFF
                        }

        .container .customContent h2, .container .relatedContent h2 {
            margin-bottom: 30px
        }

    .container .relatedContent {
        background: #F0F0F0;
        padding-bottom: 2%
    }

    .container .customContent {
        background-color: #fff;
        padding-bottom: 5%
    }

    .container #postRelatedCarouselLoader, .container #prizeLv2CarouselLoader, .container #prizeLv3CarouselLoader, .container #prizesCarouselLoader, .container #sustainabilityForCarouselLoader {
        background: url(/assets/images/loading.gif) 50% 50% no-repeat #fff;
        background-size: 150px 150px;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .container .customContent, .container .relatedContent {
        position: relative;
        width: 100%
    }

        .container .customContent .h2, .container .customContent h2, .container .relatedContent .h2, .container .relatedContent h2 {
            text-align: left;
            font-size: 2.8em;
            margin: auto;
            padding: 5% 0 2%;
            text-transform: uppercase;
            max-width: 1264px
        }

        .container .customContent .arrow-prev, .container .relatedContent .arrow-prev {
            position: absolute;
            left: 30px;
            top: 50%;
            margin-top: -24px
        }

        .container .customContent .arrow-next, .container .relatedContent .arrow-next {
            position: absolute;
            right: 30px;
            top: 50%;
            margin-top: -24px
        }

        .container .customContent .relatedPosts-slider, .container .relatedContent .relatedPosts-slider {
            width: 100%;
            max-width: 1440px;
            margin: 0 auto
        }

            .container .customContent .relatedPosts-slider .bx-wrapper, .container .relatedContent .relatedPosts-slider .bx-wrapper {
                border: none;
                box-shadow: none;
                position: relative;
                margin: 0 auto !important
            }

                .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport {
                    border: none;
                    box-shadow: none;
                    left: 0
                }

                    .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:nth-child(even) h4, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:nth-child(even) h4 {
                        background-color: #BEBEBE
                    }

                    .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li {
                        cursor: pointer;
                        height: 473px;
                        padding: 0;
                        position: relative
                    }

                        .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li .colImg, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li .colImg {
                            left: 0;
                            position: absolute;
                            height: 100%
                        }

                            .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li .colImg img, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li .colImg img {
                                width: 100%
                            }

                        .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li h4, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li h4 {
                            background-color: #9E9E9E;
                            bottom: 0;
                            height: 153px;
                            padding: 30px 20px 20px 30px;
                            position: absolute;
                            transition: all .5s;
                            -webkit-transition: all .5s;
                            -ms-transition: all .5s;
                            -moz-transition: all .5s;
                            width: 100%;
                            margin: 0
                        }

.relative, footer, header #headerRow {
    position: relative
}

.container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li h4 a, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li h4 a {
    color: #FFF
}

.container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:hover, .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:hover h4, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:hover, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:hover h4 {
    background-color: #FFF
}

    .container .customContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:hover h4 a, .container .relatedContent .relatedPosts-slider .bx-wrapper .bx-viewport .bxslider li:hover h4 a {
        color: #9E9E9E
    }

.floated {
    float: left
}

footer {
    background-color: #2A2A2A;
    color: #D8D8D8;
    width: 100%
}

    footer a {
        color: #FFF
    }

    footer .footDiv {
        float: left;
        height: 270px
    }

        #footerBottom .footerBottomWrapper:after, footer .footDiv:nth-child(2) a:after, footer .footerWrapper:after, footer:after {
            content: " ";
            visibility: hidden;
            height: 0;
            clear: both
        }

        footer .footDiv h1 {
            margin: 23px 0 60px;
            color: #fff;
            font-family: Nexa-Bold;
            font-size: 23px;
            font-weight: 300;
            text-transform: uppercase
        }

.grayBar, .grayBar a {
    font-size: 18px
}

footer .footDiv h1 span {
    color: #999;
    font-size: 18px;
    font-family: Nexa-Light;
    font-weight: lighter;
    text-transform: lowercase;
    display: block;
    padding: 0;
    margin: 0
}

.h1, .h1 span, .h2, h1, h1 span, h2 {
    font-family: Montserrat,sans-serif
}

footer .footDiv h1 span::first-letter {
    text-transform: uppercase
}

footer .footDiv:nth-child(1) {
    border-right: 1px solid #464646;
    padding-right: 4%;
    text-align: justify
}

footer .footDiv:nth-child(2) {
    padding: 0 40px
}

    footer .footDiv:nth-child(2) .footer-cat-1, footer .footDiv:nth-child(2) .footer-cat-2, footer .footDiv:nth-child(2) .footer-cat-3, footer .footDiv:nth-child(2) .footer-cat-4, footer .footDiv:nth-child(2) .footer-cat-5, footer .footDiv:nth-child(2) .footer-cat-6, footer .footDiv:nth-child(2) .footer-cat-7, footer .footDiv:nth-child(2) .footer-cat-8 {
        padding: 0 0 0 20px;
        margin-bottom: 10px;
        width: 100%;
        float: left
    }

    footer .footDiv:nth-child(2) a {
        line-height: 20px;
        color: #fff;
        transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s
    }

        footer .footDiv:nth-child(2) a:hover {
            color: #fff;
            text-decoration: underline
        }

.gallery article #galleryContent #carousel-text .TwitterPost ins, h4, h4 a {
    text-decoration: none
}

footer .footDiv:nth-child(2) a:after {
    display: block
}

footer .footDiv:nth-child(2) .footer-cat-1 {
    background: url(/assets/images/ico-cat-1.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) .footer-cat-2 {
    background: url(/assets/images/ico-cat-2.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) .footer-cat-3 {
    background: url(/assets/images/ico-cat-3.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) .footer-cat-4 {
    background: url(/assets/images/ico-cat-4.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) .footer-cat-5 {
    background: url(/assets/images/ico-cat-5.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) .footer-cat-6 {
    background: url(/assets/images/ico-cat-6.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) .footer-cat-7 {
    background: url(/assets/images/ico-cat-7.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) .footer-cat-8 {
    background: url(/assets/images/ico-cat-8.png) 0 50% no-repeat
}

footer .footDiv:nth-child(2) div.footer-categories-left {
    float: left;
    width: 48%
}

footer .footDiv:nth-child(2) div.footer-categories-right {
    float: right;
    width: 48%
}

footer .footDiv:nth-child(3) {
    border-left: 1px solid #464646;
    padding-left: 5%
}

    footer .footDiv:nth-child(3) img:first-child {
        margin: 23px 0 60px
    }

footer .footerSocial {
    padding-top: 20px
}

    footer .footerSocial a {
        float: left;
        margin-right: 30px
    }

        footer .footerSocial a:last-child {
            margin-right: 0
        }

footer .footerWrapper {
    margin: 0 auto;
    padding: 70px 30px;
    position: relative;
    width: 1440px
}

    footer .footerWrapper .sustainabilityImg-sm {
        display: none
    }

    footer .footerWrapper .sustainabilityImg, footer .footerWrapper:after, footer:after {
        display: block
    }

#footerBottom {
    background-color: #1E1E1E;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

    #footerBottom .footerBottomWrapper {
        margin: 0 auto;
        padding: 10px 30px;
        width: 1440px
    }

        #footerBottom .footerBottomWrapper .footerCopy {
            color: #4A4A4A;
            float: right
        }

        #footerBottom .footerBottomWrapper .footerLinks {
            float: left
        }

            #footerBottom .footerBottomWrapper .footerLinks a {
                border-left: 1px solid #4A4A4A;
                color: #4A4A4A;
                padding: 0 10px;
                transition: all .5s;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s
            }

                #footerBottom .footerBottomWrapper .footerLinks a:hover {
                    color: #fff
                }

                #footerBottom .footerBottomWrapper .footerLinks a:nth-child(1) {
                    border-left: none;
                    padding-left: 0
                }

        #footerBottom .footerBottomWrapper:after {
            display: block
        }

.glyphicon-chevron-left:before {
    content: url(/assets/images/arrow-left.png)
}

.glyphicon-chevron-right:before {
    content: url(/assets/images/arrow-right.png)
}

#LoginForm:after, .grayBar:after, .grayBar:before, .lightBox #LoginForm:after, header:after {
    content: " ";
    visibility: hidden;
    clear: both
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    height: 55px;
    width: 54px
}

.grayBar {
    background-color: #F5F5F5;
    color: #9B9B9B;
    padding: 25px 0;
    text-align: center
}

    #LoginForm:after, .grayBar:after, .grayBar:before {
        display: block;
        height: 0
    }

.h1, .h1 span, h1, h1 span {
    font-size: 50px;
    font-weight: 700;
    margin: 60px auto 30px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3, h4, h4 a {
    font-size: 22px;
    font-family: Montserrat,sans-serif
}

    h4, h4 a {
        color: #434343
    }

header {
    margin: 0 auto;
    width: 100%
}

    header #headerRow {
        height: 100px;
        padding: 20px 35px
    }

        header #headerRow #headerMenu {
            align-items: center;
            float: right
        }

            header #headerRow #headerMenu #headChooseLang {
                float: left;
                margin-top: 28px
            }

                header #headerRow #headerMenu #headChooseLang a {
                    color: red;
                    float: left;
                    font-weight: 700;
                    letter-spacing: .9px;
                    margin: 0 10px;
                    text-decoration: none
                }

                    header #headerRow #headerMenu #headChooseLang a.inactive {
                        opacity: .5
                    }

            header #headerRow #headerMenu #headLogo {
                background: url(/assets/images/logo.png) no-repeat;
                background-size: cover;
                float: right;
                height: 72px;
                width: 144px
            }

            header #headerRow #headerMenu #headRegLog {
                float: left;
                margin-right: 20px;
                margin-top: 28px;
                padding-right: 20px;
                border-right: solid 1px #979797
            }

                header #headerRow #headerMenu #headRegLog a {
                    color: #B1B1B1;
                    float: left;
                    margin: 0 10px;
                    text-transform: uppercase
                }

                    header #headerRow #headerMenu #headRegLog a:hover {
                        text-decoration: underline
                    }

            header #headerRow #headerMenu #headSearch {
                float: left;
                margin-top: 24px;
                padding: 0 20px
            }

            header #headerRow #headerMenu #headSearchActive.active {
                height: auto;
                opacity: 1
            }

                header #headerRow #headerMenu #headSearchActive.active input {
                    width: 400px
                }

            header #headerRow #headerMenu #headSearchActive {
                height: 0;
                opacity: 0;
                overflow: hidden;
                position: absolute;
                right: 186px;
                top: 38px;
                width: 449px
            }

                header #headerRow #headerMenu #headSearchActive input {
                    float: right;
                    transition: all .5s;
                    -webkit-transition: all .5s;
                    -ms-transition: all .5s;
                    -moz-transition: all .5s;
                    width: 0
                }

                header #headerRow #headerMenu #headSearchActive .input-group .btn {
                    background-color: #FF1800
                }

                header #headerRow #headerMenu #headSearchActive .input-group .form-control {
                    color: #000;
                    height: 38px
                }

                header #headerRow #headerMenu #headSearchActive .input-group .form-control, header #headerRow #headerMenu #headSearchActive .input-group .input-group-btn {
                    box-shadow: 3px 3px 3px rgba(0,0,0,.11)
                }

            header #headerRow #headerMenu .memberHeaderLink {
                float: left
            }

                header #headerRow #headerMenu .memberHeaderLink .userName {
                    margin-top: 28px
                }

            header #headerRow #headerMenu #sessionTimeAchievementMessage {
                color: #FF2851;
                float: left;
                margin-top: 28px
            }

            header #headerRow #headerMenu .userName {
                color: #3B3C40;
                float: left;
                font-family: Montserrat,sans-serif;
                font-size: 12px;
                text-transform: uppercase
            }

        header #headerRow .headerTitle, header #headerRow .navHeaderTitle {
            float: left
        }

            header #headerRow .headerTitle p, header #headerRow .navHeaderTitle p {
                font-family: Montserrat,sans-serif;
                font-size: 30px;
                margin: 0;
                color: #333 !important
            }

    header:after {
        display: block;
        height: 0
    }

img {
    border: none;
    display: block
}

.inline-block {
    display: inline-block;
    margin: 25px
}

.accessButtonsWrapper {
    margin: 0 auto;
    width: 450px;
    overflow: auto
}

.lightBox {
    background-color: #FFF;
    display: none;
    font-size: 14px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 670px;
    position: absolute;
    top: 100px;
    width: 45%;
    z-index: 101
}

    .lightBox a {
        color: #FF2851
    }

    .lightBox #registerConfirmEmailMessage, .lightBox #registerConfirmPasswordMessage, .lightBox #registerCountryMessage, .lightBox #registermessage {
        text-align: left;
        color: red;
        font-size: 1.3em
    }

    .lightBox #triggerRemember {
        float: right;
        margin-top: 20px
    }

    .lightBox .closeLB {
        background-color: #BEBEBE;
        color: #FFF;
        cursor: pointer;
        font-size: 28px;
        height: 70px;
        padding: 16px 26px;
        position: absolute;
        right: 0;
        top: 0;
        width: 70px
    }

#mediaPopupWrapper, .mask {
    left: 0;
    position: fixed;
    z-index: 101
}

.lightBox .fbLog, .lightBox .fbReg {
    background-color: transparent;
    border: 0;
    float: left
}

    .lightBox .fbLog .fbRegBtn, .lightBox .fbReg .fbRegBtn {
        background: url(/assets/images/fbRegOff.png) no-repeat #AEAEAE;
        color: #FFF;
        font-size: 12px !important;
        font-weight: 300;
        height: 68px;
        padding: 17px 0 0 110px;
        transition: all 1s;
        width: 265px
    }

        .lightBox .fbLog .fbRegBtn span, .lightBox .fbReg .fbRegBtn span {
            font-size: 12px;
            font-weight: 700
        }

        .lightBox .fbLog .fbRegBtn:hover, .lightBox .fbReg .fbRegBtn:hover {
            background: url(/assets/images/fbRegOn.png) no-repeat #3B5998
        }

    .lightBox .fbLog .fbBtn-clicked, .lightBox .fbReg .fbBtn-clicked {
        background: url(/assets/images/fbRegOn.png) no-repeat #3B5998 !important
    }

    .lightBox .fbLog .fbLogBtn, .lightBox .fbReg .fbLogBtn {
        background: url(/assets/images/fbRegOff.png) no-repeat #AEAEAE;
        color: #FFF;
        font-size: 13px !important;
        font-weight: 300;
        height: 68px;
        margin-bottom: 20px;
        padding: 15px 0 0 105px;
        transition: all 1s;
        width: 200px
    }

        .lightBox .fbLog .fbLogBtn span, .lightBox .fbReg .fbLogBtn span {
            font-size: 12px;
            font-weight: 700
        }

        .lightBox .fbLog .fbLogBtn:hover, .lightBox .fbReg .fbLogBtn:hover {
            background: url(/assets/images/fbRegOn.png) no-repeat #3B5998
        }

.lightBox .grayBand {
    background-color: #F5F5F5;
    height: 70px;
    width: 100%
}

.lightBox .headerTitle, .lightBox .navHeaderTitle {
    padding: 30px 20px;
    width: 60%
}

.lightBox label {
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

.lightBox .lbTitle {
    color: #000;
    font-size: 16px;
    margin-bottom: 30px
}

.lightBox #LoginForm {
    font-size: 14px;
    padding: 50px 75px
}

    .lightBox #LoginForm .field-validation-error span {
        font-size: 14px
    }

    .lightBox #LoginForm a, .lightBox #LoginForm div {
        font-size: 13px
    }

    .lightBox #LoginForm .colLB {
        float: none;
        margin-bottom: 25px
    }

    .lightBox #LoginForm .logBtns {
        float: right;
        margin-top: 35px;
        width: 39%
    }

        .lightBox #LoginForm .logBtns .redButton, .lightBox #LoginForm .logBtns a {
            margin-left: 5px
        }

        .lightBox #LoginForm .logBtns button {
            margin-bottom: 25px;
            width: 200px
        }

    .lightBox #LoginForm .rowLB {
        float: left;
        width: 61%
    }

    .lightBox #LoginForm:after {
        display: block;
        height: 0
    }

.lightBox #logLB, .lightBox #passLB, .lightBox #regLB, .lightBox #termsLB {
    display: none
}

    .lightBox #regLB .registration-succeed {
        font-size: 13px;
        color: red;
        width: 100%;
        text-align: center
    }

.lightBox .passwordLB {
    padding-top: 50px;
    text-align: center
}

    .lightBox .passwordLB .input-group {
        margin: 45px auto 60px;
        width: 78%
    }

        .lightBox .passwordLB .input-group .input-group-btn {
            width: 0
        }

            .lightBox .passwordLB .input-group .input-group-btn button {
                background-color: #FF1800;
                border-radius: 0 90px 90px 0;
                color: #FFF;
                height: 50px
            }

        .lightBox .passwordLB .input-group input {
            background-color: #F5F5F5;
            border-radius: 90px 0 0 90px;
            height: 50px;
            width: 80%
        }

        .lightBox .passwordLB .input-group .field-validation-error {
            color: #FF1800;
            margin-top: 10px;
            float: left;
            width: 100%
        }

    .lightBox .passwordLB p {
        color: #3B3C40;
        margin: 0 auto;
        opacity: .5;
        width: 60%
    }

    .lightBox .passwordLB .passwordRecoveryMsg {
        margin-top: -30px;
        margin-bottom: 30px;
        font-size: 13px;
        font-weight: 700
    }

.lightBox .redBand {
    background-color: #FF1800;
    color: #FFF;
    font-size: 17px;
    padding: 20px 20px 24px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.lightBox .redTree {
    background: url(/assets/images/red-tree.png) no-repeat;
    float: right;
    height: 278px;
    margin: 60px 60px 60px 0;
    width: 194px
}

.lightBox .regInfo, .lightBox .rowLB .colLB {
    width: 50%;
    float: left
}

.lightBox .regBtns {
    float: left
}

    .lightBox .regBtns button {
        float: left;
        height: 68px;
        margin-right: 40px
    }

    .lightBox .regBtns:after, .lightBox .rowLB .colLB label:after, .lightBox .rowLB:after {
        height: 0;
        display: block;
        content: " ";
        clear: both;
        visibility: hidden
    }

.lightBox #RegistrationForm {
    font-size: 14px;
    padding: 0 60px 90px
}

    .lightBox #RegistrationForm .field-validation-error span, .lightBox #RegistrationForm a, .lightBox #RegistrationForm div {
        font-size: 14px
    }

.lightBox .regInfo {
    color: #3B3C40;
    margin: 50px 10px 40px 60px
}

    .lightBox .regInfo p {
        font-weight: 700;
        opacity: .5;
        font-size: 15px !important
    }

        .lightBox .regInfo p.waiting a {
            color: #3B3C40;
            font-size: 25px !important
        }

    .lightBox .regInfo ul {
        opacity: .5;
        padding: 0
    }

        .lightBox .regInfo ul li {
            font-size: 15px !important
        }

.lightBox .rowLB {
    border-top: 1px solid #D8D8D8;
    padding: 35px 0
}

    .lightBox .rowLB .colLB input, .lightBox .rowLB .colLB select {
        background: #FFF;
        border: 0;
        color: #3B3C40;
        font-size: 16px;
        min-width: 120px;
        padding: 5px 10px 5px 0;
        width: 100%
    }

    .lightBox .rowLB .accept-terms-error, .lightBox .rowLB .colLB .field-validation-error {
        color: #FF1800
    }

    .lightBox .rowLB #acceptTermsText {
        font-size: 14px !important
    }

    .lightBox .rowLB:first-child {
        border-top: 0
    }

.lightBox #termsLB {
    color: #9B9B9B
}

    .lightBox #termsLB div, .lightBox #termsLB p {
        font-size: 16px
    }

    .lightBox #termsLB .termsData {
        padding: 90px
    }

    .lightBox #termsLB .termsTxt {
        height: 530px;
        margin: 30px auto 50px;
        overflow-y: scroll
    }

main:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

#mainNewsletter {
    font-family: Montserrat,sans-serif;
    font-size: 21px;
    font-weight: 700;
    margin: 65px auto;
    text-align: center;
    padding: 0 60px;
    width: 100%;
    float: left;
    position: relative
}

    #mainNewsletter .innerDiv {
        border-top: 2px solid #dcdddc;
        padding: 30px
    }

        #mainNewsletter .innerDiv img {
            display: inline
        }

        #mainNewsletter .innerDiv p {
            color: #4A4A4A;
            margin: 20px auto 30px;
            font-size: 21px
        }

.mask {
    background-color: #000;
    display: none;
    height: 100%;
    opacity: .7;
    top: 0;
    width: 100%
}

#mediaPopupWrapper {
    background-color: #FFF;
    border-radius: 6px;
    display: none;
    top: 40px;
    overflow: auto;
    width: 90%
}

    #mediaPopupWrapper .carousel-video-content {
        display: none;
        height: 100%;
        z-index: 12;
        position: absolute;
        width: 100%;
        top: 0
    }

        #mediaPopupWrapper .carousel-video-content iframe {
            overflow: auto;
            width: 1006px;
            height: 566px
        }

.mediaPopup .mediaPopupContent img, nav ul {
    width: 100%
}

.closeMediaPopup {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 18px;
    top: 22px
}

.goToContent {
    color: #434343;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    padding: 20px 0
}

#nav-sm, .mediaPopup {
    display: none
}

.mediaPopup {
    height: 100%;
    padding: 54px 100px 20px;
    position: relative;
    width: 100%
}

    .mediaPopup .mediaPopupContent {
        overflow-y: auto;
        text-align: center
    }

nav {
    background-color: #F5F5F5
}

    nav ul {
        margin: 0 auto;
        padding: 0
    }

        nav ul li {
            display: table;
            float: left;
            height: 70px;
            padding: 0 1%;
            text-align: center;
            width: 14.2%;
            transition: all .5s;
            -webkit-transition: all .5s;
            -ms-transition: all .5s;
            -moz-transition: all .5s
        }

            nav ul li a {
                color: #3B3C40;
                display: table-cell;
                vertical-align: middle;
                transition: all .5s;
                font-size: 12px;
                font-weight: 700;
                text-transform: uppercase;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s
            }

                nav ul li a div {
                    height: 0;
                    margin: 0 auto;
                    opacity: 0;
                    width: 14px;
                    transition: all .5s;
                    -webkit-transition: all .5s;
                    -ms-transition: all .5s;
                    -moz-transition: all .5s
                }

                nav ul li a:focus, nav ul li a:hover {
                    color: #FFF
                }

                    nav ul li a:focus div, nav ul li a:hover div {
                        height: auto;
                        opacity: 1
                    }

    nav:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both
    }

.nav-cat-desarrollo-sostenible.nav-cat-active, .nav-cat-desarrollo-sostenible:focus, .nav-cat-desarrollo-sostenible:hover {
    background-color: #79AF6D;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-cambio-climatico.nav-cat-active, .nav-cat-cambio-climatico:focus, .nav-cat-cambio-climatico:hover {
    background-color: #65AAFF;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-energias-renovables.nav-cat-active, .nav-cat-energias-renovables:hover {
    background-color: #D0A354;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-agua.nav-cat-active, .nav-cat-agua:hover {
    background-color: #00B8C2;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-construccion-y-urbanismo.nav-cat-active, .nav-cat-construccion-y-urbanismo:hover {
    background-color: #DA5E00;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-medio-ambiente.nav-cat-active, .nav-cat-medio-ambiente:hover {
    background-color: #7E9407;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-vida-sostenible.nav-cat-active, .nav-cat-vida-sostenible:hover {
    background-color: #FF2851;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-opinion.nav-cat-active, .nav-cat-opinion:hover {
    background-color: #AF54D5;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.nav-cat-active a {
    color: #fff
}

.redButton, .redButton:visited {
    color: #FFF
}

.nav-cat-active a div {
    height: auto;
    opacity: 1
}

.redButton {
    background-color: #FF1800;
    border: 1px solid transparent;
    font-family: Montserrat,sans-serif;
    font-size: 18px;
    padding: 12px 35px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    text-transform: uppercase
}

.redLink, a.redLink.active, a.redLink.visited, a.redLink:hover {
    color: #FF1800
}

.redButton:hover {
    background-color: #FFF;
    border: 1px solid #FF1800;
    color: #FF1800
}

.redLink {
    font-family: Montserrat,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 0
}

ul {
    list-style: none
}

.userImg {
    border: 3px solid #3B3C40;
    border-radius: 30px;
    cursor: pointer;
    height: 48px;
    margin: 10px;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    width: 48px;
    overflow: visible;
    background-size: cover !important;
    background-position: center
}

    .userImg img {
        height: auto;
        width: 100%
    }

    .userImg .userAlerts, .userImg-sm .userAlerts {
        background-color: #FF0606;
        color: #FFF;
        font-family: Arial;
        font-size: 14px;
        position: absolute;
        text-align: center;
        width: 20px
    }

    .userImg .userAlerts {
        border-radius: 10px;
        bottom: 0;
        height: 20px;
        left: -10px;
        z-index: 999
    }

    .userImg .alertsLinks {
        animation-name: alert-animation;
        animation-duration: 1.25s;
        animation-iteration-count: infinite;
        -webkit-animation-name: alert-animation;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-iteration-count: infinite;
        display: block
    }

#menu-sm, .userImg-sm {
    display: none
}

.userImg .alertsLinks img {
    height: 13px;
    margin: 5px 0 0
}

.userImg .userImg:hover {
    border: 6px solid #3B3C40;
    border-radius: 30px
}

.userImg-sm .userAlerts {
    border-radius: 10px;
    bottom: 30%;
    height: 20px;
    left: -15px;
    z-index: 99
}

.userImg-sm .alertsLinks img {
    height: 13px;
    margin: 3px 0 0 6px
}

.youtubeVideoGrid {
    height: 100%
}

    .youtubeVideoGrid .youtubeVideoItem {
        background-size: cover;
        height: 100%
    }

.loading-image {
    margin: auto;
    width: 80px;
    height: 80px
}

@media (max-width: 1440px) {
    .bricks .row .brick .download {
        padding: 25px 25px 30px 28px
    }

        .bricks .row .brick .download .download-title {
            width: 55%
        }

    .container {
        width: 100%
    }

        .container .comments .comment .commentData {
            width: 75%
        }

            .container .comments .comment .commentData .redButton {
                width: 24%
            }

            .container .comments .comment .commentData .commentLenght, .container .comments .comment .commentData textarea {
                width: 70%
            }

    #footerBottom, #footerBottom .footerBottomWrapper, .container, footer, footer .footerWrapper, header, nav ul {
        width: 100%
    }

    .lightBox {
        width: 60%
    }

    footer .footDiv:nth-child(2) {
        padding: 0 40px !important
    }

    nav ul {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .bricks .row {
        background-color: #F5F5F5;
        margin: 0 auto;
        padding: 0 0 30px;
        text-align: center
    }
        .bricks .row .brick {
            margin: 0
        }

            .bricks .row .brick .download {
                margin: 0;
                padding: 25px 25px 30px
            }

            .bricks .row .brick .poll {
                background: #F5F5F5;
                margin: 0
            }

                .bricks .row .brick .poll p {
                    font-family: Asap;
                    font-size: 18px;
                    font-weight: 300
                }

                .bricks .row .brick .poll .pollBtn-no {
                    background-color: #FFF;
                    border: 2px solid #FF1800;
                    border-radius: 8px;
                    color: #FF1800;
                    float: right;
                    width: 46%
                }

                    .bricks .row .brick .poll .pollBtn-no:before {
                        content: url(/assets/images/no-sm.png);
                        height: 25px;
                        left: 35px;
                        position: absolute;
                        top: 15px;
                        width: 25px
                    }

                .bricks .row .brick .poll .pollBtn-yes {
                    background-color: #FFF;
                    border: 2px solid #C7CF24;
                    border-radius: 8px;
                    color: #C7CF24;
                    float: left;
                    width: 46%
                }

                    .bricks .row .brick .poll .pollBtn-yes:before {
                        content: url(/assets/images/yes-sm.png);
                        height: 25px;
                        left: 35px;
                        position: absolute;
                        top: 15px;
                        width: 26px
                    }

                .bricks .row .brick .poll .pollBtns {
                    width: 70%
                }

                    .bricks .row .brick .poll .pollBtns button {
                        margin: 0 2%
                    }

                .bricks .row .brick .poll .pollResults {
                    margin: 0 auto;
                    max-width: 446px
                }

                    .bricks .row .brick .poll .pollResults .resultNo .progress .progress-bar {
                        color: #FF1800;
                        text-align: right
                    }

                    .bricks .row .brick .poll .pollResults .resultNo .span {
                        right: 0
                    }

                    .bricks .row .brick .poll .pollResults .resultYes .progress .progress-bar {
                        color: #C7CF24;
                        text-align: left
                    }

                    .bricks .row .brick .poll .pollResults .resultYes .span {
                        left: 0
                    }

                    .bricks .row .brick .poll .pollResults .resultNo, .bricks .row .brick .poll .pollResults .resultYes {
                        position: relative;
                        margin: 0;
                        width: 20%
                    }

                        .bricks .row .brick .poll .pollResults .resultNo .progress, .bricks .row .brick .poll .pollResults .resultYes .progress {
                            background: 0 0;
                            box-shadow: none;
                            width: auto
                        }

                            .bricks .row .brick .poll .pollResults .resultNo .progress .progress-bar, .bricks .row .brick .poll .pollResults .resultYes .progress .progress-bar {
                                background-color: transparent;
                                box-shadow: none;
                                padding: 15px 0;
                                width: 100% !important
                            }

                        .bricks .row .brick .poll .pollResults .resultNo .span, .bricks .row .brick .poll .pollResults .resultYes .span {
                            bottom: 10px;
                            position: absolute
                        }

                    .bricks .row .brick .poll .pollResults .resultsTotal {
                        background-position: center;
                        margin: 0;
                        width: 58%
                    }

                .bricks .row .brick .poll .pollTitle, .bricks .row .brick .poll .pollTitle span {
                    color: #464646;
                    font-family: Montserrat,sans-serif;
                    font-size: 16px;
                    font-weight: 700
                }

            .bricks .row .brick .registerBrick {
                margin: 0
            }

                .bricks .row .brick .registerBrick p {
                    font-size: 28px;
                    padding: 20px 0 0
                }

                .bricks .row .brick .registerBrick .content .inner-content .description {
                    font-size: 13px
                }

                .bricks .row .brick .registerBrick .content .inner-content .title {
                    font-size: 24px;
                    padding-top: 20px
                }

        .bricks .row .colImg {
            margin: 0
        }

        .bricks .row div[class^=col-] {
            padding: 0
        }

            .bricks .row div[class^=col-] h4 {
                align-items: center;
                display: flex;
                left: 0;
                margin: 0;
                min-height: 60px;
                padding: 10px 30px 10px 70px;
                right: 0;
                text-align: left
            }

    .carousel .carousel-inner .cat-ico-1 .colImg:before, .carousel .carousel-inner .cat-ico-1:before, .carousel .carousel-inner .cat-ico-2 .colImg:before, .carousel .carousel-inner .cat-ico-2:before, .carousel .carousel-inner .cat-ico-3 .colImg:before, .carousel .carousel-inner .cat-ico-3:before, .carousel .carousel-inner .cat-ico-4 .colImg:before, .carousel .carousel-inner .cat-ico-4:before, .carousel .carousel-inner .cat-ico-5 .colImg:before, .carousel .carousel-inner .cat-ico-5:before, .carousel .carousel-inner .cat-ico-6 .colImg:before, .carousel .carousel-inner .cat-ico-6:before, .carousel .carousel-inner .cat-ico-7 .colImg:before, .carousel .carousel-inner .cat-ico-7:before, .carousel .carousel-inner .cat-ico-8 .colImg:before, .carousel .carousel-inner .cat-ico-8:before {
        display: none
    }

    .bricks .row img {
        width: auto
    }

    .bricks .row .brick.gridVideo {
        margin: 0;
        text-align:left;
    }

    .lightBox .regInfo {
        width: 40%
    }

    .carousel .carousel-inner .cat-ico-1 h4:before, .carousel .carousel-inner .cat-ico-2 h4:before, .carousel .carousel-inner .cat-ico-3 h4:before, .carousel .carousel-inner .cat-ico-4 h4:before, .carousel .carousel-inner .cat-ico-5 h4:before, .carousel .carousel-inner .cat-ico-6 h4:before, .carousel .carousel-inner .cat-ico-7 h4:before, .carousel .carousel-inner .cat-ico-8 h4:before {
        bottom: 34%;
        height: 40px;
        left: 20px;
        position: absolute;
        width: 40px
    }

    .carousel .carousel-caption .h1, .carousel .carousel-caption .h1 span {
        font-size: 30px
    }

    .carousel .carousel-caption .h2 {
        font-size: 18px
    }

    .carousel .carousel-inner .cat-ico-1 h4:before {
        content: url(/assets/images/cat-1-sm.png)
    }

    .carousel .carousel-inner .cat-ico-2 h4:before {
        content: url(/assets/images/cat-2-sm.png)
    }

    .carousel .carousel-inner .cat-ico-3 h4:before {
        content: url(/assets/images/cat-3-sm.png)
    }

    .carousel .carousel-inner .cat-ico-4 h4:before {
        content: url(/assets/images/cat-4-sm.png)
    }

    .carousel .carousel-inner .cat-ico-5 h4:before {
        content: url(/assets/images/cat-5-sm.png)
    }

    .carousel .carousel-inner .cat-ico-6 h4:before {
        content: url(/assets/images/cat-6-sm.png)
    }

    .carousel .carousel-inner .cat-ico-7 h4:before {
        content: url(/assets/images/cat-7-sm.png)
    }

    .carousel .carousel-inner .cat-ico-8 h4:before {
        content: url(/assets/images/cat-8-sm.png)
    }

    .carousel .play-video {
        margin: 0 auto
    }

    .container .customContent, .container .relatedContent {
        background-color: #fff;
        text-transform: uppercase;
        padding: 70px 8% 30px
    }

        .container .customContent .arrow-next, .container .customContent .arrow-prev, .container .relatedContent .arrow-next, .container .relatedContent .arrow-prev {
            top: 52%
        }

        .container .customContent #custom-carousel, .container .relatedContent #custom-carousel {
            padding: 0 30px
        }

            .container .customContent #custom-carousel .carousel-control, .container .relatedContent #custom-carousel .carousel-control {
                opacity: 1;
                width: 5%
            }

                .container .customContent #custom-carousel .carousel-control.left, .container .customContent #custom-carousel .carousel-control.right, .container .relatedContent #custom-carousel .carousel-control.left, .container .relatedContent #custom-carousel .carousel-control.right {
                    background-image: none
                }

            .container .customContent #custom-carousel .carousel-inner, .container .relatedContent #custom-carousel .carousel-inner {
                padding: 0 8% 0 7%
            }

                .container .customContent #custom-carousel .carousel-inner .row, .container .relatedContent #custom-carousel .carousel-inner .row {
                    background-color: transparent;
                    padding: 0
                }

                    .container .customContent #custom-carousel .carousel-inner .row div[class^=col-]:nth-child(even) h4, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-]:nth-child(even) h4 {
                        background-color: #BEBEBE
                    }

                    .container .customContent #custom-carousel .carousel-inner .row div[class^=col-], .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] {
                        height: 430px;
                        padding: 0;
                        position: relative
                    }

                        .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4 {
                            background-color: #9E9E9E;
                            bottom: 0;
                            height: 100px;
                            position: absolute;
                            transition: all 1s
                        }

                            .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4 a, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4 a {
                                color: #FFF
                            }

                            .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover {
                                background-color: #FFF;
                                height: auto
                            }

                                .container .customContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover a, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-] h4:hover a {
                                    color: #9E9E9E
                                }

                        .container .customContent #custom-carousel .carousel-inner .row div[class^=col-]:hover, .container .relatedContent #custom-carousel .carousel-inner .row div[class^=col-]:hover {
                            background-color: #FFF
                        }

        .container .customContent h2, .container .relatedContent h2 {
            margin: 0 20px
        }

    .cookies-wrapper .cookies-ad {
        width: 100%
    }

    footer .footDiv:nth-child(2) {
        padding: 0 40px
    }

        footer .footDiv:nth-child(2) .footer-cat-1, footer .footDiv:nth-child(2) .footer-cat-2, footer .footDiv:nth-child(2) .footer-cat-3, footer .footDiv:nth-child(2) .footer-cat-4, footer .footDiv:nth-child(2) .footer-cat-5, footer .footDiv:nth-child(2) .footer-cat-6, footer .footDiv:nth-child(2) .footer-cat-7, footer .footDiv:nth-child(2) .footer-cat-8 {
            line-height: 20px
        }

    header #headerRow #headerMenu #headSearchActive.active input {
        width: 200px
    }

    .mediaPopup {
        padding: 50px 0
    }

    .closeMediaPopup img {
        height: 27px
    }

    .goToContent {
        padding: 0 20px
    }

    .registerBrickOut {
        margin: 0
    }
}

@media (max-width: 960px) {
    .container .customContent .arrow-next, .container .relatedContent .arrow-next {
        right: 0
    }

    #nav-sm header .userImg, .container .comments .comment .commentImg img {
        max-height: 42px;
        max-width: 42px
    }

    #nav-sm header .logoutText a, #nav-sm header .userInfo, #nav-sm .main .nav-sm-title {
        letter-spacing: .9px;
        text-transform: uppercase
    }

    #rememberModel_Email {
        width: 77%
    }

    article header .h1, article header .h1 span {
        font-size: 21px;
        margin: 40px 20px 30px;
        margin-top: 10px !important
    }

    article header .h2, article header h2 {
        font-size: 16px;
        margin: 0 20px 20px
    }

        article header .h2 span, article header .h2 strong, article header h2 span, article header h2 strong {
            font-size: 16px !important
        }

    article header .views {
        float: left;
        margin-top: 0;
        padding: 0 20px 20px
    }

    article #articleDate {
        margin-left: 20px
    }

    article main {
        padding: 0;
        width: auto
    }

        article main .h1, article main .h1 span {
            font-size: 21px;
            margin: 40px 20px 30px;
            margin-top: 10px !important
        }

        article main .h2, article main h2 {
            font-size: 16px;
            margin: 0 20px 20px
        }

            article main .h2 span, article main .h2 strong, article main h2 span, article main h2 strong {
                font-size: 16px !important
            }

        article main p, article main p em, article main p strong, article main ul li, article main ul li em, article main ul li strong {
            font-size: 20px
        }

            article main p a, article main ul li a {
                display: inline-block;
                font-size: 20px !important
            }

            article main p img, article main ul li img {
                margin: 15px auto;
                width: 100% !important;
                height: auto
            }

    article .rightImage {
        display: block;
        overflow: hidden
    }

    .bricks .row {
        padding: 0
    }

        .bricks .row .brick .download {
            padding: 70px
        }

            .bricks .row .brick .download .download-image img {
                width: 200px
            }

            .bricks .row .brick .download .download-title {
                margin: 5% 0 0;
                width: 48%;
                text-align: left
            }

            .bricks .row .brick .download .download-body {
                clear: none;
                float: left;
                margin-top: 40px;
                width: 50%
            }

            .bricks .row .brick .download .download-button {
                float: left;
                margin-top: 20px
            }

        .bricks .row .brick .poll {
            padding: 0 20px
        }

            .bricks .row .brick .poll p {
                font-size: 13px;
                margin: 0 auto
            }

            .bricks .row .brick .poll .pollBtn-no, .bricks .row .brick .poll .pollBtn-yes {
                width: 46%;
                padding: 10px 0 10px 22%
            }

                .bricks .row .brick .poll .pollBtn-no:before {
                    left: 30%
                }

                .bricks .row .brick .poll .pollBtn-yes:before {
                    left: 30%;
                    top: 10px
                }

            .bricks .row .brick .poll .pollBtns {
                margin: 20px auto
            }

                .bricks .row .brick .poll .pollBtns button {
                    margin: 0 2%
                }

            .bricks .row .brick .poll .pollResults {
                width: auto
            }

                .bricks .row .brick .poll .pollResults .resultNo, .bricks .row .brick .poll .pollResults .resultYes, .bricks .row .brick .poll .pollResults .resultsTotal {
                    margin: 0 1%;
                    width: 31%
                }

                    .bricks .row .brick .poll .pollResults .resultNo span, .bricks .row .brick .poll .pollResults .resultYes span, .bricks .row .brick .poll .pollResults .resultsTotal span {
                        left: 0;
                        width: 100%
                    }

                    .bricks .row .brick .poll .pollResults .resultNo .progress, .bricks .row .brick .poll .pollResults .resultYes .progress, .bricks .row .brick .poll .pollResults .resultsTotal .progress {
                        width: 100%
                    }

                        .bricks .row .brick .poll .pollResults .resultNo .progress .progress-bar, .bricks .row .brick .poll .pollResults .resultYes .progress .progress-bar, .bricks .row .brick .poll .pollResults .resultsTotal .progress .progress-bar {
                            width: 100% !important
                        }

                .bricks .row .brick .poll .pollResults .resultsTotal {
                    background-size: contain;
                    font-size: 12px;
                    background-position: 50% 50%;
                    padding: 56px 40px 0 20px
                }

        .bricks .row .brick .registerBrick p {
            font-size: 24px;
            width: auto
        }

    .carousel .carousel-caption .h1, .carousel .carousel-caption .h1 span {
        font-size: 20px;
        margin: 10px auto
    }

    .carousel .carousel-caption .h2 {
        font-size: 14px;
        margin: 10px auto
    }

    .carousel .carousel-inner .play-video {
        background: url(/assets/images/play-video-sm.png) no-repeat;
        height: 95px;
        margin: 0 auto;
        width: 95px
    }

    .carousel .carousel-inner:hover .play-video {
        background: url(/assets/images/play-video-sm-on.png) no-repeat
    }

    .container {
        padding: 117px 0 0
    }

        .container .comments {
            padding: 25px
        }

            .container .comments .comment {
                min-height: 100px;
                position: relative
            }

                .container .comments .comment .commentData {
                    padding: 10px 0 0;
                    width: 70%
                }

                    .container .comments .comment .commentData .commentName {
                        margin-bottom: 20px
                    }

                    .container .comments .comment .commentData .redButton {
                        padding: 12px 0;
                        float: right;
                        width: 40%
                    }

                    .container .comments .comment .commentData .commentLenght {
                        width: 70%
                    }

                    .container .comments .comment .commentData textarea {
                        bottom: 0;
                        height: 40px;
                        left: 0;
                        position: absolute;
                        width: 70%
                    }

    #nav-sm .main, footer #footerBottom, main {
        position: relative
    }

    .container .comments .comment .commentImg {
        margin: 10px 15px 15px 10px;
        width: 20%
    }

    .container .comments .commentsTitle {
        display: inline-block
    }

        .container .comments .commentsTitle h3 {
            color: #4A4A4A;
            float: left;
            margin-bottom: 30px
        }

            .container .comments .commentsTitle h3 span {
                color: #9E9E9E;
                font-size: 17px;
                margin-left: 40px;
                margin-right: 20px
            }

        .container .comments .commentsTitle .gallerySocial {
            display: none
        }

        .container .comments .commentsTitle .gallerySocial-sm {
            display: block
        }

    .container .comments h3 a {
        display: none
    }

    .container .relatedContent:after, footer .footerWrapper .footDiv:after {
        display: block
    }

    .container header img {
        width: 100%
    }

    .container #mainNewsletter {
        padding: 0 10px
    }

        .container #mainNewsletter .innerDiv {
            padding: 30px 10px
        }

            .container #mainNewsletter .innerDiv p {
                font-size: 16px
            }

            .container #mainNewsletter .innerDiv .redButton {
                font-size: 14px
            }

    .container .relatedContent {
        height: auto;
        padding: 0 8% 30px
    }

        .container .relatedContent:after, footer .footerWrapper .footDiv:after, header #headerRow:after {
            height: 0;
            content: " ";
            clear: both;
            visibility: hidden
        }

        .container .relatedContent .h2 {
            text-align: center
        }

        .container .relatedContent .arrow-prev {
            left: 0
        }

    .container .customContent .arrow-prev {
        left: 0
    }

    footer #footerBottom .footerBottomWrapper {
        padding: 20px 0 10px;
        width: 100%
    }

        footer #footerBottom .footerBottomWrapper .footerCopy, footer #footerBottom .footerBottomWrapper .footerLinks {
            float: none;
            padding: 10px 0;
            text-align: center
        }

    footer .footerWrapper {
        padding: 15px 30px;
        width: 100%
    }

        footer .footerWrapper .footDiv {
            border-right: 0;
            border-top: 1px solid #464646;
            float: none;
            margin: 0 0 25px;
            padding: 25px 0 0;
            text-align: left;
            width: 100%
        }

            footer .footerWrapper .footDiv h1 {
                margin: 0 auto;
                width: 198px
            }

            footer .footerWrapper .footDiv p {
                margin-bottom: 15px
            }

    #headChooseLang, #headRegLog, #headSearch, #nav-sm, #nav-sm .no-login, .userName, header #headerMenu .userImg, nav {
        display: none
    }

    footer .footerWrapper .footDiv:nth-child(1) {
        border-top: 0
    }

        footer .footerWrapper .footDiv:nth-child(1) .footerSocial {
            margin: 0 auto;
            width: 194px
        }

    footer .footerWrapper .footDiv:nth-child(2) {
        margin: 0
    }

        footer .footerWrapper .footDiv:nth-child(2) a {
            font-size: 10px;
            float: left;
            margin: 8px 0
        }

    footer .footerCopy, footer .footerLinks, header #headerRow #headerMenu {
        float: none
    }

    footer .footerWrapper .footDiv:nth-child(2) div {
        padding: 0 12%;
        text-align: left
    }

    footer .footerWrapper .footDiv:nth-child(3) {
        border-left: none
    }

        footer .footerWrapper .footDiv:nth-child(3) img {
            margin: 20px auto
        }

            footer .footerWrapper .footDiv:nth-child(3) img.sustainabilityImg, footer .footerWrapper .footDiv:nth-child(3) img.sustainabilityImg-sm {
                margin-bottom: 40px;
                width: 195px
            }

    footer .footerLinks a {
        font-size: 11px
    }

    header #headerRow {
        background-color: #FFF;
        height: 106px;
        padding: 0;
        position: fixed;
        width: 100%;
        z-index: 100
    }

        header #headerRow #headLogo {
            background: url(/assets/images/logo-sm.png) no-repeat;
            float: right;
            height: 39px;
            margin: 20px 0 10px 13px;
            width: 78px
        }

        header #headerRow .headerTitle {
            float: left;
            margin: 20px 0
        }

        header #headerRow .navHeaderTitle {
            float: left;
            padding: 25px 35px 10px 25px
        }

        header #headerRow:after {
            display: block
        }

    .lightBox {
        top: 0;
        width: 80%
    }

    #menu-sm {
        display: block;
        background: url(/assets/images/menu.png) 50% 50% no-repeat #FFF;
        cursor: pointer;
        float: right;
        height: 36px;
        margin: 40px 35px 0 0;
        width: 39px;
        z-index: 99
    }

        #menu-sm.opened {
            background: url(/assets/images/menu-opened.png) 50% 50% no-repeat #FFF
        }

    #nav-sm {
        background: #f7f7f7;
        height: 580px;
        overflow: auto;
        width: 100%;
        z-index: 98
    }

        #nav-sm header {
            background: #FFF;
            overflow: auto;
            padding: 0 0 20px 12px
        }

            #nav-sm header .userImg {
                overflow: auto
            }

            #nav-sm header .userInfo {
                color: #3B3C40;
                float: left;
                font-family: Montserrat,sans-serif;
                font-size: 12px;
                font-weight: 700;
                margin: 25px
            }

                #nav-sm header .userInfo a {
                    color: #E21420
                }

            #nav-sm header .logoutText {
                margin: 20px 25px 0
            }

                #nav-sm header .logoutText a {
                    color: #FF2851
                }

                    #nav-sm header .logoutText a:hover {
                        text-decoration: underline
                    }

        #nav-sm .main {
            margin: 20px auto;
            width: 216px
        }

            #nav-sm .main .chooseLang-sm {
                float: left;
                margin: 0 10px
            }

                #nav-sm .main .chooseLang-sm a {
                    color: #FF2851;
                    font-weight: 700;
                    margin-right: 15px;
                    text-decoration: none
                }

                    #nav-sm .main .chooseLang-sm a.inactive {
                        opacity: .5
                    }

            #nav-sm .main #headSearchActive-sm.active {
                height: auto;
                opacity: 1
            }

                #nav-sm .main #headSearchActive-sm.active input {
                    width: 169px
                }

            #nav-sm .main #headSearchActive-sm {
                height: 0;
                opacity: 0;
                overflow: hidden;
                position: absolute;
                width: 218px
            }

                #nav-sm .main #headSearchActive-sm input {
                    float: right;
                    transition: all .5s;
                    -webkit-transition: all .5s;
                    -ms-transition: all .5s;
                    -moz-transition: all .5s;
                    width: 0
                }

                #nav-sm .main #headSearchActive-sm .input-group .btn {
                    background-color: #FF1800
                }

                #nav-sm .main #headSearchActive-sm .input-group .form-control {
                    color: #000;
                    height: 38px
                }

                #nav-sm .main #headSearchActive-sm .input-group .form-control, #nav-sm .main #headSearchActive-sm .input-group .input-group-btn {
                    box-shadow: 3px 3px 3px rgba(0,0,0,.11)
                }

            #nav-sm .main .search-sm {
                float: right;
                cursor: pointer
            }

            #nav-sm .main .userNotes .userAlerts, #nav-sm .main .userNotes .userSetup {
                float: left;
                font-family: Montserrat,sans-serif;
                font-size: 12px;
                font-weight: 700
            }

            #nav-sm .main .nav-sm-title {
                color: #3B3C40;
                font-family: Montserrat,sans-serif;
                font-size: 12px;
                font-weight: 700;
                margin: 20px auto 26px
            }

                #nav-sm .main .nav-sm-title:after, #nav-sm .main .userNotes:after {
                    content: " ";
                    visibility: hidden;
                    display: block;
                    height: 0;
                    clear: both
                }

            #nav-sm .main ul {
                padding: 0
            }

                #nav-sm .main ul .cat-desarrollo-sostenible:before {
                    content: url(/assets/images/cat-color-1-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 0
                }

                #nav-sm .main ul .cat-cambio-climatico:before {
                    content: url(/assets/images/cat-color-2-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 0
                }

                #nav-sm .main ul .cat-energias-renovables:before {
                    content: url(/assets/images/cat-color-3-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 5px
                }

                #nav-sm .main ul .cat-agua:before {
                    content: url(/assets/images/cat-color-4-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 5px
                }

                #nav-sm .main ul .cat-construccion-y-urbanismo:before {
                    content: url(/assets/images/cat-color-5-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 2px
                }

                #nav-sm .main ul .cat-medio-ambiente:before {
                    content: url(/assets/images/cat-color-6-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 3px
                }

                #nav-sm .main ul .cat-vida-sostenible:before {
                    content: url(/assets/images/cat-color-7-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 1px
                }

                #nav-sm .main ul .cat-opinion:before {
                    content: url(/assets/images/cat-color-8-sm.svg);
                    height: 22px;
                    width: 22px;
                    position: absolute;
                    top: 0;
                    left: 1px
                }

                #nav-sm .main ul li {
                    margin: 20px 0 30px;
                    padding-left: 30px;
                    position: relative
                }

                    #nav-sm .main ul li a {
                        color: #9B9B9B;
                        font-family: Montserrat,sans-serif;
                        font-size: 12px;
                        font-weight: 700;
                        letter-spacing: .75px
                    }

            #nav-sm .main .userNotes .userAlerts {
                color: #E21420;
                letter-spacing: .9px;
                padding-left: 25px;
                position: relative;
                width: 30%
            }

                #nav-sm .main .userNotes .userAlerts:before {
                    content: url(/assets/images/user-alert.png);
                    height: 15px;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 15px
                }

            #nav-sm .main .userNotes .userSetup {
                color: #9B9B9B;
                letter-spacing: .75px;
                line-height: 30px;
                text-transform: uppercase;
                position: relative;
                padding-left: 34px;
                width: 70%
            }

                #nav-sm .main .userNotes .userSetup:before {
                    content: url(/assets/images/gear.png);
                    height: 23px;
                    left: 0;
                    position: absolute;
                    top: 3px;
                    width: 22px
                }

        #nav-sm .redBand, #nav-sm .registerMobile {
            font-size: 13px;
            text-align: center;
            width: 100%;
            font-weight: 700
        }

        #nav-sm .registerMobile {
            background-color: #FFF;
            color: #9b9b9b;
            padding-bottom: 20px
        }

            #nav-sm .registerMobile .regBtn {
                text-transform: uppercase
            }

            #nav-sm .registerMobile a {
                color: #ff0606
            }

        #nav-sm .redBand {
            background-color: #FF1800;
            color: #DCDCDC;
            padding: 15px 0
        }

            #nav-sm .redBand .logBtn {
                color: #FFF;
                font-size: 12px;
                font-weight: 700
            }

    .userImg-sm {
        display: block;
        position: absolute;
        right: 32px;
        bottom: -23px;
        z-index: 99
    }

        .userImg-sm .uiThumb {
            background-position: center;
            background-size: cover;
            border-radius: 30px;
            border: 3px solid #FF2851;
            height: 45px;
            width: 45px
        }

    .status .userImg-sm {
        visibility: hidden
    }

    .mediaPopup {
        padding: 50px 0
    }

    .closeMediaPopup .closeMediaPopup {
        right: 18px;
        top: 10px
    }

    .goToContent {
        padding: 0 20px
    }
}

#exampleImage:-webkit-full-screen {
    cursor: zoom-out
}

#exampleImage:-moz-full-screen {
    cursor: zoom-out
}

#exampleImage:-ms-fullscreen {
    cursor: zoom-out
}

#exampleImage:fullscreen {
    cursor: zoom-out
}

@media (max-width: 640px) {
    #menu-sm {
        margin: 8px 10px 0 0
    }

    .bricks .row .brick .download {
        padding: 25px
    }

        .bricks .row .brick .download .download-image img {
            width: 80px
        }

        .bricks .row .brick .download .download-title {
            width: 73%
        }

        .bricks .row .brick .download .download-body {
            clear: both;
            margin-top: 20px;
            width: 100%
        }

        .bricks .row .brick .download .download-button {
            width: 100%
        }

    .container.memberArea main {
        position: static
    }

    article {
        font-size: 20px !important
    }

        article ol li, article ol li a, article ol li ol li, article ol li ol li strong, article ol li span, article ol li span strong, article ol li strong, article ol li strong ol li, article ol li strong span, article ol li strong ul li, article ol li ul li, article ol li ul li strong, article p, article p a, article p ol li, article p ol li strong, article p span, article p span strong, article p strong, article p strong ol li, article p strong span, article p strong ul li, article p ul li, article p ul li strong, article ul li, article ul li a, article ul li ol li, article ul li ol li strong, article ul li span, article ul li span strong, article ul li strong, article ul li strong ol li, article ul li strong span, article ul li strong ul li, article ul li ul li, article ul li ul li strong {
            font-family: Asap
        }

    .mediaPopup {
        padding: 10% 0 20px;
        width: 100%
    }

    .closeMediaPopup {
        right: 0;
        top: 10px
    }

        .closeMediaPopup img {
            height: 27px;
            margin-right: 0;
            margin-top: 0
        }

    .goToContent {
        padding: 0 20px;
        font-size: 15px !important
    }

    .container {
        padding: 64px 0 0
    }

        .container .comments .commentsTitle {
            text-align: center
        }

            .container .comments .commentsTitle .socials-before {
                display: block
            }

            .container .comments .commentsTitle .socials-after {
                display: none
            }

            .container .comments .commentsTitle span.socialsText {
                float: none;
                text-align: center;
                width: 100%
            }

            .container .comments .commentsTitle h3 {
                margin-bottom: 10px
            }

                .container .comments .commentsTitle h3 span {
                    float: left;
                    margin: 15px 0
                }

            .container .comments .commentsTitle .gallerySocial-sm {
                width: 100%;
                text-align: center
            }

                .container .comments .commentsTitle .gallerySocial-sm .jssocials {
                    margin-bottom: 20px
                }

        .container .relatedContent {
            padding: 20px 0 30px
        }

        .container .customContent {
            padding: 70px 0 0
        }

    .carousel-caption .h1, .carousel-caption .h1 span {
        font-size: 24px
    }

    .carousel-caption .h2, header #headerRow .navHeaderTitle p {
        font-size: 14px
    }

    footer .footerWrapper .footDiv:nth-child(2) div {
        padding: 0 9% 20px
    }

    header #headerRow {
        height: 64px;
        padding: 0
    }

        header #headerRow .headerLogo, header #headerRow .headerTitle {
            margin: 10px
        }

        header #headerRow #headerMenu #headLogo {
            height: 36px;
            margin: 8px 0;
            width: 72px
        }

        header #headerRow .navHeaderTitle {
            margin: 10px 10px 0;
            padding: 0;
            width: 40%
        }

    .lightBox #LoginForm, .lightBox #LoginForm .rowLB .colLB, .lightBox #RegistrationForm {
        padding: 0 10px
    }

        .lightBox, .lightBox #LoginForm .logBtns, .lightBox #LoginForm .logBtns a.fbLog, .lightBox #LoginForm .logBtns button, .lightBox #LoginForm .rowLB .colLB input, .lightBox #LoginForm .rowLB .colLB select, .lightBox label, header #headerRow .navHeaderTitle img {
            width: 100%
        }

    .lightBox {
        left: 0
    }

        .lightBox #LoginForm div, .lightBox #RegistrationForm div {
            width: 100%;
            margin: 10px 0
        }

        .lightBox #LoginForm .logBtns a {
            margin: 0 !important
        }

        .lightBox #LoginForm .redButton {
            margin-left: 0 !important
        }

        .lightBox .regInfo {
            width: auto
        }

        .lightBox .rowLB {
            border-top: 0;
            padding: 0
        }

            .lightBox .rowLB .colLB {
                padding: 10px;
                width: 100%
            }

                .lightBox .rowLB .colLB input, .lightBox .rowLB .colLB select {
                    min-width: 70px;
                    width: 95%
                }

        .lightBox .redTree {
            clear: both;
            margin: 60px auto;
            float: none
        }

        .lightBox .accessButtonsWrapper, .lightBox .accessButtonsWrapper .regBtns, .lightBox .accessButtonsWrapper .regBtns button {
            width: 100%
        }

            .lightBox .accessButtonsWrapper .fbLog {
                float: none
            }

            .lightBox .accessButtonsWrapper .fbLog, .lightBox .accessButtonsWrapper .fbReg {
                width: 100%;
                margin: 10px 0
            }

                .lightBox .accessButtonsWrapper .fbLog .fbLogBtn, .lightBox .accessButtonsWrapper .fbLog .fbRegBtn, .lightBox .accessButtonsWrapper .fbReg .fbLogBtn, .lightBox .accessButtonsWrapper .fbReg .fbRegBtn {
                    width: 100%;
                    padding-top: 17px
                }
}

@media (max-width: 480px) {
    header #headerRow {
        height: 48px
    }

        header #headerRow #headerMenu #headLogo {
            height: 32px
        }

        header #headerRow .navHeaderTitle {
            margin: 10px 10px 0
        }

        header #headerRow .headerTitle {
            margin: 0;
            padding: 20px;
            width: 70%
        }

            header #headerRow .headerTitle img {
                width: 100%
            }

    article .subscribeBox {
        padding: 10px 10px 10px 100px;
        width: auto
    }

        article .subscribeBox h2 {
            font-size: 24px
        }

        article .subscribeBox:before {
            left: 5px
        }

    .bricks .row div[class^=col-] h4 {
        font-size: 14px;
        padding: 10px 20px 10px 30px
    }

    .bricks .row .brick .download .download-title {
        width: 65%
    }

    .bricks .row .brick .download .download-body {
        text-align: center
    }

    .bricks .row .brick .poll {
        height: 100%
    }

        .bricks .row .brick .poll .pollTitle {
            padding: 38px 0 22px
        }

        .bricks .row .brick .poll .pollBtns button {
            font-size: 22px
        }

        .bricks .row .brick .poll .pollBtns .pollBtn-no:before, .bricks .row .brick .poll .pollBtns .pollBtn-yes:before {
            left: 10px
        }

        .bricks .row .brick .poll .pollResults .resultNo, .bricks .row .brick .poll .pollResults .resultYes {
            padding-top: 18px
        }

        .bricks .row .brick .poll .pollResults .resultsTotal {
            font-size: 8px;
            height: 86px;
            padding: 38px 35px 0 20px
        }

            .bricks .row .brick .poll .pollResults .resultsTotal span {
                font-size: 8px
            }

    .bricks .row .brick .registerBrick .content-padding {
        padding: 25px
    }

    .bricks .row .brick .registerBrick .redButton {
        padding: 5px 35px;
        font-size: 16px
    }

    .bricks .row .brick .registerBrick p {
        font-size: 20px;
        width: auto;
        padding: 0;
        line-height: 25px;
        margin: 20px 0 30px
    }

    .bricks .row .brick .registerBrick .content {
        margin: 6px 30px 30px
    }

        .bricks .row .brick .registerBrick .content .inner-content .title {
            font-size: 20px
        }

    .container {
        padding: 48px 0 0
    }

        .container .comments {
            padding: 25px
        }

            .container .comments .comment .commentData {
                padding-bottom: 10px;
                width: 67%
            }

                .container .comments .comment .commentData .redButton {
                    font-size: 12px;
                    padding: 11px 0 10px;
                    width: 30%
                }

                .container .comments .comment .commentData textarea {
                    bottom: 10px;
                    left: 10px;
                    padding: 5px
                }

            .container .comments .commentTitle div.commentsTitleInt span {
                font-size: 16px;
                margin-left: 19px;
                margin-right: 19px
            }

        .container .customContent {
            padding: 70px 0 0
        }

    .featuredUsers .featuredUser .featuredData {
        width: 65%
    }

        .featuredUsers .featuredUser .featuredData .featuredProgress .progress {
            width: 60%
        }

    footer .footerWrapper .footDiv:nth-child(2) div {
        padding: 0 5% 20px
    }

        footer .footerWrapper .footDiv:nth-child(2) div.footer-categories-left {
            float: left;
            width: 100%;
            padding-bottom: 0;
            padding-top: 20px
        }

        footer .footerWrapper .footDiv:nth-child(2) div.footer-categories-right {
            float: right;
            width: 100%
        }

    footer .footerWrapper .footDiv:nth-child(1) .footerSocial {
        width: auto
    }

    footer .footerWrapper .sustainabilityImg {
        display: none
    }

    footer .footerWrapper .sustainabilityImg-sm {
        display: block;
        padding-bottom: 25px
    }

    footer .footerWrapper .footDiv {
        height: auto
    }

        footer .footerWrapper .footDiv h1 {
            display: none
        }

    .mediaPopup {
        padding: 15% 5% 20px
    }

    #nav-sm {
        height: 426px
    }

        #nav-sm header .userInfo {
            font-size: 10px
        }

        #nav-sm .main ul li a {
            font-size: 12px
        }

    .userImg-sm {
        right: 8px;
        bottom: -52px
    }
}

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 0 auto
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (min-width: 304px) {
    .search-error-message, .search-no-results {
        text-align: center;
        text-transform: uppercase;
        margin: 5% 0;
        word-wrap: break-word;
        padding: 15%
    }

        .search-error-message #search-term, .search-error-message p, .search-no-results #search-term, .search-no-results p {
            font-size: 18px
        }

    .bricks .post-results-section {
        padding-top: 3%;
        padding-bottom: 3%;
        background-color: #FFF
    }

        .bricks .post-results-section .section-heading {
            padding: 2% 3% 0 8%;
            text-transform: uppercase
        }

            .bricks .post-results-section .section-heading h1 {
                font-size: 24px;
                margin-bottom: 10px;
                margin-top: 20px
            }

            .bricks .post-results-section .section-heading .search-term {
                color: #FF2851;
                font-family: Montserrat,sans-serif;
                font-size: 18px
            }

                .bricks .post-results-section .section-heading .search-term:after, .bricks .post-results-section .section-heading .search-term:before {
                    content: "\""
                }

        .bricks .post-results-section .post-results .row {
            background-color: #FFF
        }

        .bricks .post-results-section .post-results .loadMoreBtn {
            margin: 40px;
            text-align: center
        }

            .bricks .post-results-section .post-results .loadMoreBtn button {
                background-color: transparent;
                border: none;
                cursor: pointer;
                font-size: 24px;
                text-transform: uppercase
            }
}

@media (min-width: 641px) {
    .search-error-message, .search-no-results {
        padding: 5%
    }

    .bricks .post-results-section .section-heading {
        padding: 5% 3% 2% 4%
    }

        .bricks .post-results-section .section-heading h1 {
            font-size: 40px
        }
}

@media (min-width: 961px) {
    .search-error-message, .search-no-results {
        padding: 0
    }

    .bricks .post-results-section {
        padding-top: 0;
        max-width: 1440px;
        margin: auto
    }

        .bricks .post-results-section .section-heading h1 {
            font-size: 50px
        }
}

.category article.desarrollo-sostenible, .category article.desarrollo-sostenible a {
    color: #79AF6D
}

    .category article.desarrollo-sostenible .filterCategory, .category article.desarrollo-sostenible a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.desarrollo-sostenible .filterCategory .filterForm, .category article.desarrollo-sostenible a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.desarrollo-sostenible .filterCategory select, .category article.desarrollo-sostenible a .filterCategory select {
            display: none
        }

        .category article.desarrollo-sostenible .filterCategory ul, .category article.desarrollo-sostenible a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.desarrollo-sostenible .filterCategory ul li:before, .category article.desarrollo-sostenible a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.desarrollo-sostenible .filterCategory ul li.active, .category article.desarrollo-sostenible .filterCategory ul li:hover, .category article.desarrollo-sostenible a .filterCategory ul li.active, .category article.desarrollo-sostenible a .filterCategory ul li:hover {
                background-color: #79AF6D;
                color: #FFF
            }

            .category article.desarrollo-sostenible .filterCategory ul li, .category article.desarrollo-sostenible a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.desarrollo-sostenible .filterCategory ul li a, .category article.desarrollo-sostenible a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.desarrollo-sostenible .filterCategory ul li:hover a, .category article.desarrollo-sostenible a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.desarrollo-sostenible .filterCategory ul li.active a, .category article.desarrollo-sostenible a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.desarrollo-sostenible #slider-thumbs, .category article.desarrollo-sostenible a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.desarrollo-sostenible .filterTitle, .category article.desarrollo-sostenible a .filterTitle {
        color: #79AF6D;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.desarrollo-sostenible a header, .category article.desarrollo-sostenible header {
        overflow: hidden
    }

        .category article.desarrollo-sostenible a header .headCatImg, .category article.desarrollo-sostenible header .headCatImg {
            background-size: cover;
            background-position: center;
            height: 523px;
            overflow: hidden
        }

            .category article.desarrollo-sostenible a header .headCatImg img, .category article.desarrollo-sostenible header .headCatImg img {
                top: 0;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100%
            }

    .category article.desarrollo-sostenible .row, .category article.desarrollo-sostenible a .row {
        padding-top: 100px;
        width: 100%;
        max-width: 100% !important
    }

        .category article.desarrollo-sostenible .row .row-int, .category article.desarrollo-sostenible a .row .row-int {
            width: 1440px
        }

            .category article.desarrollo-sostenible .row .row-int h4 a, .category article.desarrollo-sostenible a .row .row-int h4 a {
                color: #434343
            }

            .category article.desarrollo-sostenible .row .row-int .row, .category article.desarrollo-sostenible a .row .row-int .row {
                padding-top: 30px;
                max-width: 1440px !important
            }

            .category article.desarrollo-sostenible .row .row-int .brick img, .category article.desarrollo-sostenible a .row .row-int .brick img {
                width: auto;
                height: 320px
            }

                .category article.desarrollo-sostenible .row .row-int .brick img.profileImageImg, .category article.desarrollo-sostenible a .row .row-int .brick img.profileImageImg {
                    width: auto;
                    height: auto
                }

            .category article.desarrollo-sostenible .row .row-int:after, .category article.desarrollo-sostenible a .row .row-int:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

.category article.cambio-climatico, .category article.cambio-climatico a {
    color: #65AAFF
}

    .category article.cambio-climatico .filterCategory, .category article.cambio-climatico a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.cambio-climatico .filterCategory .filterForm, .category article.cambio-climatico a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.cambio-climatico .filterCategory select, .category article.cambio-climatico a .filterCategory select {
            display: none
        }

        .category article.cambio-climatico .filterCategory ul, .category article.cambio-climatico a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.cambio-climatico .filterCategory ul li:before, .category article.cambio-climatico a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.cambio-climatico .filterCategory ul li.active, .category article.cambio-climatico .filterCategory ul li:hover, .category article.cambio-climatico a .filterCategory ul li.active, .category article.cambio-climatico a .filterCategory ul li:hover {
                background-color: #65AAFF;
                color: #FFF
            }

            .category article.cambio-climatico .filterCategory ul li, .category article.cambio-climatico a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.cambio-climatico .filterCategory ul li a, .category article.cambio-climatico a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.cambio-climatico .filterCategory ul li:hover a, .category article.cambio-climatico a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.cambio-climatico .filterCategory ul li.active a, .category article.cambio-climatico a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.cambio-climatico #slider-thumbs, .category article.cambio-climatico a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.cambio-climatico .filterTitle, .category article.cambio-climatico a .filterTitle {
        color: #65AAFF;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.cambio-climatico a header, .category article.cambio-climatico header {
        overflow: hidden
    }

.category article a header .headCatImg, .category article header .headCatImg {
    display: flex;
    margin-bottom: 50px;
    align-items: center;
    flex-direction: row;
    text-align: center;
    color: #fff;
}

.category article.cambio-climatico a header .headCatImg, .category article.cambio-climatico header .headCatImg {
    background-size: cover;
    background-position: center;
    height: 523px;
    overflow: hidden;
}

    .category article.cambio-climatico a header .headCatImg img, .category article.cambio-climatico header .headCatImg img {
        top: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }

.category article.cambio-climatico .row, .category article.cambio-climatico a .row {
    padding-top: 100px;
    width: 100%;
    max-width: 100% !important
}

    .category article.cambio-climatico .row .row-int, .category article.cambio-climatico a .row .row-int {
        width: 1440px
    }

        .category article.cambio-climatico .row .row-int h4 a, .category article.cambio-climatico a .row .row-int h4 a {
            color: #434343
        }

        .category article.cambio-climatico .row .row-int .row, .category article.cambio-climatico a .row .row-int .row {
            padding-top: 30px;
            max-width: 1440px !important
        }

        .category article.cambio-climatico .row .row-int .brick img, .category article.cambio-climatico a .row .row-int .brick img {
            width: auto;
            height: 320px
        }

            .category article.cambio-climatico .row .row-int .brick img.profileImageImg, .category article.cambio-climatico a .row .row-int .brick img.profileImageImg {
                width: auto;
                height: auto
            }

        .category article.cambio-climatico .row .row-int:after, .category article.cambio-climatico a .row .row-int:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

.category article.energias-renovables, .category article.energias-renovables a {
    color: #D0A354
}

    .category article.energias-renovables .filterCategory, .category article.energias-renovables a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.energias-renovables .filterCategory .filterForm, .category article.energias-renovables a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.energias-renovables .filterCategory select, .category article.energias-renovables a .filterCategory select {
            display: none
        }

        .category article.energias-renovables .filterCategory ul, .category article.energias-renovables a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.energias-renovables .filterCategory ul li:before, .category article.energias-renovables a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.energias-renovables .filterCategory ul li.active, .category article.energias-renovables .filterCategory ul li:hover, .category article.energias-renovables a .filterCategory ul li.active, .category article.energias-renovables a .filterCategory ul li:hover {
                background-color: #D0A354;
                color: #FFF
            }

            .category article.energias-renovables .filterCategory ul li, .category article.energias-renovables a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.energias-renovables .filterCategory ul li a, .category article.energias-renovables a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.energias-renovables .filterCategory ul li:hover a, .category article.energias-renovables a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.energias-renovables .filterCategory ul li.active a, .category article.energias-renovables a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.energias-renovables #slider-thumbs, .category article.energias-renovables a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.energias-renovables .filterTitle, .category article.energias-renovables a .filterTitle {
        color: #D0A354;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.energias-renovables a header, .category article.energias-renovables header {
        overflow: hidden
    }

        .category article.energias-renovables a header .headCatImg, .category article.energias-renovables header .headCatImg {
            background-size: cover;
            background-position: center;
            height: 523px;
            overflow: hidden
        }

            .category article.energias-renovables a header .headCatImg img, .category article.energias-renovables header .headCatImg img {
                top: 0;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100%
            }

    .category article.energias-renovables .row, .category article.energias-renovables a .row {
        padding-top: 100px;
        width: 100%;
        max-width: 100% !important
    }

        .category article.energias-renovables .row .row-int, .category article.energias-renovables a .row .row-int {
            width: 1440px
        }

            .category article.energias-renovables .row .row-int h4 a, .category article.energias-renovables a .row .row-int h4 a {
                color: #434343
            }

            .category article.energias-renovables .row .row-int .row, .category article.energias-renovables a .row .row-int .row {
                padding-top: 30px;
                max-width: 1440px !important
            }

            .category article.energias-renovables .row .row-int .brick img, .category article.energias-renovables a .row .row-int .brick img {
                width: auto;
                height: 320px
            }

                .category article.energias-renovables .row .row-int .brick img.profileImageImg, .category article.energias-renovables a .row .row-int .brick img.profileImageImg {
                    width: auto;
                    height: auto
                }

            .category article.energias-renovables .row .row-int:after, .category article.energias-renovables a .row .row-int:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

.category article.agua, .category article.agua a {
    color: #00B8C2
}

    .category article.agua .filterCategory, .category article.agua a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.agua .filterCategory .filterForm, .category article.agua a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.agua .filterCategory select, .category article.agua a .filterCategory select {
            display: none
        }

        .category article.agua .filterCategory ul, .category article.agua a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.agua .filterCategory ul li:before, .category article.agua a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.agua .filterCategory ul li.active, .category article.agua .filterCategory ul li:hover, .category article.agua a .filterCategory ul li.active, .category article.agua a .filterCategory ul li:hover {
                background-color: #00B8C2;
                color: #FFF
            }

            .category article.agua .filterCategory ul li, .category article.agua a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.agua .filterCategory ul li a, .category article.agua a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.agua .filterCategory ul li:hover a, .category article.agua a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.agua .filterCategory ul li.active a, .category article.agua a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.agua #slider-thumbs, .category article.agua a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.agua .filterTitle, .category article.agua a .filterTitle {
        color: #00B8C2;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.agua a header, .category article.agua header {
        overflow: hidden
    }

        .category article.agua a header .headCatImg, .category article.agua header .headCatImg {
            background-size: cover;
            background-position: center;
            height: 523px;
            overflow: hidden
        }

            .category article.agua a header .headCatImg img, .category article.agua header .headCatImg img {
                top: 0;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100%
            }

    .category article.agua .row, .category article.agua a .row {
        padding-top: 100px;
        width: 100%;
        max-width: 100% !important
    }

        .category article.agua .row .row-int, .category article.agua a .row .row-int {
            width: 1440px
        }

            .category article.agua .row .row-int h4 a, .category article.agua a .row .row-int h4 a {
                color: #434343
            }

            .category article.agua .row .row-int .row, .category article.agua a .row .row-int .row {
                padding-top: 30px;
                max-width: 1440px !important
            }

            .category article.agua .row .row-int .brick img, .category article.agua a .row .row-int .brick img {
                width: auto;
                height: 320px
            }

                .category article.agua .row .row-int .brick img.profileImageImg, .category article.agua a .row .row-int .brick img.profileImageImg {
                    width: auto;
                    height: auto
                }

            .category article.agua .row .row-int:after, .category article.agua a .row .row-int:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

.category article.construccion-y-urbanismo, .category article.construccion-y-urbanismo a {
    color: #DA5E00
}

    .category article.construccion-y-urbanismo .filterCategory, .category article.construccion-y-urbanismo a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.construccion-y-urbanismo .filterCategory .filterForm, .category article.construccion-y-urbanismo a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.construccion-y-urbanismo .filterCategory select, .category article.construccion-y-urbanismo a .filterCategory select {
            display: none
        }

        .category article.construccion-y-urbanismo .filterCategory ul, .category article.construccion-y-urbanismo a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.construccion-y-urbanismo .filterCategory ul li:before, .category article.construccion-y-urbanismo a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.construccion-y-urbanismo .filterCategory ul li.active, .category article.construccion-y-urbanismo .filterCategory ul li:hover, .category article.construccion-y-urbanismo a .filterCategory ul li.active, .category article.construccion-y-urbanismo a .filterCategory ul li:hover {
                background-color: #DA5E00;
                color: #FFF
            }

            .category article.construccion-y-urbanismo .filterCategory ul li, .category article.construccion-y-urbanismo a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.construccion-y-urbanismo .filterCategory ul li a, .category article.construccion-y-urbanismo a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.construccion-y-urbanismo .filterCategory ul li:hover a, .category article.construccion-y-urbanismo a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.construccion-y-urbanismo .filterCategory ul li.active a, .category article.construccion-y-urbanismo a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.construccion-y-urbanismo #slider-thumbs, .category article.construccion-y-urbanismo a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.construccion-y-urbanismo .filterTitle, .category article.construccion-y-urbanismo a .filterTitle {
        color: #DA5E00;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.construccion-y-urbanismo a header, .category article.construccion-y-urbanismo header {
        overflow: hidden
    }

        .category article.construccion-y-urbanismo a header .headCatImg, .category article.construccion-y-urbanismo header .headCatImg {
            background-size: cover;
            background-position: center;
            height: 523px;
            overflow: hidden
        }

            .category article.construccion-y-urbanismo a header .headCatImg img, .category article.construccion-y-urbanismo header .headCatImg img {
                top: 0;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100%
            }

    .category article.construccion-y-urbanismo .row, .category article.construccion-y-urbanismo a .row {
        padding-top: 100px;
        width: 100%;
        max-width: 100% !important
    }

        .category article.construccion-y-urbanismo .row .row-int, .category article.construccion-y-urbanismo a .row .row-int {
            width: 1440px
        }

            .category article.construccion-y-urbanismo .row .row-int h4 a, .category article.construccion-y-urbanismo a .row .row-int h4 a {
                color: #434343
            }

            .category article.construccion-y-urbanismo .row .row-int .row, .category article.construccion-y-urbanismo a .row .row-int .row {
                padding-top: 30px;
                max-width: 1440px !important
            }

            .category article.construccion-y-urbanismo .row .row-int .brick img, .category article.construccion-y-urbanismo a .row .row-int .brick img {
                width: auto;
                height: 320px
            }

                .category article.construccion-y-urbanismo .row .row-int .brick img.profileImageImg, .category article.construccion-y-urbanismo a .row .row-int .brick img.profileImageImg {
                    width: auto;
                    height: auto
                }

            .category article.construccion-y-urbanismo .row .row-int:after, .category article.construccion-y-urbanismo a .row .row-int:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

.category article.medio-ambiente, .category article.medio-ambiente a {
    color: #7E9407
}

    .category article.medio-ambiente .filterCategory, .category article.medio-ambiente a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.medio-ambiente .filterCategory .filterForm, .category article.medio-ambiente a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.medio-ambiente .filterCategory select, .category article.medio-ambiente a .filterCategory select {
            display: none
        }

        .category article.medio-ambiente .filterCategory ul, .category article.medio-ambiente a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.medio-ambiente .filterCategory ul li:before, .category article.medio-ambiente a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.medio-ambiente .filterCategory ul li.active, .category article.medio-ambiente .filterCategory ul li:hover, .category article.medio-ambiente a .filterCategory ul li.active, .category article.medio-ambiente a .filterCategory ul li:hover {
                background-color: #7E9407;
                color: #FFF
            }

            .category article.medio-ambiente .filterCategory ul li, .category article.medio-ambiente a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.medio-ambiente .filterCategory ul li a, .category article.medio-ambiente a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.medio-ambiente .filterCategory ul li:hover a, .category article.medio-ambiente a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.medio-ambiente .filterCategory ul li.active a, .category article.medio-ambiente a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.medio-ambiente #slider-thumbs, .category article.medio-ambiente a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.medio-ambiente .filterTitle, .category article.medio-ambiente a .filterTitle {
        color: #7E9407;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.medio-ambiente a header, .category article.medio-ambiente header {
        overflow: hidden
    }

        .category article.medio-ambiente a header .headCatImg, .category article.medio-ambiente header .headCatImg {
            background-size: cover;
            background-position: center;
            height: 523px;
            overflow: hidden
        }

            .category article.medio-ambiente a header .headCatImg img, .category article.medio-ambiente header .headCatImg img {
                top: 0;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100%
            }

    .category article.medio-ambiente .row, .category article.medio-ambiente a .row {
        padding-top: 100px;
        width: 100%;
        max-width: 100% !important
    }

        .category article.medio-ambiente .row .row-int, .category article.medio-ambiente a .row .row-int {
            width: 1440px
        }

            .category article.medio-ambiente .row .row-int h4 a, .category article.medio-ambiente a .row .row-int h4 a {
                color: #434343
            }

            .category article.medio-ambiente .row .row-int .row, .category article.medio-ambiente a .row .row-int .row {
                padding-top: 30px;
                max-width: 1440px !important
            }

            .category article.medio-ambiente .row .row-int .brick img, .category article.medio-ambiente a .row .row-int .brick img {
                width: auto;
                height: 320px
            }

                .category article.medio-ambiente .row .row-int .brick img.profileImageImg, .category article.medio-ambiente a .row .row-int .brick img.profileImageImg {
                    width: auto;
                    height: auto
                }

            .category article.medio-ambiente .row .row-int:after, .category article.medio-ambiente a .row .row-int:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

.category article.vida-sostenible, .category article.vida-sostenible a {
    color: #FF2851
}

    .category article.vida-sostenible .filterCategory, .category article.vida-sostenible a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.vida-sostenible .filterCategory .filterForm, .category article.vida-sostenible a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.vida-sostenible .filterCategory select, .category article.vida-sostenible a .filterCategory select {
            display: none
        }

        .category article.vida-sostenible .filterCategory ul, .category article.vida-sostenible a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.vida-sostenible .filterCategory ul li:before, .category article.vida-sostenible a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.vida-sostenible .filterCategory ul li.active, .category article.vida-sostenible .filterCategory ul li:hover, .category article.vida-sostenible a .filterCategory ul li.active, .category article.vida-sostenible a .filterCategory ul li:hover {
                background-color: #FF2851;
                color: #FFF
            }

            .category article.vida-sostenible .filterCategory ul li, .category article.vida-sostenible a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.vida-sostenible .filterCategory ul li a, .category article.vida-sostenible a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.vida-sostenible .filterCategory ul li:hover a, .category article.vida-sostenible a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.vida-sostenible .filterCategory ul li.active a, .category article.vida-sostenible a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.vida-sostenible #slider-thumbs, .category article.vida-sostenible a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.vida-sostenible .filterTitle, .category article.vida-sostenible a .filterTitle {
        color: #FF2851;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.vida-sostenible a header, .category article.vida-sostenible header {
        overflow: hidden
    }

        .category article.vida-sostenible a header .headCatImg, .category article.vida-sostenible header .headCatImg {
            background-size: cover;
            background-position: center;
            height: 523px;
            overflow: hidden
        }

            .category article.vida-sostenible a header .headCatImg img, .category article.vida-sostenible header .headCatImg img {
                top: 0;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100%
            }

    .category article.vida-sostenible .row, .category article.vida-sostenible a .row {
        padding-top: 100px;
        width: 100%;
        max-width: 100% !important
    }

        .category article.vida-sostenible .row .row-int, .category article.vida-sostenible a .row .row-int {
            width: 1440px
        }

            .category article.vida-sostenible .row .row-int h4 a, .category article.vida-sostenible a .row .row-int h4 a {
                color: #434343
            }

            .category article.vida-sostenible .row .row-int .row, .category article.vida-sostenible a .row .row-int .row {
                padding-top: 30px;
                max-width: 1440px !important
            }

            .category article.vida-sostenible .row .row-int .brick img, .category article.vida-sostenible a .row .row-int .brick img {
                width: auto;
                height: 320px
            }

                .category article.vida-sostenible .row .row-int .brick img.profileImageImg, .category article.vida-sostenible a .row .row-int .brick img.profileImageImg {
                    width: auto;
                    height: auto
                }

            .category article.vida-sostenible .row .row-int:after, .category article.vida-sostenible a .row .row-int:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

.category article.opinion, .category article.opinion a {
    color: #AF54D5
}

    .category article.opinion .filterCategory, .category article.opinion a .filterCategory {
        background-color: #FFF;
        border-bottom: 1px solid #9B9B9B;
        border-top: 1px solid #9B9B9B;
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 52px
    }

        .category article.opinion .filterCategory .filterForm, .category article.opinion a .filterCategory .filterForm {
            display: inline-block;
            width: 80%
        }

        .category article.opinion .filterCategory select, .category article.opinion a .filterCategory select {
            display: none
        }

        .category article.opinion .filterCategory ul, .category article.opinion a .filterCategory ul {
            margin: 0;
            padding: 0
        }

            .category article.opinion .filterCategory ul li:before, .category article.opinion a .filterCategory ul li:before {
                background-color: #9B9B9B;
                bottom: 10px;
                content: '';
                left: 0;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .category article.opinion .filterCategory ul li.active, .category article.opinion .filterCategory ul li:hover, .category article.opinion a .filterCategory ul li.active, .category article.opinion a .filterCategory ul li:hover {
                background-color: #AF54D5;
                color: #FFF
            }

            .category article.opinion .filterCategory ul li, .category article.opinion a .filterCategory ul li {
                cursor: pointer;
                float: left;
                line-height: 50px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                transition: all .5s;
                width: 25%;
                -webkit-transition: all .5s;
                -ms-transition: all .5s;
                -moz-transition: all .5s;
                color: #9E9E9E;
                font-size: 19px
            }

                .category article.opinion .filterCategory ul li a, .category article.opinion a .filterCategory ul li a {
                    color: #9E9E9E;
                    font-size: 19px
                }

                .category article.opinion .filterCategory ul li:hover a, .category article.opinion a .filterCategory ul li:hover a {
                    color: #FFF
                }

                .category article.opinion .filterCategory ul li.active a, .category article.opinion a .filterCategory ul li.active a {
                    color: #fff
                }

    .category article.opinion #slider-thumbs, .category article.opinion a #slider-thumbs {
        width: 1440px;
        margin: auto
    }

    .category article.opinion .filterTitle, .category article.opinion a .filterTitle {
        color: #AF54D5;
        float: left;
        font-size: 19px;
        margin: 11px 0 0 35px;
        text-transform: uppercase;
        width: calc(20% - 35px)
    }

    .category article.opinion a header, .category article.opinion header {
        overflow: hidden
    }

        .category article.opinion a header .headCatImg, .category article.opinion header .headCatImg {
            background-size: cover;
            background-position: center;
            height: 523px;
            overflow: hidden
        }

            .category article.opinion a header .headCatImg img, .category article.opinion header .headCatImg img {
                top: 0;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100%
            }

    .category article.opinion .row, .category article.opinion a .row {
        padding-top: 100px;
        width: 100%;
        max-width: 100% !important
    }

        .category article.opinion .row .row-int, .category article.opinion a .row .row-int {
            width: 1440px
        }

            .category article.opinion .row .row-int h4 a, .category article.opinion a .row .row-int h4 a {
                color: #434343
            }

            .category article.opinion .row .row-int .row, .category article.opinion a .row .row-int .row {
                padding-top: 30px;
                max-width: 1440px !important
            }

            .category article.opinion .row .row-int .brick img, .category article.opinion a .row .row-int .brick img {
                width: auto;
                height: 320px
            }

                .category article.opinion .row .row-int .brick img.profileImageImg, .category article.opinion a .row .row-int .brick img.profileImageImg {
                    width: auto;
                    height: auto
                }

            .category article.opinion .row .row-int:after, .category article.opinion a .row .row-int:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

.category article {
    padding: 0;
    position: relative
}

    .category article h1 span {
        font-size: 40px
    }

    .category article #fullDescription p, .category article .descCategory p {
        color: #3B3C40;
        font-family: Montserrat,sans-serif;
        font-size: 20px;
        font-style: normal
    }

    .category article #fullDescription {
        margin-bottom: 60px
    }

    .category article .descCategory, .category article .headCategory {
        padding: 0 35px
    }

    .category article .hideButton, .category article .loadMoreBtn, .category article .readMoreBtn {
        margin: 40px;
        width: 160px
    }

        .category article .hideButton button, .category article .loadMoreBtn button, .category article .readMoreBtn button {
            background-color: transparent;
            border: none;
            font-size: 24px;
            text-transform: uppercase
        }

    .category article .hideButton, .category article .readMoreBtn {
        margin: 40px auto 20px
    }

    .category article .loadMoreBtn {
        clear: both;
        width: auto
    }

    .category article .row-int .rowDisabled {
        display: none
    }

.featuredUsers {
    color: #2A2A2A;
    padding: 0 15px
}

    .featuredUsers .featuredData {
        float: left;
        width: 65%
    }

        .featuredUsers .featuredData .featuredName {
            font-size: 16px;
            padding-top: 20px
        }

        .featuredUsers .featuredData .featuredPoints {
            float: left;
            font-size: 14px
        }

            .featuredUsers .featuredData .featuredPoints span {
                font-size: 11px
            }

        .featuredUsers .featuredData .featuredProgress {
            float: left;
            width: 100%
        }

            .featuredUsers .featuredData .featuredProgress .progress {
                background-color: #F5F5F5;
                float: left;
                height: 5px;
                margin: 8px 5% 20px 0;
                width: 59%
            }

            .featuredUsers .featuredData .featuredProgress .progress-bar {
                background-color: #E21420
            }

    .featuredUsers .featuredImg {
        float: left;
        margin: 20px 25px
    }

        .featuredUsers .featuredImg img.profileImageImg {
            box-shadow: 0 3px 13px rgba(0,0,0,.29);
            max-height: 42px !important;
            max-width: 42px !important
        }

    .featuredUsers .featuredTitle {
        background-color: #434343;
        color: #FFF;
        font-size: 16px;
        height: 104px;
        padding-top: 55px;
        text-align: center;
        text-transform: uppercase
    }

        .featuredUsers .featuredTitle:before {
            content: url(/assets/images/crown.png);
            height: 29px;
            left: 45%;
            position: absolute;
            top: 20px;
            width: 33px;
            z-index: 2
        }

    .featuredUsers .featuredUser {
        box-shadow: 0 0 23px rgba(38,74,96,.15)
    }

        .featuredUsers .featuredUser:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .featuredUsers .featuredUsersList {
        background-color: #FFF;
        height: 356px;
        overflow-y: scroll
    }

    .featuredUsers .videoTag, .featuredUsers .videoTag-agua, .featuredUsers .videoTag-cambio-climatico, .featuredUsers .videoTag-desarrollo-sostenible, .featuredUsers .videoTag-energias-renovables, .featuredUsers .videoTag-construccion-y-urbanismo, .featuredUsers .videoTag-medio-ambiente, .featuredUsers .videoTag-opinion, .featuredUsers .videoTag-vida-sostenible {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #9E9E9E;
        width: 200px;
        padding: 16px;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        text-align: center
    }

    .featuredUsers .videoTag-desarrollo-sostenible {
        border: 5px solid #79AF6D
    }

    .featuredUsers .videoTag-cambio-climatico {
        border: 5px solid #65AAFF
    }

    .featuredUsers .videoTag-energias-renovables {
        border: 5px solid #D0A354
    }

    .featuredUsers .videoTag-agua {
        border: 5px solid #00B8C2
    }

    .featuredUsers .videoTag-construccion-y-urbanismo {
        border: 5px solid #DA5E00
    }

    .featuredUsers .videoTag-medio-ambiente {
        border: 5px solid #7E9407
    }

    .featuredUsers .videoTag-vida-sostenible {
        border: 5px solid #FF2851
    }

    .featuredUsers .videoTag-opinion {
        border: 5px solid #AF54D5
    }

.show-more-category {
    text-align: center
}

    .show-more-category button {
        border: none;
        background-color: transparent;
        margin-top: 50px
    }

@media (max-width: 1440px) {
    .category article header .headCatImg {
        height: 423px !important
    }

    .category article .row .row-int {
        width: 100% !important
    }
}

@media (max-width: 1199px) {
    article .descCategory, article .headCategory {
        padding: 0 30px
    }

    .category article.desarrollo-sostenible .filterCategory, .category article.desarrollo-sostenible a .filterCategory {
        background-color: #FFF;
        height: 110px;
        border: 0;
        position: relative;
        top: 0
    }

        .category article.desarrollo-sostenible .filterCategory .filterTitle, .category article.desarrollo-sostenible a .filterCategory .filterTitle {
            color: #2A2A2A;
            width: auto
        }

        .category article.desarrollo-sostenible .filterCategory .filterForm, .category article.desarrollo-sostenible a .filterCategory .filterForm {
            clear: both;
            margin: 0;
            width: 100%
        }

        .category article.desarrollo-sostenible .filterCategory select, .category article.desarrollo-sostenible a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px;
            border: 0;
            display: block;
            padding: 5px 10px;
            text-transform: uppercase
        }

        .category article.desarrollo-sostenible .filterCategory ul, .category article.desarrollo-sostenible a .filterCategory ul {
            display: none
        }

    .category article.desarrollo-sostenible a header .headCatImg img, .category article.desarrollo-sostenible header .headCatImg img {
        height: 100%
    }

    .category article.cambio-climatico .filterCategory, .category article.cambio-climatico a .filterCategory {
        background-color: #FFF;
        height: 110px;
        border: 0;
        position: relative;
        top: 0
    }

        .category article.cambio-climatico .filterCategory .filterTitle, .category article.cambio-climatico a .filterCategory .filterTitle {
            color: #2A2A2A;
            width: auto
        }

        .category article.cambio-climatico .filterCategory .filterForm, .category article.cambio-climatico a .filterCategory .filterForm {
            clear: both;
            margin: 0;
            width: 100%
        }

        .category article.cambio-climatico .filterCategory select, .category article.cambio-climatico a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px;
            border: 0;
            display: block;
            padding: 5px 10px;
            text-transform: uppercase
        }

        .category article.cambio-climatico .filterCategory ul, .category article.cambio-climatico a .filterCategory ul {
            display: none
        }

    .category article.cambio-climatico a header .headCatImg img, .category article.cambio-climatico header .headCatImg img {
        height: 100%
    }

    .category article.energias-renovables .filterCategory, .category article.energias-renovables a .filterCategory {
        background-color: #FFF;
        height: 110px;
        border: 0;
        position: relative;
        top: 0
    }

        .category article.energias-renovables .filterCategory .filterTitle, .category article.energias-renovables a .filterCategory .filterTitle {
            color: #2A2A2A;
            width: auto
        }

        .category article.energias-renovables .filterCategory .filterForm, .category article.energias-renovables a .filterCategory .filterForm {
            clear: both;
            margin: 0;
            width: 100%
        }

        .category article.energias-renovables .filterCategory select, .category article.energias-renovables a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px;
            border: 0;
            display: block;
            padding: 5px 10px;
            text-transform: uppercase
        }

        .category article.energias-renovables .filterCategory ul, .category article.energias-renovables a .filterCategory ul {
            display: none
        }

    .category article.energias-renovables a header .headCatImg img, .category article.energias-renovables header .headCatImg img {
        height: 100%
    }

    .category article.agua .filterCategory, .category article.agua a .filterCategory {
        background-color: #FFF;
        height: 110px;
        border: 0;
        position: relative;
        top: 0
    }

        .category article.agua .filterCategory .filterTitle, .category article.agua a .filterCategory .filterTitle {
            color: #2A2A2A;
            width: auto
        }

        .category article.agua .filterCategory .filterForm, .category article.agua a .filterCategory .filterForm {
            clear: both;
            margin: 0;
            width: 100%
        }

        .category article.agua .filterCategory select, .category article.agua a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px;
            border: 0;
            display: block;
            padding: 5px 10px;
            text-transform: uppercase
        }

        .category article.agua .filterCategory ul, .category article.agua a .filterCategory ul {
            display: none
        }

    .category article.agua a header .headCatImg img, .category article.agua header .headCatImg img {
        height: 100%
    }

    .category article.construccion-y-urbanismo .filterCategory, .category article.construccion-y-urbanismo a .filterCategory {
        background-color: #FFF;
        height: 110px;
        border: 0;
        position: relative;
        top: 0
    }

        .category article.construccion-y-urbanismo .filterCategory .filterTitle, .category article.construccion-y-urbanismo a .filterCategory .filterTitle {
            color: #2A2A2A;
            width: auto
        }

        .category article.construccion-y-urbanismo .filterCategory .filterForm, .category article.construccion-y-urbanismo a .filterCategory .filterForm {
            clear: both;
            margin: 0;
            width: 100%
        }

        .category article.construccion-y-urbanismo .filterCategory select, .category article.construccion-y-urbanismo a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px;
            border: 0;
            display: block;
            padding: 5px 10px;
            text-transform: uppercase
        }

        .category article.construccion-y-urbanismo .filterCategory ul, .category article.construccion-y-urbanismo a .filterCategory ul {
            display: none
        }

    .category article.construccion-y-urbanismo a header .headCatImg img, .category article.construccion-y-urbanismo header .headCatImg img {
        height: 100%
    }

    .category article.medio-ambiente .filterCategory, .category article.medio-ambiente a .filterCategory {
        background-color: #FFF;
        height: 110px;
        border: 0;
        position: relative;
        top: 0
    }

        .category article.medio-ambiente .filterCategory .filterTitle, .category article.medio-ambiente a .filterCategory .filterTitle {
            color: #2A2A2A;
            width: auto
        }

        .category article.medio-ambiente .filterCategory .filterForm, .category article.medio-ambiente a .filterCategory .filterForm {
            clear: both;
            margin: 0;
            width: 100%
        }

        .category article.medio-ambiente .filterCategory select, .category article.medio-ambiente a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px;
            border: 0;
            display: block;
            padding: 5px 10px;
            text-transform: uppercase
        }

        .category article.medio-ambiente .filterCategory ul, .category article.medio-ambiente a .filterCategory ul {
            display: none
        }

    .category article.medio-ambiente a header .headCatImg img, .category article.medio-ambiente header .headCatImg img {
        height: 100%
    }

    .category article.vida-sostenible .filterCategory, .category article.vida-sostenible a .filterCategory {
        background-color: #FFF;
        height: 110px;
        border: 0;
        position: relative;
        top: 0
    }

        .category article.vida-sostenible .filterCategory .filterTitle, .category article.vida-sostenible a .filterCategory .filterTitle {
            color: #2A2A2A;
            width: auto
        }

        .category article.vida-sostenible .filterCategory .filterForm, .category article.vida-sostenible a .filterCategory .filterForm {
            clear: both;
            margin: 0;
            width: 100%
        }

        .category article.vida-sostenible .filterCategory select, .category article.vida-sostenible a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px;
            border: 0;
            display: block;
            padding: 5px 10px;
            text-transform: uppercase
        }

        .category article.vida-sostenible .filterCategory ul, .category article.vida-sostenible a .filterCategory ul {
            display: none
        }

    .category article.vida-sostenible a header .headCatImg img, .category article.vida-sostenible header .headCatImg img {
        height: 100%
    }

    .featuredUsers {
        padding: 0
    }

        .featuredUsers .featuredData .featuredName {
            text-align: left
        }

        .featuredUsers .featuredData .featuredProgress .progress {
            width: 61%
        }
}

@media (max-width: 960px) {
    .category article.desarrollo-sostenible .descCategory, .category article.desarrollo-sostenible a .descCategory {
        background-color: #79AF6D;
        padding: 30px
    }

        .category article.desarrollo-sostenible .descCategory #fullDescription p, .category article.desarrollo-sostenible .descCategory button, .category article.desarrollo-sostenible .descCategory p, .category article.desarrollo-sostenible a .descCategory #fullDescription p, .category article.desarrollo-sostenible a .descCategory button, .category article.desarrollo-sostenible a .descCategory p {
            color: #FFF
        }

    .category article.desarrollo-sostenible .filterCategory, .category article.desarrollo-sostenible a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.desarrollo-sostenible .filterCategory .filterForm, .category article.desarrollo-sostenible a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.desarrollo-sostenible .filterCategory select, .category article.desarrollo-sostenible a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.desarrollo-sostenible .filterTitle, .category article.desarrollo-sostenible a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.desarrollo-sostenible .filterTitle:after, .category article.desarrollo-sostenible a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.desarrollo-sostenible a h1, .category article.desarrollo-sostenible h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.desarrollo-sostenible a h1 span, .category article.desarrollo-sostenible h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.desarrollo-sostenible a h1 #headCategoryLogo, .category article.desarrollo-sostenible h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-sustainable-development, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-cambio-climatico, .category article.desarrollo-sostenible a h1 #headCategoryLogo.climatic-change, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-cambio-climatico, .category article.desarrollo-sostenible h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-energias-renovables, .category article.desarrollo-sostenible a h1 #headCategoryLogo.renovable-energies, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-energias-renovables, .category article.desarrollo-sostenible h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-agua, .category article.desarrollo-sostenible a h1 #headCategoryLogo.water, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-agua, .category article.desarrollo-sostenible h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.desarrollo-sostenible a h1 #headCategoryLogo.innovation, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.desarrollo-sostenible h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-medio-ambiente, .category article.desarrollo-sostenible a h1 #headCategoryLogo.environment, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-medio-ambiente, .category article.desarrollo-sostenible h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-vida-sostenible, .category article.desarrollo-sostenible a h1 #headCategoryLogo.sustainable-life, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-vida-sostenible, .category article.desarrollo-sostenible h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.desarrollo-sostenible a h1 #headCategoryLogo.cat-opinion, .category article.desarrollo-sostenible h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.desarrollo-sostenible .headCatImg img, .category article.desarrollo-sostenible a .headCatImg img {
        width: 100%
    }

    .category article.desarrollo-sostenible a header, .category article.desarrollo-sostenible header {
        position: relative
    }

        .category article.desarrollo-sostenible a header .descCategory .readMoreBtn button, .category article.desarrollo-sostenible header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.desarrollo-sostenible a header .descCategory p, .category article.desarrollo-sostenible header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.desarrollo-sostenible a header .readMoreBtn, .category article.desarrollo-sostenible header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.desarrollo-sostenible .row, .category article.desarrollo-sostenible a .row {
        padding-top: 0
    }

    .category article.cambio-climatico .descCategory, .category article.cambio-climatico a .descCategory {
        background-color: #65AAFF;
        padding: 30px
    }

        .category article.cambio-climatico .descCategory #fullDescription p, .category article.cambio-climatico .descCategory button, .category article.cambio-climatico .descCategory p, .category article.cambio-climatico a .descCategory #fullDescription p, .category article.cambio-climatico a .descCategory button, .category article.cambio-climatico a .descCategory p {
            color: #FFF
        }

    .category article.cambio-climatico .filterCategory, .category article.cambio-climatico a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.cambio-climatico .filterCategory .filterForm, .category article.cambio-climatico a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.cambio-climatico .filterCategory select, .category article.cambio-climatico a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.cambio-climatico .filterTitle, .category article.cambio-climatico a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.cambio-climatico .filterTitle:after, .category article.cambio-climatico a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.cambio-climatico a h1, .category article.cambio-climatico h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.cambio-climatico a h1 span, .category article.cambio-climatico h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.cambio-climatico a h1 #headCategoryLogo, .category article.cambio-climatico h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.cambio-climatico a h1 #headCategoryLogo.cat-sustainable-development, .category article.cambio-climatico h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.cambio-climatico h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-cambio-climatico, .category article.cambio-climatico a h1 #headCategoryLogo.climatic-change, .category article.cambio-climatico h1 #headCategoryLogo.cat-cambio-climatico, .category article.cambio-climatico h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-energias-renovables, .category article.cambio-climatico a h1 #headCategoryLogo.renovable-energies, .category article.cambio-climatico h1 #headCategoryLogo.cat-energias-renovables, .category article.cambio-climatico h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-agua, .category article.cambio-climatico a h1 #headCategoryLogo.water, .category article.cambio-climatico h1 #headCategoryLogo.cat-agua, .category article.cambio-climatico h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.cambio-climatico a h1 #headCategoryLogo.innovation, .category article.cambio-climatico h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.cambio-climatico h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-medio-ambiente, .category article.cambio-climatico a h1 #headCategoryLogo.environment, .category article.cambio-climatico h1 #headCategoryLogo.cat-medio-ambiente, .category article.cambio-climatico h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-vida-sostenible, .category article.cambio-climatico a h1 #headCategoryLogo.sustainable-life, .category article.cambio-climatico h1 #headCategoryLogo.cat-vida-sostenible, .category article.cambio-climatico h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.cambio-climatico a h1 #headCategoryLogo.cat-opinion, .category article.cambio-climatico h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.cambio-climatico .headCatImg img, .category article.cambio-climatico a .headCatImg img {
        width: 100%
    }

    .category article.cambio-climatico a header, .category article.cambio-climatico header {
        position: relative
    }

        .category article.cambio-climatico a header .descCategory .readMoreBtn button, .category article.cambio-climatico header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.cambio-climatico a header .descCategory p, .category article.cambio-climatico header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.cambio-climatico a header .readMoreBtn, .category article.cambio-climatico header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.cambio-climatico .row, .category article.cambio-climatico a .row {
        padding-top: 0
    }

    .category article.energias-renovables .descCategory, .category article.energias-renovables a .descCategory {
        background-color: #D0A354;
        padding: 30px
    }

        .category article.energias-renovables .descCategory #fullDescription p, .category article.energias-renovables .descCategory button, .category article.energias-renovables .descCategory p, .category article.energias-renovables a .descCategory #fullDescription p, .category article.energias-renovables a .descCategory button, .category article.energias-renovables a .descCategory p {
            color: #FFF
        }

    .category article.energias-renovables .filterCategory, .category article.energias-renovables a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.energias-renovables .filterCategory .filterForm, .category article.energias-renovables a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.energias-renovables .filterCategory select, .category article.energias-renovables a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.energias-renovables .filterTitle, .category article.energias-renovables a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.energias-renovables .filterTitle:after, .category article.energias-renovables a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.energias-renovables a h1, .category article.energias-renovables h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.energias-renovables a h1 span, .category article.energias-renovables h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.energias-renovables a h1 #headCategoryLogo, .category article.energias-renovables h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.energias-renovables a h1 #headCategoryLogo.cat-sustainable-development, .category article.energias-renovables h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.energias-renovables h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-cambio-climatico, .category article.energias-renovables a h1 #headCategoryLogo.climatic-change, .category article.energias-renovables h1 #headCategoryLogo.cat-cambio-climatico, .category article.energias-renovables h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-energias-renovables, .category article.energias-renovables a h1 #headCategoryLogo.renovable-energies, .category article.energias-renovables h1 #headCategoryLogo.cat-energias-renovables, .category article.energias-renovables h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-agua, .category article.energias-renovables a h1 #headCategoryLogo.water, .category article.energias-renovables h1 #headCategoryLogo.cat-agua, .category article.energias-renovables h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.energias-renovables a h1 #headCategoryLogo.innovation, .category article.energias-renovables h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.energias-renovables h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-medio-ambiente, .category article.energias-renovables a h1 #headCategoryLogo.environment, .category article.energias-renovables h1 #headCategoryLogo.cat-medio-ambiente, .category article.energias-renovables h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-vida-sostenible, .category article.energias-renovables a h1 #headCategoryLogo.sustainable-life, .category article.energias-renovables h1 #headCategoryLogo.cat-vida-sostenible, .category article.energias-renovables h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.energias-renovables a h1 #headCategoryLogo.cat-opinion, .category article.energias-renovables h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.energias-renovables .headCatImg img, .category article.energias-renovables a .headCatImg img {
        width: 100%
    }

    .category article.energias-renovables a header, .category article.energias-renovables header {
        position: relative
    }

        .category article.energias-renovables a header .descCategory .readMoreBtn button, .category article.energias-renovables header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.energias-renovables a header .descCategory p, .category article.energias-renovables header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.energias-renovables a header .readMoreBtn, .category article.energias-renovables header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.energias-renovables .row, .category article.energias-renovables a .row {
        padding-top: 0
    }

    .category article.agua .descCategory, .category article.agua a .descCategory {
        background-color: #00B8C2;
        padding: 30px
    }

        .category article.agua .descCategory #fullDescription p, .category article.agua .descCategory button, .category article.agua .descCategory p, .category article.agua a .descCategory #fullDescription p, .category article.agua a .descCategory button, .category article.agua a .descCategory p {
            color: #FFF
        }

    .category article.agua .filterCategory, .category article.agua a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.agua .filterCategory .filterForm, .category article.agua a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.agua .filterCategory select, .category article.agua a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.agua .filterTitle, .category article.agua a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.agua .filterTitle:after, .category article.agua a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.agua a h1, .category article.agua h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.agua a h1 span, .category article.agua h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.agua a h1 #headCategoryLogo, .category article.agua h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.agua a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.agua a h1 #headCategoryLogo.cat-sustainable-development, .category article.agua h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.agua h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.agua a h1 #headCategoryLogo.cat-cambio-climatico, .category article.agua a h1 #headCategoryLogo.climatic-change, .category article.agua h1 #headCategoryLogo.cat-cambio-climatico, .category article.agua h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.agua a h1 #headCategoryLogo.cat-energias-renovables, .category article.agua a h1 #headCategoryLogo.renovable-energies, .category article.agua h1 #headCategoryLogo.cat-energias-renovables, .category article.agua h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.agua a h1 #headCategoryLogo.cat-agua, .category article.agua a h1 #headCategoryLogo.water, .category article.agua h1 #headCategoryLogo.cat-agua, .category article.agua h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.agua a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.agua a h1 #headCategoryLogo.innovation, .category article.agua h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.agua h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.agua a h1 #headCategoryLogo.cat-medio-ambiente, .category article.agua a h1 #headCategoryLogo.environment, .category article.agua h1 #headCategoryLogo.cat-medio-ambiente, .category article.agua h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.agua a h1 #headCategoryLogo.cat-vida-sostenible, .category article.agua a h1 #headCategoryLogo.sustainable-life, .category article.agua h1 #headCategoryLogo.cat-vida-sostenible, .category article.agua h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.agua a h1 #headCategoryLogo.cat-opinion, .category article.agua h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.agua .headCatImg img, .category article.agua a .headCatImg img {
        width: 100%
    }

    .category article.agua a header, .category article.agua header {
        position: relative
    }

        .category article.agua a header .descCategory .readMoreBtn button, .category article.agua header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.agua a header .descCategory p, .category article.agua header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.agua a header .readMoreBtn, .category article.agua header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.agua .row, .category article.agua a .row {
        padding-top: 0
    }

    .category article.construccion-y-urbanismo .descCategory, .category article.construccion-y-urbanismo a .descCategory {
        background-color: #DA5E00;
        padding: 30px
    }

        .category article.construccion-y-urbanismo .descCategory #fullDescription p, .category article.construccion-y-urbanismo .descCategory button, .category article.construccion-y-urbanismo .descCategory p, .category article.construccion-y-urbanismo a .descCategory #fullDescription p, .category article.construccion-y-urbanismo a .descCategory button, .category article.construccion-y-urbanismo a .descCategory p {
            color: #FFF
        }

    .category article.construccion-y-urbanismo .filterCategory, .category article.construccion-y-urbanismo a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.construccion-y-urbanismo .filterCategory .filterForm, .category article.construccion-y-urbanismo a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.construccion-y-urbanismo .filterCategory select, .category article.construccion-y-urbanismo a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.construccion-y-urbanismo .filterTitle, .category article.construccion-y-urbanismo a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.construccion-y-urbanismo .filterTitle:after, .category article.construccion-y-urbanismo a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.construccion-y-urbanismo a h1, .category article.construccion-y-urbanismo h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.construccion-y-urbanismo a h1 span, .category article.construccion-y-urbanismo h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.construccion-y-urbanismo a h1 #headCategoryLogo, .category article.construccion-y-urbanismo h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-sustainable-development, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-cambio-climatico, .category article.construccion-y-urbanismo a h1 #headCategoryLogo.climatic-change, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-cambio-climatico, .category article.construccion-y-urbanismo h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-energias-renovables, .category article.construccion-y-urbanismo a h1 #headCategoryLogo.renovable-energies, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-energias-renovables, .category article.construccion-y-urbanismo h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-agua, .category article.construccion-y-urbanismo a h1 #headCategoryLogo.water, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-agua, .category article.construccion-y-urbanismo h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.construccion-y-urbanismo a h1 #headCategoryLogo.innovation, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.construccion-y-urbanismo h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-medio-ambiente, .category article.construccion-y-urbanismo a h1 #headCategoryLogo.environment, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-medio-ambiente, .category article.construccion-y-urbanismo h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-vida-sostenible, .category article.construccion-y-urbanismo a h1 #headCategoryLogo.sustainable-life, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-vida-sostenible, .category article.construccion-y-urbanismo h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.construccion-y-urbanismo a h1 #headCategoryLogo.cat-opinion, .category article.construccion-y-urbanismo h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.construccion-y-urbanismo .headCatImg img, .category article.construccion-y-urbanismo a .headCatImg img {
        width: 100%
    }

    .category article.construccion-y-urbanismo a header, .category article.construccion-y-urbanismo header {
        position: relative
    }

        .category article.construccion-y-urbanismo a header .descCategory .readMoreBtn button, .category article.construccion-y-urbanismo header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.construccion-y-urbanismo a header .descCategory p, .category article.construccion-y-urbanismo header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.construccion-y-urbanismo a header .readMoreBtn, .category article.construccion-y-urbanismo header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.construccion-y-urbanismo .row, .category article.construccion-y-urbanismo a .row {
        padding-top: 0
    }

    .category article.medio-ambiente .descCategory, .category article.medio-ambiente a .descCategory {
        background-color: #7E9407;
        padding: 30px
    }

        .category article.medio-ambiente .descCategory #fullDescription p, .category article.medio-ambiente .descCategory button, .category article.medio-ambiente .descCategory p, .category article.medio-ambiente a .descCategory #fullDescription p, .category article.medio-ambiente a .descCategory button, .category article.medio-ambiente a .descCategory p {
            color: #FFF
        }

    .category article.medio-ambiente .filterCategory, .category article.medio-ambiente a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.medio-ambiente .filterCategory .filterForm, .category article.medio-ambiente a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.medio-ambiente .filterCategory select, .category article.medio-ambiente a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.medio-ambiente .filterTitle, .category article.medio-ambiente a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.medio-ambiente .filterTitle:after, .category article.medio-ambiente a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.medio-ambiente a h1, .category article.medio-ambiente h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.medio-ambiente a h1 span, .category article.medio-ambiente h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.medio-ambiente a h1 #headCategoryLogo, .category article.medio-ambiente h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.medio-ambiente a h1 #headCategoryLogo.cat-sustainable-development, .category article.medio-ambiente h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.medio-ambiente h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-cambio-climatico, .category article.medio-ambiente a h1 #headCategoryLogo.climatic-change, .category article.medio-ambiente h1 #headCategoryLogo.cat-cambio-climatico, .category article.medio-ambiente h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-energias-renovables, .category article.medio-ambiente a h1 #headCategoryLogo.renovable-energies, .category article.medio-ambiente h1 #headCategoryLogo.cat-energias-renovables, .category article.medio-ambiente h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-agua, .category article.medio-ambiente a h1 #headCategoryLogo.water, .category article.medio-ambiente h1 #headCategoryLogo.cat-agua, .category article.medio-ambiente h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.medio-ambiente a h1 #headCategoryLogo.innovation, .category article.medio-ambiente h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.medio-ambiente h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-medio-ambiente, .category article.medio-ambiente a h1 #headCategoryLogo.environment, .category article.medio-ambiente h1 #headCategoryLogo.cat-medio-ambiente, .category article.medio-ambiente h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-vida-sostenible, .category article.medio-ambiente a h1 #headCategoryLogo.sustainable-life, .category article.medio-ambiente h1 #headCategoryLogo.cat-vida-sostenible, .category article.medio-ambiente h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.medio-ambiente a h1 #headCategoryLogo.cat-opinion, .category article.medio-ambiente h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.medio-ambiente .headCatImg img, .category article.medio-ambiente a .headCatImg img {
        width: 100%
    }

    .category article.medio-ambiente a header, .category article.medio-ambiente header {
        position: relative
    }

        .category article.medio-ambiente a header .descCategory .readMoreBtn button, .category article.medio-ambiente header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.medio-ambiente a header .descCategory p, .category article.medio-ambiente header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.medio-ambiente a header .readMoreBtn, .category article.medio-ambiente header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.medio-ambiente .row, .category article.medio-ambiente a .row {
        padding-top: 0
    }

    .category article.vida-sostenible .descCategory, .category article.vida-sostenible a .descCategory {
        background-color: #FF2851;
        padding: 30px
    }

        .category article.vida-sostenible .descCategory #fullDescription p, .category article.vida-sostenible .descCategory button, .category article.vida-sostenible .descCategory p, .category article.vida-sostenible a .descCategory #fullDescription p, .category article.vida-sostenible a .descCategory button, .category article.vida-sostenible a .descCategory p {
            color: #FFF
        }

    .category article.vida-sostenible .filterCategory, .category article.vida-sostenible a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.vida-sostenible .filterCategory .filterForm, .category article.vida-sostenible a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.vida-sostenible .filterCategory select, .category article.vida-sostenible a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.vida-sostenible .filterTitle, .category article.vida-sostenible a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.vida-sostenible .filterTitle:after, .category article.vida-sostenible a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.vida-sostenible a h1, .category article.vida-sostenible h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.vida-sostenible a h1 span, .category article.vida-sostenible h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.vida-sostenible a h1 #headCategoryLogo, .category article.vida-sostenible h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.vida-sostenible a h1 #headCategoryLogo.cat-sustainable-development, .category article.vida-sostenible h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.vida-sostenible h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-cambio-climatico, .category article.vida-sostenible a h1 #headCategoryLogo.climatic-change, .category article.vida-sostenible h1 #headCategoryLogo.cat-cambio-climatico, .category article.vida-sostenible h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-energias-renovables, .category article.vida-sostenible a h1 #headCategoryLogo.renovable-energies, .category article.vida-sostenible h1 #headCategoryLogo.cat-energias-renovables, .category article.vida-sostenible h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-agua, .category article.vida-sostenible a h1 #headCategoryLogo.water, .category article.vida-sostenible h1 #headCategoryLogo.cat-agua, .category article.vida-sostenible h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.vida-sostenible a h1 #headCategoryLogo.innovation, .category article.vida-sostenible h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.vida-sostenible h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-medio-ambiente, .category article.vida-sostenible a h1 #headCategoryLogo.environment, .category article.vida-sostenible h1 #headCategoryLogo.cat-medio-ambiente, .category article.vida-sostenible h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-vida-sostenible, .category article.vida-sostenible a h1 #headCategoryLogo.sustainable-life, .category article.vida-sostenible h1 #headCategoryLogo.cat-vida-sostenible, .category article.vida-sostenible h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.vida-sostenible a h1 #headCategoryLogo.cat-opinion, .category article.vida-sostenible h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.vida-sostenible .headCatImg img, .category article.vida-sostenible a .headCatImg img {
        width: 100%
    }

    .category article.vida-sostenible a header, .category article.vida-sostenible header {
        position: relative
    }

        .category article.vida-sostenible a header .descCategory .readMoreBtn button, .category article.vida-sostenible header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.vida-sostenible a header .descCategory p, .category article.vida-sostenible header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.vida-sostenible a header .readMoreBtn, .category article.vida-sostenible header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.vida-sostenible .row, .category article.vida-sostenible a .row {
        padding-top: 0
    }

    .category article.opinion .descCategory, .category article.opinion a .descCategory {
        background-color: #AF54D5;
        padding: 30px
    }

        .category article.opinion .descCategory #fullDescription p, .category article.opinion .descCategory button, .category article.opinion .descCategory p, .category article.opinion a .descCategory #fullDescription p, .category article.opinion a .descCategory button, .category article.opinion a .descCategory p {
            color: #FFF
        }

    .category article.opinion .filterCategory, .category article.opinion a .filterCategory {
        background-color: #FFF;
        height: 110px
    }

        .category article.opinion .filterCategory .filterForm, .category article.opinion a .filterCategory .filterForm {
            margin: 0;
            width: 100%
        }

        .category article.opinion .filterCategory select, .category article.opinion a .filterCategory select {
            float: left;
            font-size: 16px;
            margin-left: 22px;
            margin-top: 0;
            width: 278px
        }

    .category article.opinion .filterTitle, .category article.opinion a .filterTitle {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 700;
        margin-top: 24px;
        width: auto
    }

        .category article.opinion .filterTitle:after, .category article.opinion a .filterTitle:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .category article.opinion a h1, .category article.opinion h1 {
        bottom: 10px;
        color: #FFF;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: auto
    }

        .category article.opinion a h1 span, .category article.opinion h1 span {
            font-size: 23px;
            float: left;
            width: auto;
            max-width: 200px;
            margin: 0;
            padding-top: 8px
        }

        .category article.opinion a h1 #headCategoryLogo, .category article.opinion h1 #headCategoryLogo {
            width: 61px;
            height: 61px;
            position: relative;
            float: left
        }

            .category article.opinion a h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.opinion a h1 #headCategoryLogo.cat-sustainable-development, .category article.opinion h1 #headCategoryLogo.cat-desarrollo-sostenible, .category article.opinion h1 #headCategoryLogo.cat-sustainable-development {
                background: url(/assets/images/cat-white-1.png) no-repeat
            }

            .category article.opinion a h1 #headCategoryLogo.cat-cambio-climatico, .category article.opinion a h1 #headCategoryLogo.climatic-change, .category article.opinion h1 #headCategoryLogo.cat-cambio-climatico, .category article.opinion h1 #headCategoryLogo.climatic-change {
                background: url(/assets/images/cat-white-2.png) no-repeat
            }

            .category article.opinion a h1 #headCategoryLogo.cat-energias-renovables, .category article.opinion a h1 #headCategoryLogo.renovable-energies, .category article.opinion h1 #headCategoryLogo.cat-energias-renovables, .category article.opinion h1 #headCategoryLogo.renovable-energies {
                background: url(/assets/images/cat-white-3.png) no-repeat
            }

            .category article.opinion a h1 #headCategoryLogo.cat-agua, .category article.opinion a h1 #headCategoryLogo.water, .category article.opinion h1 #headCategoryLogo.cat-agua, .category article.opinion h1 #headCategoryLogo.water {
                background: url(/assets/images/cat-white-4.png) no-repeat
            }

            .category article.opinion a h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.opinion a h1 #headCategoryLogo.innovation, .category article.opinion h1 #headCategoryLogo.cat-construccion-y-urbanismo, .category article.opinion h1 #headCategoryLogo.innovation {
                background: url(/assets/images/cat-white-5.png) no-repeat
            }

            .category article.opinion a h1 #headCategoryLogo.cat-medio-ambiente, .category article.opinion a h1 #headCategoryLogo.environment, .category article.opinion h1 #headCategoryLogo.cat-medio-ambiente, .category article.opinion h1 #headCategoryLogo.environment {
                background: url(/assets/images/cat-white-6.png) no-repeat
            }

            .category article.opinion a h1 #headCategoryLogo.cat-vida-sostenible, .category article.opinion a h1 #headCategoryLogo.sustainable-life, .category article.opinion h1 #headCategoryLogo.cat-vida-sostenible, .category article.opinion h1 #headCategoryLogo.sustainable-life {
                background: url(/assets/images/cat-white-7.png) no-repeat
            }

            .category article.opinion a h1 #headCategoryLogo.cat-opinion, .category article.opinion h1 #headCategoryLogo.cat-opinion {
                background: url(/assets/images/cat-white-8.png) no-repeat
            }

    .category article.opinion .headCatImg img, .category article.opinion a .headCatImg img {
        width: 100%
    }

    .category article.opinion a header, .category article.opinion header {
        position: relative
    }

        .category article.opinion a header .descCategory .readMoreBtn button, .category article.opinion header .descCategory .readMoreBtn button {
            font-size: 14px;
            font-weight: 400
        }

        .category article.opinion a header .descCategory p, .category article.opinion header .descCategory p {
            font-size: 14px;
            font-weight: 300
        }

        .category article.opinion a header .readMoreBtn, .category article.opinion header .readMoreBtn {
            bottom: 0;
            position: absolute;
            right: 40px
        }

    .category article.opinion .row, .category article.opinion a .row {
        padding-top: 0
    }

    .bricks .row .colImg img {
        height: 100% !important;
        width: auto !important
    }

    .featuredUsers .featuredData, .featuredUsers .featuredData .featuredProgress .progress {
        width: 85%
    }

        .featuredUsers .featuredData .featuredName {
            text-align: left
        }
}

@media (max-width: 640px) {
    .category article header .headCatImg {
        height: 300px !important
    }

    .featuredUsers .featuredData, .featuredUsers .featuredData .featuredProgress .progress {
        width: 75%
    }
}

#carousel-gallery {
    text-align: center
}

    #carousel-gallery .carousel-inner {
        height: 539px;
        margin: 0 auto;
        text-align: center
    }

        #carousel-gallery .carousel-inner .post {
            height: 100%
        }

            #carousel-gallery .carousel-inner .post .colImg {
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
                width: 100% !important
            }

                #carousel-gallery .carousel-inner .post .colImg img {
                    bottom: 0;
                    left: 50%;
                    position: absolute;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    height: auto;
                    width: 100%
                }

.gallery article {
    padding: 30px;
    position: relative
}

    .gallery article header {
        clear: both
    }

    .gallery article #galleryContent {
        overflow: hidden;
        width: 100%
    }

        .gallery article #galleryContent #carousel-text .nextSlideButton {
            background-color: transparent;
            border: none;
            display: none;
            color: #FD0203;
            font-size: 20px;
            font-weight: 500;
            font-family: Asap !important
        }

            .gallery article #galleryContent #carousel-text .nextSlideButton:focus {
                outline: 0
            }

        .gallery article #galleryContent #carousel-text .prevSlideButton {
            background-color: transparent;
            border: none;
            display: none;
            color: #FD0203;
            font-size: 20px;
            font-weight: 500;
            font-family: Asap !important
        }

            .gallery article #galleryContent #carousel-text .prevSlideButton:focus {
                outline: 0
            }

.status article header .statusMenu .statusEdit:hover, .status article header .statusMenu .statusPropose:hover {
    text-decoration: underline
}

.gallery article #galleryContent #carousel-text div:not(.bottomBtn):not(.twitterBrick), .gallery article #galleryContent #carousel-text p {
    color: #4A4A4A;
    font-size: 20px;
    font-weight: 500;
    font-family: Asap;
    margin: 25px 0
}

    .gallery article #galleryContent #carousel-text div:not(.bottomBtn):not(.twitterBrick) em, .gallery article #galleryContent #carousel-text p em {
        color: #4A4A4A;
        font-size: 20px;
        font-weight: 500;
        font-family: Asap
    }

    .gallery article #galleryContent #carousel-text div:not(.bottomBtn):not(.twitterBrick) a :not(.bottomBtn) a, .gallery article #galleryContent #carousel-text p a :not(.bottomBtn) a {
        color: #FD0203;
        font-size: 20px;
        font-weight: 500;
        font-family: Asap !important
    }

        .gallery article #galleryContent #carousel-text div:not(.bottomBtn):not(.twitterBrick) a :not(.bottomBtn) a[role=button], .gallery article #galleryContent #carousel-text p a :not(.bottomBtn) a[role=button] {
            background: url(/assets/images/arrow-right-red.png) 100% 50% no-repeat;
            padding-right: 30px
        }

    .gallery article #galleryContent #carousel-text div strong, .gallery article #galleryContent #carousel-text div:not(.TwitterPost):not(.twitterBrick), .gallery article #galleryContent #carousel-text p.sub-text, .gallery article #galleryContent #carousel-text p.sub-text strong {
        color: #4A4A4A;
        font-family: Asap;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px
    }

        .gallery article #galleryContent #carousel-text div strong a, .gallery article #galleryContent #carousel-text div:not(.TwitterPost):not(.twitterBrick) a, .gallery article #galleryContent #carousel-text p.sub-text a, .gallery article #galleryContent #carousel-text p.sub-text strong a {
            font-weight: 700;
            font-size: 20px !important;
            color: #ff0606 !important;
            font-family: Asap
        }

.gallery article #galleryContent #carousel-text div:not(.TwitterPost):not(.twitterBrick) {
    font-weight: 500 !important
}

    .gallery article #galleryContent #carousel-text div:not(.TwitterPost):not(.twitterBrick) a {
        font-weight: 500 !important;
        font-family: Asap
    }

.gallery article #galleryContent #carousel-text h2, .gallery article #galleryContent #carousel-text h2 div, .gallery article #galleryContent #carousel-text h2 div strong, .gallery article #galleryContent #carousel-text h2 em, .gallery article #galleryContent #carousel-text h2 p, .gallery article #galleryContent #carousel-text h2 p strong, .gallery article #galleryContent #carousel-text h2 strong {
    color: #373737;
    font-family: Asap;
    font-size: 29px;
    font-weight: 500;
    margin-top: 45px
}

.gallery article #galleryContent #carousel-text h3, .gallery article #galleryContent #carousel-text h3 div, .gallery article #galleryContent #carousel-text h3 div strong h3 em, .gallery article #galleryContent #carousel-text h3 p, .gallery article #galleryContent #carousel-text h3 p strong, .gallery article #galleryContent #carousel-text h3 strong {
    color: #373737;
    font-family: Asap;
    font-size: 26px;
    font-weight: 500;
    margin-top: 40px
}

.gallery article #galleryContent .galleryRegister {
    float: left;
    margin: 45px 0 45px 1%;
    width: 27%
}

    .gallery article #galleryContent .galleryRegister .subscribeBox {
        margin: 0;
        padding: 10px 50px 10px 120px;
        width: 100%
    }

        .gallery article #galleryContent .galleryRegister .subscribeBox h2 {
            font-size: 25px
        }

        .gallery article #galleryContent .galleryRegister .subscribeBox:before {
            content: url(/assets/images/gallery-nl.png);
            height: 73px;
            left: 25px;
            position: absolute;
            top: 50px;
            width: 73px
        }

.gallery article #galleryContent .gallerySocial {
    display: block;
    float: left;
    margin: 45px 2% 45px 0;
    width: 3.33%
}

    .gallery article #galleryContent .gallerySocial .jssocials-share {
        align-items: center;
        background-color: #F6F6F6;
        border-radius: 15px;
        display: flex;
        height: 30px;
        margin: 5px 0;
        width: 30px
    }

        .gallery article #galleryContent .gallerySocial .jssocials-share a {
            margin: 0 auto
        }

        .gallery article #galleryContent .gallerySocial .jssocials-share.whatsapp, .gallery article #galleryContent .gallerySocial-sm, .gallery article #galleryContent .gallerySocial-sm.whatsapp, .gallery article #galleryContent .socialsText {
            display: none
        }

.gallery .h1 {
    border-bottom: 1px solid #859226;
    color: #373737;
    font-family: Montserrat,sans-serif;
    font-size: 53px;
    padding-bottom: 20px;
    text-transform: uppercase
}

.gallery #slider-thumbs {
    background-color: #F5F5F5;
    height: auto;
    height: 215px
}

    .gallery #slider-thumbs .hide-bullets {
        height: auto;
        padding: 35px 40px;
        overflow: hidden
    }

        .gallery #slider-thumbs .hide-bullets .thumb-item {
            background-size: cover !important;
            background-position: center !important;
            cursor: pointer;
            float: left;
            padding: 0;
            width: 215px;
            height: 165px
        }

            .gallery #slider-thumbs .hide-bullets .thumb-item img {
                height: 100%
            }

            .gallery #slider-thumbs .hide-bullets .thumb-item .thumbnail {
                border: 0;
                border-radius: 0;
                cursor: pointer;
                opacity: 1;
                background: linear-gradient(rgba(20,20,20,.5),rgba(20,20,20,.5));
                padding: 0;
                height: 100%
            }

                .gallery #slider-thumbs .hide-bullets .thumb-item .thumbnail:hover {
                    opacity: .65
                }

                .gallery #slider-thumbs .hide-bullets .thumb-item .thumbnail.active {
                    opacity: 0
                }

        .gallery #slider-thumbs .hide-bullets:after, .gallery #slider-thumbs .views:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

.gallery .header-sm, .views #RatingsForm button, .views #RatingsForm input {
    display: none
}

.gallery .views {
    margin-top: 50px
}

    .gallery .views .star {
        float: left
    }

    .gallery .views .starOff {
        background: url(/assets/images/star-off.png) no-repeat;
        height: 16px;
        width: 18px
    }

    .gallery .views .starOn {
        background: url(/assets/images/star-on.png) no-repeat;
        height: 16px;
        width: 18px
    }

.views {
    position: relative;
    min-height: 20px;
    margin-top: 43px;
    width: 250px
}

    .views .star {
        float: left
    }

    .views .starOff {
        background: url(/assets/images/star-off.png) no-repeat;
        height: 16px;
        width: 18px
    }

    .views .starOn {
        background: url(/assets/images/star-on.png) no-repeat;
        height: 16px;
        width: 18px
    }

    .views .viewsNumber {
        background: url(/assets/images/eye.png) 0 50% no-repeat;
        color: #717171;
        margin-top: 7px;
        padding: 0 20px 0 25px
    }

    .views #starsWrapper {
        float: left;
        margin: 7px 0 12px
    }

    .views #RatingsForm {
        display: none;
        float: left
    }

        .views #RatingsForm label {
            color: #ddd;
            cursor: pointer;
            float: right
        }

            .views #RatingsForm label:before {
                font-size: 1.76em;
                display: inline-block;
                content: "\2605"
            }

        .views #RatingsForm .rating:not(:checked) > label:hover, .views #RatingsForm .rating:not(:checked) > label:hover ~ label, .views #RatingsForm .rating > input:checked ~ label {
            color: gold
        }

            .views #RatingsForm .rating > input:checked + label:hover, .views #RatingsForm .rating > input:checked ~ label:hover, .views #RatingsForm .rating > input:checked ~ label:hover ~ label, .views #RatingsForm .rating > label:hover ~ input:checked ~ label {
                color: #FFED85
            }

@media (max-width: 960px) {
    #carousel-gallery {
        height: 394px;
        overflow: hidden;
        width: 100%
    }

        #carousel-gallery .carousel-inner {
            height: 394px
        }

    .gallery .views {
        float: left;
        margin-top: 0;
        padding: 0 0 20px
    }

    .gallery article {
        padding: 0
    }

        .gallery article #galleryContent, .gallery article .views, .gallery article header {
            padding: 0 30px
        }

        .gallery article .gallerySocial {
            display: none
        }

        .gallery article header .h1 {
            font-size: 21px;
            margin: 40px 0 20px !important
        }

        .gallery article header .h2 {
            margin: 0 0 20px !important
        }

        .gallery article .header-sm {
            display: block
        }

        .gallery article #galleryContent h2 {
            margin: 0 0 20px 20px !important
        }

        .gallery article #galleryContent #carousel-text {
            float: none;
            font-size: 16px;
            padding: 0 0 35px
        }

            .gallery article #galleryContent #carousel-text p.sub-text {
                font-family: Arial;
                font-size: 14px;
                font-style: italic
            }

        .gallery article #galleryContent .galleryRegister {
            float: none;
            margin: 0;
            width: 100%
        }

            .gallery article #galleryContent .galleryRegister .grayBox {
                border: 0
            }

        .gallery article #galleryContent .gallerySocial {
            display: none
        }

        .gallery article #galleryContent .gallerySocial-sm {
            display: block;
            text-align: center
        }

            .gallery article #galleryContent .gallerySocial-sm div.centered {
                float: none;
                margin: 20px auto;
                width: 90%
            }

                .gallery article #galleryContent .gallerySocial-sm div.centered .jssocials-shares {
                    height: 60px;
                    width: 100%
                }

                    .gallery article #galleryContent .gallerySocial-sm div.centered .jssocials-shares .jssocials-share {
                        float: left;
                        height: 68px;
                        width: 33%
                    }

                        .gallery article #galleryContent .gallerySocial-sm div.centered .jssocials-shares .jssocials-share a {
                            display: block;
                            margin: 0 auto;
                            width: 52px
                        }

            .gallery article #galleryContent .gallerySocial-sm:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

        .gallery article #menu-sm {
            left: 40px;
            top: 30px
        }
}

@media (max-width: 640px) {
    .gallery #slider-thumbs {
        background-color: #FFF
    }

    .whatsapp-imp {
        display: inline-block !important
    }
}

.container-sm {
    display: none
}

#statusAwardModal .getExclusiveContent a {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding: 30px 0;
    text-align: center
}

.status article {
    padding: 0 !important
}

    .status article header {
        background: url(/assets/images/status-bg.png) repeat-y;
        background-size: cover;
        padding: 30px 0 0;
        text-align: center
    }

        .status article header .statusMenu {
            display: table;
            margin: 0 auto 15px;
            width: 55%
        }

            .status article header .statusMenu .userImg {
                border: 12px solid #FFF;
                border-radius: 50%;
                height: 130px;
                margin: 0 auto 30px;
                vertical-align: bottom;
                width: 130px;
                background-size: cover !important;
                background-position: center
            }

            .status article header .statusMenu .statusEdit {
                display: table-cell;
                padding-left: 20px;
                transition: all 1s;
                vertical-align: bottom;
                width: 40%
            }

                .status article header .statusMenu .statusEdit a {
                    color: #D0021B;
                    font-size: 18px;
                    font-weight: 400;
                    letter-spacing: 1.84px
                }

                    .status article header .statusMenu .statusEdit a:before {
                        bottom: 0;
                        content: url(/assets/images/edit.png);
                        height: 34px;
                        width: 37px;
                        position: relative;
                        margin-right: 10px
                    }

            .status article header .statusMenu .statusPropose {
                display: table-cell;
                padding-left: 10px;
                transition: all 1s;
                vertical-align: bottom;
                width: 40%
            }

                .status article header .statusMenu .statusPropose a {
                    color: #3B3C40;
                    font-size: 18px;
                    font-weight: 300;
                    letter-spacing: 1.35px;
                    opacity: .7;
                    padding-left: 0
                }

                    .status article header .statusMenu .statusPropose a:before {
                        bottom: 0;
                        content: url(/assets/images/plus.png);
                        height: 31px;
                        width: 31px;
                        position: relative;
                        margin-right: 10px;
                        z-index: 2
                    }

        .status article header .statusName {
            background: rgba(255,255,255,.53);
            color: #3B3C40;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 1.8px;
            margin: 0 auto 15px;
            padding: 16px 0;
            width: 55%
        }

        .status article header .userRanking {
            background: rgba(255,255,255,.53);
            margin: 0 auto;
            padding: 10px 0;
            text-align: left;
            width: 55%
        }

            .status article header .userRanking .localRanking {
                color: #3B3C40;
                float: left;
                font-size: 20px;
                font-weight: 300;
                letter-spacing: 1.5px;
                padding: 10px 40px 10px 120px;
                width: 50%
            }

                .status article header .userRanking .localRanking span {
                    font-size: 20px;
                    font-weight: 700
                }

                .status article header .userRanking .localRanking:before {
                    content: url(/assets/images/local.png);
                    height: 38px;
                    left: 50px;
                    position: absolute;
                    top: 5px;
                    width: 39px;
                    z-index: 2
                }

            .status article header .userRanking .worldRanking {
                border-right: 1px solid #BEBEBE;
                color: #3B3C40;
                float: left;
                font-size: 20px;
                font-weight: 300;
                letter-spacing: 1.5px;
                padding: 10px 40px 10px 100px;
                width: 50%
            }

                .status article header .userRanking .worldRanking span {
                    font-size: 20px;
                    font-weight: 700
                }

                .status article header .userRanking .worldRanking:before {
                    content: url(/assets/images/world.png);
                    height: 41px;
                    left: 40px;
                    position: absolute;
                    top: 5px;
                    width: 40px;
                    z-index: 2
                }

        .status article .statusMenu:after, .status article .statusSummary:after, .status article .userRanking:after, .status article header:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

    .status article .howToPoints {
        background: #FAFAFA;
        padding: 50px 0
    }

        .status article .howToPoints .howToText {
            float: left;
            padding-right: 110px;
            width: 54%
        }

            .status article .howToPoints .howToText .howToSubtitle {
                color: #000;
                font-size: 24px;
                letter-spacing: 1.8px;
                line-height: 34px;
                margin-bottom: 50px
            }

            .status article .howToPoints .howToText ol li {
                color: #3B3C40;
                font-size: 18px;
                font-weight: 300;
                letter-spacing: 1.5px;
                line-height: 32px
            }

                .status article .howToPoints .howToText ol li span {
                    font-size: 18px;
                    font-weight: 700;
                    letter-spacing: 2.08px
                }

        .status article .howToPoints .howToTitle {
            color: #3B3C40;
            float: left;
            font-size: 46px;
            font-weight: 700;
            letter-spacing: 3.45px;
            line-height: 51px;
            padding-left: 330px;
            position: relative;
            width: 46%
        }

            .status article .howToPoints .howToTitle:before {
                content: url(/assets/images/plus-leaf.png);
                height: 84px;
                left: 180px;
                position: absolute;
                top: 5px;
                width: 175px
            }

        .status article .howToPoints:after, .status article .statusInfo:after {
            content: " ";
            visibility: hidden;
            clear: both
        }

        .status article .howToPoints:after {
            display: block;
            height: 0
        }

    .status article .statusInfo {
        margin: 120px auto;
        position: relative;
        width: 70%
    }

        .status article .statusInfo .treeWrapper {
            float: left;
            position: relative;
            height: 479px;
            width: 336px;
            background-color: #dcdddc
        }

            .status article .statusInfo .treeWrapper .treeGradientBar {
                background-color: #e42420;
                bottom: 0;
                height: 0;
                position: absolute;
                transition: all 2s;
                width: 100%
            }

            .status article .statusInfo .treeWrapper img {
                position: absolute
            }

        .status article .statusInfo .fillTree {
            float: left;
            margin: 5px 0 100px
        }

        .status article .statusInfo #pointsWrapper {
            float: right;
            width: 49%
        }

            .status article .statusInfo #pointsWrapper .pointsCategories {
                margin-bottom: 30px;
                overflow: hidden;
                text-align: center;
                position: relative
            }

                .status article .statusInfo #pointsWrapper .pointsCategories.points1 {
                    display: none
                }

                .status article .statusInfo #pointsWrapper .pointsCategories .pointsDesc {
                    float: left;
                    text-align: left;
                    width: 32%
                }

                .status article .statusInfo #pointsWrapper .pointsCategories .pointsIco, .status article .statusInfo #pointsWrapper .pointsCategories .pointsImg {
                    float: left;
                    width: 16%
                }

                .status article .statusInfo #pointsWrapper .pointsCategories .pointsName {
                    float: left;
                    text-align: left;
                    width: 34%
                }

                .status article .statusInfo #pointsWrapper .pointsCategories .link {
                    background-color: #fff;
                    height: 100%;
                    opacity: 0;
                    position: absolute;
                    right: 0;
                    text-decoration: none;
                    top: 0;
                    width: 100%;
                    z-index: 10
                }

        .status article .statusInfo .pointsCategories.pointsOff.points1 .pointsImg {
            background: url(/assets/images/points-1-on.png) 50% 0 no-repeat;
            opacity: .3;
            filter: alpha(opacity=30);
            min-height: 58px;
            min-width: 58px
        }

        .status article .statusInfo .pointsCategories.pointsOn.points1 .pointsImg {
            background: url(/assets/images/points-1-on.png) 50% 0 no-repeat;
            min-height: 58px;
            min-width: 58px;
            transition: all 2s
        }

        .status article .statusInfo .pointsCategories.pointsOff.points2 .pointsImg {
            background: url(/assets/images/points-2-on.png) 50% 0 no-repeat;
            opacity: .3;
            filter: alpha(opacity=30);
            min-height: 58px;
            min-width: 58px
        }

        .status article .statusInfo .pointsCategories.pointsOn.points2 .pointsImg {
            background: url(/assets/images/points-2-on.png) 50% 0 no-repeat;
            min-height: 58px;
            min-width: 58px;
            transition: all 2s
        }

        .status article .statusInfo .pointsCategories.pointsOff.points3 .pointsImg {
            background: url(/assets/images/points-3-on.png) 50% 0 no-repeat;
            opacity: .3;
            filter: alpha(opacity=30);
            min-height: 58px;
            min-width: 58px
        }

        .status article .statusInfo .pointsCategories.pointsOn.points3 .pointsImg {
            background: url(/assets/images/points-3-on.png) 50% 0 no-repeat;
            min-height: 58px;
            min-width: 58px;
            transition: all 2s
        }

        .status article .statusInfo .pointsCategories.pointsOff.points4 .pointsImg {
            background: url(/assets/images/points-4-on.png) 50% 0 no-repeat;
            opacity: .3;
            filter: alpha(opacity=30);
            min-height: 58px;
            min-width: 58px
        }

        .status article .statusInfo .pointsCategories.pointsOn.points4 .pointsImg {
            background: url(/assets/images/points-4-on.png) 50% 0 no-repeat;
            min-height: 58px;
            min-width: 58px;
            transition: all 2s
        }

        .status article .statusInfo .pointsCategories.pointsOff.points5 .pointsImg {
            background: url(/assets/images/points-5-on.png) 50% 0 no-repeat;
            opacity: .3;
            filter: alpha(opacity=30);
            min-height: 58px;
            min-width: 58px
        }

        .status article .statusInfo .pointsCategories.pointsOn.points5 .pointsImg {
            background: url(/assets/images/points-5-on.png) 50% 0 no-repeat;
            min-height: 58px;
            min-width: 58px;
            transition: all 2s
        }

        .status article .statusInfo .pointsCategories.pointsOff.points6 .pointsImg {
            background: url(/assets/images/points-6-on.png) 50% 0 no-repeat;
            opacity: .3;
            filter: alpha(opacity=30);
            min-height: 58px;
            min-width: 58px
        }

        .status article .statusInfo .pointsCategories.pointsOn.points6 .pointsImg {
            background: url(/assets/images/points-6-on.png) 50% 0 no-repeat;
            min-height: 58px;
            min-width: 58px;
            transition: all 2s
        }

        .status article .statusInfo .pointsCategories.pointsOff.points7 .pointsImg {
            background: url(/assets/images/points-7-on.png) 50% 0 no-repeat;
            opacity: .3;
            filter: alpha(opacity=30);
            min-height: 58px;
            min-width: 58px
        }

        .status article .statusInfo .pointsCategories.pointsOn.points7 .pointsImg {
            background: url(/assets/images/points-7-on.png) 50% 0 no-repeat;
            min-height: 58px;
            min-width: 58px;
            transition: all 2s
        }

        .status article .statusInfo .pointsCategories.pointsOff .pointsDesc p:first-child {
            color: #9B9B9B;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: .96px
        }

        .status article .statusInfo .pointsCategories.pointsOff .pointsDesc p {
            color: #9B9B9B;
            font-size: 13px;
            font-weight: 700
        }

        .status article .statusInfo .pointsCategories.pointsOff .pointsIco {
            background: url(/assets/images/category-points-off.png) 50% 0 no-repeat;
            min-height: 28px;
            min-width: 36px
        }

        .status article .statusInfo .pointsCategories.pointsOff .pointsName {
            color: #DCDCDC;
            font-size: 16px;
            font-weight: 700
        }

        .status article .statusInfo .pointsCategories.pointsOn .pointsDesc p:first-child {
            color: #000;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: .96px
        }

        .status article .statusInfo .pointsCategories.pointsOn .pointsDesc p {
            color: #E21420;
            font-size: 13px;
            font-weight: 700;
            transition: all 3s
        }

        .status article .statusInfo .pointsCategories.pointsOn .pointsIco {
            background: url(/assets/images/category-points-on.png) 50% 0 no-repeat;
            min-height: 28px;
            min-width: 36px;
            transition: all 3s
        }

        .status article .statusInfo .pointsCategories.pointsOn .pointsName {
            color: #E21420;
            font-size: 16px;
            font-weight: 700;
            transition: all 3s
        }

.lightBox .grayDarkButton, .lightBox .grayLightButton {
    transition: all 1s;
    font-family: Montserrat,sans-serif;
    text-transform: uppercase
}

.status article .statusInfo:after {
    display: block;
    height: 0
}

.status article .statusSeparator {
    background-color: #9B9B9B;
    height: 1px;
    margin: 35px auto 50px;
    width: 75%
}

.status article .statusPoints {
    background-color: #FAFAFA;
    padding: 40px 0
}

    .status article .statusPoints .statusSummary {
        margin: 0 auto;
        text-align: center;
        width: 50%
    }

        .status article .statusPoints .statusSummary .summaryInfo {
            float: left;
            padding: 0 5%;
            width: 25%
        }

            .status article .statusPoints .statusSummary .summaryInfo img {
                display: inline-block;
                margin-left: 5px
            }

            .status article .statusPoints .statusSummary .summaryInfo p {
                color: #4A4A4A;
                font-weight: 400
            }

                .status article .statusPoints .statusSummary .summaryInfo p.summaryNumber {
                    font-size: 18px;
                    font-weight: 700
                }

.status article .yourStatus {
    margin: 0 auto;
    text-align: center;
    width: 55%
}

    .status article .yourStatus .yourStatusPoints {
        color: #E21420;
        float: left;
        font-size: 180px;
        font-weight: 700;
        position: relative;
        width: 50%;
        display: table
    }

        .status article .yourStatus .yourStatusPoints:after {
            content: url(/assets/images/leaf-right-sm.png);
            height: 48px;
            position: relative;
            right: 0;
            top: 0;
            width: 37px
        }

    .status article .yourStatus .yourStatusTxt {
        float: left;
        margin-top: 0;
        text-align: left
    }

        .status article .yourStatus .yourStatusTxt .info {
            background: url(/assets/images/info.png) no-repeat;
            float: right;
            height: 41px;
            width: 41px
        }

        .status article .yourStatus .yourStatusTxt p {
            color: #3B3C40;
            font-size: 36px;
            font-weight: 700;
            letter-spacing: 2.7px;
            margin: 0
        }

        .status article .yourStatus .yourStatusTxt .yourStatusClass {
            color: #E21420;
            font-size: 42px;
            font-weight: 700;
            letter-spacing: 2px
        }

    .status article .yourStatus:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both
    }

.lightBox .grayDarkButton {
    background-color: #3B3C40;
    border: 2px solid #FFF;
    border-radius: 91px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px
}

    .lightBox .grayDarkButton:hover {
        background-color: #FFF;
        border: 2px solid #3B3C40;
        color: #3B3C40
    }

.lightBox .grayLightButton {
    background-color: rgba(234,234,234,.29);
    border: 2px solid #3B3C40;
    border-radius: 91px;
    color: #3B3C40;
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0;
    padding: 12px 0;
    width: 40%
}

    .lightBox .grayLightButton.arrow-left {
        position: relative
    }

        .lightBox .grayLightButton.arrow-left:before {
            content: url(/assets/images/triangle-left.png);
            height: 13px;
            left: 20px;
            position: absolute;
            top: 11px;
            width: 11px
        }

    .lightBox .grayLightButton.arrow-right {
        position: relative
    }

        .lightBox .grayLightButton.arrow-right:before {
            content: url(/assets/images/triangle-right.png);
            height: 13px;
            left: 15%;
            position: absolute;
            top: 25%;
            width: 11px
        }

    .lightBox .grayLightButton:hover {
        background-color: #3B3C40;
        border: 2px solid rgba(234,234,234,.29);
        color: rgba(234,234,234,.29)
    }

.lightBox .awards-propose-content #changeBirthLB, .lightBox .status-awards #changeBirthLB, .lightBox .status-change-Birthdate #changeBirthLB, .lightBox .status-change-password #changeBirthLB, .lightBox .status-change-sex #changeBirthLB, .lightBox .status-data #changeBirthLB {
    text-align: center
}

    .lightBox .awards-propose-content #changeBirthLB .colLB, .lightBox .status-awards #changeBirthLB .colLB, .lightBox .status-change-Birthdate #changeBirthLB .colLB, .lightBox .status-change-password #changeBirthLB .colLB, .lightBox .status-change-sex #changeBirthLB .colLB, .lightBox .status-data #changeBirthLB .colLB {
        float: none;
        margin: 0 auto
    }

        .lightBox .awards-propose-content #changeBirthLB .colLB .floated, .lightBox .status-awards #changeBirthLB .colLB .floated, .lightBox .status-change-Birthdate #changeBirthLB .colLB .floated, .lightBox .status-change-password #changeBirthLB .colLB .floated, .lightBox .status-change-sex #changeBirthLB .colLB .floated, .lightBox .status-data #changeBirthLB .colLB .floated {
            margin-left: 6%
        }

            .lightBox .awards-propose-content #changeBirthLB .colLB .floated select, .lightBox .status-awards #changeBirthLB .colLB .floated select, .lightBox .status-change-Birthdate #changeBirthLB .colLB .floated select, .lightBox .status-change-password #changeBirthLB .colLB .floated select, .lightBox .status-change-sex #changeBirthLB .colLB .floated select, .lightBox .status-data #changeBirthLB .colLB .floated select {
                color: #9B9B9B;
                font-family: Montserrat,sans-serif;
                font-size: 16px;
                font-weight: 300
            }

.lightBox .awards-propose-content #changePasswordLB, .lightBox .status-awards #changePasswordLB, .lightBox .status-change-Birthdate #changePasswordLB, .lightBox .status-change-password #changePasswordLB, .lightBox .status-change-sex #changePasswordLB, .lightBox .status-data #changePasswordLB {
    padding: 0 20%
}

    .lightBox .awards-propose-content #changePasswordLB .rowLB, .lightBox .status-awards #changePasswordLB .rowLB, .lightBox .status-change-Birthdate #changePasswordLB .rowLB, .lightBox .status-change-password #changePasswordLB .rowLB, .lightBox .status-change-sex #changePasswordLB .rowLB, .lightBox .status-data #changePasswordLB .rowLB {
        border-top: 0
    }

.lightBox .awards-propose-content header, .lightBox .status-awards header, .lightBox .status-change-Birthdate header, .lightBox .status-change-password header, .lightBox .status-change-sex header, .lightBox .status-data header {
    background: url(/assets/images/statusLB-bg.png) no-repeat;
    background-size: cover;
    min-height: 467px;
    overflow: hidden;
    width: 100%
}

    .lightBox .awards-propose-content header .headerTxt, .lightBox .status-awards header .headerTxt, .lightBox .status-change-Birthdate header .headerTxt, .lightBox .status-change-password header .headerTxt, .lightBox .status-change-sex header .headerTxt, .lightBox .status-data header .headerTxt {
        padding: 140px 20px 75px 0;
        text-align: center
    }

        .lightBox .awards-propose-content header .headerTxt .imgWrapper, .lightBox .status-awards header .headerTxt .imgWrapper, .lightBox .status-change-Birthdate header .headerTxt .imgWrapper, .lightBox .status-change-password header .headerTxt .imgWrapper, .lightBox .status-change-sex header .headerTxt .imgWrapper, .lightBox .status-data header .headerTxt .imgWrapper {
            margin: 0 auto 10px;
            width: 130px
        }

        .lightBox .awards-propose-content header .headerTxt .pointsLB, .lightBox .status-awards header .headerTxt .pointsLB, .lightBox .status-change-Birthdate header .headerTxt .pointsLB, .lightBox .status-change-password header .headerTxt .pointsLB, .lightBox .status-change-sex header .headerTxt .pointsLB, .lightBox .status-data header .headerTxt .pointsLB {
            color: #E21420;
            font-family: Montserrat,sans-serif;
            font-size: 100px;
            font-weight: 700;
            letter-spacing: 7.5px
        }

            .lightBox .awards-propose-content header .headerTxt .pointsLB img, .lightBox .status-awards header .headerTxt .pointsLB img, .lightBox .status-change-Birthdate header .headerTxt .pointsLB img, .lightBox .status-change-password header .headerTxt .pointsLB img, .lightBox .status-change-sex header .headerTxt .pointsLB img, .lightBox .status-data header .headerTxt .pointsLB img {
                display: inline
            }

        .lightBox .awards-propose-content header .headerTxt .preTitleLB, .lightBox .status-awards header .headerTxt .preTitleLB, .lightBox .status-change-Birthdate header .headerTxt .preTitleLB, .lightBox .status-change-password header .headerTxt .preTitleLB, .lightBox .status-change-sex header .headerTxt .preTitleLB, .lightBox .status-data header .headerTxt .preTitleLB {
            color: #3B3C40;
            font-family: Montserrat,sans-serif;
            font-size: 25px;
            font-weight: 700;
            letter-spacing: 1.83px
        }

        .lightBox .awards-propose-content header .headerTxt .titleLB, .lightBox .status-awards header .headerTxt .titleLB, .lightBox .status-change-Birthdate header .headerTxt .titleLB, .lightBox .status-change-password header .headerTxt .titleLB, .lightBox .status-change-sex header .headerTxt .titleLB, .lightBox .status-data header .headerTxt .titleLB {
            color: #E21420;
            font-family: Montserrat,sans-serif;
            font-size: 64px;
            font-weight: 700;
            letter-spacing: 4.8px
        }

        .lightBox .awards-propose-content header .headerTxt .userName, .lightBox .status-awards header .headerTxt .userName, .lightBox .status-change-Birthdate header .headerTxt .userName, .lightBox .status-change-password header .headerTxt .userName, .lightBox .status-change-sex header .headerTxt .userName, .lightBox .status-data header .headerTxt .userName {
            color: #3B3C40;
            font-family: Montserrat,sans-serif;
            font-size: 28px;
            font-weight: 700;
            margin-top: 30px;
            text-transform: uppercase
        }

.lightBox .awards-propose-content main, .lightBox .status-awards main, .lightBox .status-change-Birthdate main, .lightBox .status-change-password main, .lightBox .status-change-sex main, .lightBox .status-data main {
    padding: 50px 90px
}

    .lightBox .awards-propose-content main p, .lightBox .status-awards main p, .lightBox .status-change-Birthdate main p, .lightBox .status-change-password main p, .lightBox .status-change-sex main p, .lightBox .status-data main p {
        color: #3B3C40;
        font-family: Montserrat,sans-serif;
        font-size: 18px;
        letter-spacing: 1.35px;
        opacity: .7;
        position: relative;
        text-align: center
    }

        .lightBox .awards-propose-content main p:last-child, .lightBox .status-awards main p:last-child, .lightBox .status-change-Birthdate main p:last-child, .lightBox .status-change-password main p:last-child, .lightBox .status-change-sex main p:last-child, .lightBox .status-data main p:last-child {
            margin-top: 40px
        }

        .lightBox .awards-propose-content main p span, .lightBox .status-awards main p span, .lightBox .status-change-Birthdate main p span, .lightBox .status-change-password main p span, .lightBox .status-change-sex main p span, .lightBox .status-data main p span {
            font-family: Montserrat,sans-serif;
            font-size: 18px;
            font-weight: 700
        }

.lightBox .awards-propose-content .userImg, .lightBox .status-awards .userImg, .lightBox .status-change-Birthdate .userImg, .lightBox .status-change-password .userImg, .lightBox .status-change-sex .userImg, .lightBox .status-data .userImg {
    border: 12px solid #FFF;
    border-radius: 65px;
    display: table-cell;
    height: 130px;
    margin: 0 65px 30px;
    vertical-align: bottom;
    width: 130px;
    background-size: cover !important;
    background-position: center
}

.lightBox .awards-propose-content main h2 {
    color: #3B3C40;
    font-family: Montserrat,sans-serif;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 30px
}

.lightBox .awards-propose-content main input, .lightBox .awards-propose-content main textarea {
    background-color: #F6F6F6;
    border: 0;
    border-radius: 8px;
    margin: 15px 0;
    padding: 20px 50px 40px
}

.lightBox .awards-propose-content main p {
    color: #4A4A4A;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: left
}

    .lightBox .awards-propose-content main p:last-child {
        margin-top: 0
    }

.lightBox .awards-propose-content main textarea {
    height: 250px;
    margin-bottom: 60px
}

.lightBox .awards-propose-content main label.error {
    color: red;
    font-size: 12px;
    font-weight: 100;
    font-family: montserrat,sans-serif
}

.lightBox .editBtn img {
    display: inline;
    margin: 20px 30px
}

.lightBox .fullsizeBtn {
    padding: 30px 0 35px;
    width: 100%
}

.lightBox .profile-popup-message {
    color: red;
    text-align: center;
    font-size: 12px
}

.lightBox .status-awards main p {
    text-align: left
}

.lightBox .status-change-Birthdate .fullsizeBtn, .lightBox .status-change-password .fullsizeBtn, .lightBox .status-change-sex .fullsizeBtn {
    padding: 0
}

.lightBox #changeSexLB {
    padding: 0 25%
}

.lightBox .status-data main label {
    color: #3B3C40;
    font-family: Montserrat,sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px;
    opacity: .5
}

.lightBox .status-data main p {
    text-align: center
}

    .lightBox .status-data main p span {
        font-family: Montserrat,sans-serif;
        font-size: 18px;
        font-weight: 700;
        left: 72%;
        position: absolute;
        top: 35%
    }

.lightBox .status-data .fullsizeBtn {
    padding: 0
}

.lightBox .top-members main {
    padding: 70px 2% 70px 10%
}

    .lightBox .top-members main .featuredUsers {
        height: 600px
    }

        .lightBox .top-members main .featuredUsers .featuredUsersList {
            height: 570px;
            overflow-y: auto
        }

            .lightBox .top-members main .featuredUsers .featuredUsersList .featuredUser, .lightBox .top-members main .featuredUsers .featuredUsersList .featuredUser .featuredImg img {
                box-shadow: none
            }

                .lightBox .top-members main .featuredUsers .featuredUsersList .featuredUser .featuredData .featuredName {
                    text-transform: uppercase
                }

                .lightBox .top-members main .featuredUsers .featuredUsersList .featuredUser .featuredData .featuredPoints {
                    color: #E21420;
                    float: right;
                    font-family: Montserrat,sans-serif;
                    font-size: 24px;
                    font-weight: 700
                }

                    .lightBox .top-members main .featuredUsers .featuredUsersList .featuredUser .featuredData .featuredPoints span:after {
                        content: url(/assets/images/leaf-xs.png);
                        height: 21px;
                        margin-left: 5px;
                        width: 15px
                    }

                .lightBox .top-members main .featuredUsers .featuredUsersList .featuredUser .featuredData .featuredProgress a {
                    color: #BEBEBE;
                    font-family: Montserrat,sans-serif;
                    font-size: 12px;
                    font-weight: 400;
                    letter-spacing: .9px;
                    text-decoration: underline
                }

.lightBox #passwordForm .colLB {
    float: none;
    margin: 10px;
    width: 40%
}

    .lightBox #passwordForm .colLB span {
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block
    }

    .lightBox #passwordForm .colLB input {
        border: 0;
        color: #d8d8d8;
        padding: 5px 10px 5px 0
    }

    .lightBox #passwordForm .colLB .error {
        color: red;
        font-size: 12px;
        font-weight: 100;
        font-family: montserrat,sans-serif
    }

@media (max-width: 1440px) {
    .status article .howToPoints .howToTitle {
        padding-left: 250px
    }

        .status article .howToPoints .howToTitle:before {
            left: 80px
        }

    .status article .yourStatus .yourStatusPoints {
        font-size: 100px
    }
}

@media (max-width: 1199px) {
    .status article header .statusMenu .statusPropose a {
        font-size: 16px;
        letter-spacing: normal
    }

    .status article .howToPoints .howToTitle {
        padding-left: 180px
    }

        .status article .howToPoints .howToTitle:before {
            left: 20px
        }

    .status article .statusInfo #treeWrapper {
        width: 270px;
        height: 385px
    }

        .status article .statusInfo #treeWrapper img {
            width: 100%
        }

    .status article .yourStatus .yourStatusPoints {
        font-size: 60px;
        width: 55%
    }
}

@media (max-width: 960px) {
    .container-sm article header .statusUser-sm .statusName, .container-sm article main .yourCategory .statusCategory .yourCategory, .container-sm article main .yourCategory .statusCategory .yourPoints, .container-sm article main .yourRanking .titleRank, .container-sm article main p {
        font-family: Montserrat,sans-serif
    }

    .status-container-lg {
        display: none
    }

    .container-sm {
        display: block
    }

        .container-sm article {
            margin: 0 auto;
            padding: 0
        }

            .container-sm article.prizesContainer {
                width: 100%
            }

            .container-sm article header {
                background: #FFF;
                padding: 10px 0 0;
                text-align: center;
                width: 100%
            }

                .container-sm article header .statusUser-sm {
                    margin: 0 auto;
                    width: 100%
                }

                    .container-sm article header .statusUser-sm .statusName {
                        color: #3B3C40;
                        float: left;
                        font-size: 12px;
                        font-weight: 700;
                        letter-spacing: .9px;
                        line-height: 19px;
                        padding: 28px 2% 30px;
                        text-transform: uppercase;
                        width: 75%
                    }

                    .container-sm article header .statusUser-sm .statusUserImage {
                        background-size: cover;
                        background-position: center;
                        float: left;
                        margin-top: 16px;
                        border-radius: 21px;
                        width: 42px;
                        height: 42px
                    }

            .container-sm article main {
                background-color: #FAFAFA;
                padding: 6% 10% 4%;
                width: 100%
            }

                .container-sm article main p {
                    color: #4A4A4A;
                    opacity: .51;
                    font-size: 16px;
                    font-weight: 300;
                    letter-spacing: 1.2px;
                    line-height: 20px
                }

                .container-sm article main .yourCategory {
                    position: relative
                }

                    .container-sm article main .yourCategory .statusCategory .yourCategory {
                        color: #E21420;
                        font-size: 20px;
                        font-weight: 700;
                        letter-spacing: 1.5px;
                        max-width: 41%;
                        margin-bottom: 30px
                    }

                    .container-sm article main .yourCategory .statusCategory .yourPoints {
                        color: #E21420;
                        float: left;
                        padding-right: 44px;
                        font-size: 88px;
                        font-weight: 700;
                        letter-spacing: 6.6px;
                        line-height: 90px
                    }

                    .container-sm article main .yourCategory .statusCategory .yourPointsIcon {
                        float: left;
                        margin-top: 18px
                    }

                    .container-sm article main .yourCategory .statusCategory .redButton {
                        background-color: #E21420
                    }

                        .container-sm article main .yourCategory .statusCategory .redButton:hover {
                            background-color: #FFF;
                            border: 1px solid #E21420;
                            color: #E21420
                        }

                    .container-sm article main .yourCategory .statusCategory .checkPrizes {
                        text-transform: none;
                        font-size: 14px;
                        padding: 12px;
                        display: block;
                        text-align: center
                    }

                    .container-sm article main .yourCategory .tree-sm {
                        float: left;
                        width: 50%
                    }

                    .container-sm article main .yourCategory .treeWrapper {
                        float: left;
                        position: relative;
                        height: 182px;
                        width: 127px;
                        background-color: #dcdddc
                    }

                        .container-sm article main .yourCategory .treeWrapper .treeGradientBar {
                            background-color: #e42420;
                            bottom: 0;
                            height: 0;
                            position: absolute;
                            transition: all 2s;
                            width: 100%
                        }

                        .container-sm article main .yourCategory .treeWrapper img {
                            position: absolute;
                            height: 183px;
                            width: 128px
                        }

                    .container-sm article main .yourCategory:after {
                        content: " ";
                        visibility: hidden;
                        display: block;
                        height: 0;
                        clear: both
                    }

                .container-sm article main .yourRanking {
                    margin-top: 30px;
                    text-align: center;
                    padding-top: 25px
                }

                    .container-sm article main .yourRanking .localRank, .container-sm article main .yourRanking .titleRank, .container-sm article main .yourRanking .worldRank {
                        display: inline-block;
                        margin-left: 18px;
                        position: relative
                    }

                    .container-sm article main .yourRanking .localRank, .container-sm article main .yourRanking .worldRank {
                        color: #3B3C40;
                        font-family: Montserrat,sans-serif;
                        font-size: 13px;
                        font-weight: 700;
                        letter-spacing: 1.05px;
                        line-height: 19px;
                        padding-left: 36px
                    }

                        .container-sm article main .yourRanking .localRank:before {
                            bottom: -4px;
                            content: url(/assets/images/local-sm.png);
                            height: 28px;
                            left: 0;
                            position: absolute;
                            width: 28px
                        }

                    .container-sm article main .yourRanking .titleRank {
                        color: #9E9E9E;
                        font-size: 18px;
                        font-weight: 300;
                        letter-spacing: 1.35px;
                        line-height: 19px
                    }

                .container-sm article main .yourStatus, .container-sm article main .yourStatus span {
                    font-family: Montserrat,sans-serif;
                    font-weight: 700
                }

                .container-sm article main .yourRanking .worldRank:before {
                    bottom: -2px;
                    content: url(/assets/images/world-sm.png);
                    height: 28px;
                    left: 0;
                    position: absolute;
                    width: 28px
                }

                .container-sm article main .yourRanking:after {
                    content: " ";
                    visibility: hidden;
                    display: block;
                    height: 0;
                    clear: both
                }

                .container-sm article main .yourStatus {
                    color: #3B3C40;
                    font-size: 20px;
                    letter-spacing: 1.5px;
                    line-height: 26px;
                    text-align: left;
                    width: auto
                }

                    .container-sm article main .yourStatus span {
                        color: #FF0606;
                        font-size: 12px;
                        letter-spacing: .9px;
                        line-height: 14px;
                        margin-left: 20px;
                        padding-left: 25px;
                        position: relative
                    }

                        .container-sm article main .yourStatus span:before {
                            content: url(/assets/images/user-alert.png);
                            height: 15px;
                            left: 0;
                            position: absolute;
                            top: 0;
                            width: 15px
                        }

                    .container-sm article main .yourStatus .statusActions .statusEdit a {
                        color: #D0021B
                    }

            .container-sm article #pointsWrapper-sm {
                background-color: #FFF;
                padding: 5% 10%
            }

                .container-sm article #pointsWrapper-sm .moreInfo {
                    color: #9B9B9B;
                    text-align: center;
                    font-size: 18px;
                    font-weight: 300;
                    letter-spacing: 1.35px;
                    line-height: 19px;
                    border-bottom: 2px solid;
                    margin-bottom: 30px;
                    padding-bottom: 10px
                }

                .container-sm article #pointsWrapper-sm .pointsCategories {
                    display: table;
                    margin-bottom: 20px;
                    position: relative
                }

                    .container-sm article #pointsWrapper-sm .pointsCategories .pointsDesc, .container-sm article #pointsWrapper-sm .pointsCategories .pointsImg {
                        display: table-cell
                    }

                        .container-sm article #pointsWrapper-sm .pointsCategories .pointsDesc p {
                            margin: 6px 22px
                        }

                        .container-sm article #pointsWrapper-sm .pointsCategories .pointsDesc .pd-description {
                            color: #9B9B9B;
                            font-size: 14px;
                            font-weight: 400
                        }

                        .container-sm article #pointsWrapper-sm .pointsCategories .pointsDesc .pd-points {
                            color: #000;
                            font-size: 20px;
                            font-weight: 400;
                            letter-spacing: 1.06px;
                            line-height: 19px
                        }

                        .container-sm article #pointsWrapper-sm .pointsCategories .pointsDesc .pd-pointsName {
                            color: #DCDCDC;
                            font-size: 16px;
                            font-weight: 700
                        }

                    .container-sm article #pointsWrapper-sm .pointsCategories .link {
                        background-color: #fff;
                        height: 100%;
                        opacity: 0;
                        position: absolute;
                        right: 0;
                        text-decoration: none;
                        top: 0;
                        width: 100%;
                        z-index: 10
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn .pd-pointsName {
                        color: #D0021B
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOff.points1 .pointsImg {
                        background: url(/assets/images/points-1-on.png) 50% 50% no-repeat;
                        opacity: .3;
                        filter: alpha(opacity=30);
                        min-height: 58px;
                        min-width: 58px
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn.points1 .pointsImg {
                        background: url(/assets/images/points-1-on.png) 50% 50% no-repeat;
                        min-height: 58px;
                        min-width: 58px;
                        transition: all 2s
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOff.points2 .pointsImg {
                        background: url(/assets/images/points-2-on.png) 50% 50% no-repeat;
                        opacity: .3;
                        filter: alpha(opacity=30);
                        min-height: 58px;
                        min-width: 58px
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn.points2 .pointsImg {
                        background: url(/assets/images/points-2-on.png) 50% 50% no-repeat;
                        min-height: 58px;
                        min-width: 58px;
                        transition: all 2s
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOff.points3 .pointsImg {
                        background: url(/assets/images/points-3-on.png) 50% 50% no-repeat;
                        opacity: .3;
                        filter: alpha(opacity=30);
                        min-height: 58px;
                        min-width: 58px
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn.points3 .pointsImg {
                        background: url(/assets/images/points-3-on.png) 50% 50% no-repeat;
                        min-height: 58px;
                        min-width: 58px;
                        transition: all 2s
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOff.points4 .pointsImg {
                        background: url(/assets/images/points-4-on.png) 50% 50% no-repeat;
                        opacity: .3;
                        filter: alpha(opacity=30);
                        min-height: 58px;
                        min-width: 58px
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn.points4 .pointsImg {
                        background: url(/assets/images/points-4-on.png) 50% 50% no-repeat;
                        min-height: 58px;
                        min-width: 58px;
                        transition: all 2s
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOff.points5 .pointsImg {
                        background: url(/assets/images/points-5-on.png) 50% 50% no-repeat;
                        opacity: .3;
                        filter: alpha(opacity=30);
                        min-height: 58px;
                        min-width: 58px
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn.points5 .pointsImg {
                        background: url(/assets/images/points-5-on.png) 50% 50% no-repeat;
                        min-height: 58px;
                        min-width: 58px;
                        transition: all 2s
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOff.points6 .pointsImg {
                        background: url(/assets/images/points-6-on.png) 50% 50% no-repeat;
                        opacity: .3;
                        filter: alpha(opacity=30);
                        min-height: 58px;
                        min-width: 58px
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn.points6 .pointsImg {
                        background: url(/assets/images/points-6-on.png) 50% 50% no-repeat;
                        min-height: 58px;
                        min-width: 58px;
                        transition: all 2s
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOff.points7 .pointsImg {
                        background: url(/assets/images/points-7-on.png) 50% 50% no-repeat;
                        opacity: .3;
                        filter: alpha(opacity=30);
                        min-height: 58px;
                        min-width: 58px
                    }

                    .container-sm article #pointsWrapper-sm .pointsCategories.pointsOn.points7 .pointsImg {
                        background: url(/assets/images/points-7-on.png) 50% 50% no-repeat;
                        min-height: 58px;
                        min-width: 58px;
                        transition: all 2s
                    }

    .lightBox .awards-propose-content main h2 {
        font-size: 34px
    }

    .lightBox .awards-propose-content main textarea {
        padding: 10px 10px 20px
    }

    .lightBox .editBtn {
        font-size: 14px
    }

        .lightBox .editBtn img {
            padding: 20px 15px
        }

    .lightBox .grayLightButton {
        font-size: 12px;
        width: 100%
    }

    .lightBox .status-data main {
        padding: 10%
    }

        .lightBox .status-data main label {
            font-size: 10px;
            width: 65%
        }
}

.contact .h1, .webs .columns .column p {
    text-transform: uppercase
}

.awards .awardHeader:after, .contact .depts:after, .contact .headquarters .hqData .hqMap:after, .contact .headquarters:after {
    content: " ";
    visibility: hidden;
    clear: both
}

@media (max-width: 480px) {
    .container-sm article main .yourCategory .statusCategory .yourPoints {
        font-size: 78px;
        padding-right: 15px !important
    }

        .container-sm article main .yourCategory .statusCategory .yourPoints:after {
            right: -15px !important
        }

    .container-sm article main .yourRanking {
        text-align: left
    }

        .container-sm article main .yourRanking .localRank, .container-sm article main .yourRanking .worldRank {
            padding-left: 30px;
            padding-right: 0
        }

        .container-sm article main .yourRanking .titleRank {
            font-size: 14px;
            margin-left: 0;
            margin-right: 13%
        }

    .lightBox .awards-propose-content main, .lightBox .status-awards main, .lightBox .status-change-Birthdate main, .lightBox .status-change-password main, .lightBox .status-change-sex main, .lightBox .status-data main {
        padding: 50px 10px
    }

        .lightBox .awards-propose-content main .colB, .lightBox .status-awards main .colB, .lightBox .status-change-Birthdate main .colB, .lightBox .status-change-password main .colB, .lightBox .status-change-sex main .colB, .lightBox .status-data main .colB {
            width: 90%
        }

            .lightBox .awards-propose-content main .colB input, .lightBox .status-awards main .colB input, .lightBox .status-change-Birthdate main .colB input, .lightBox .status-change-password main .colB input, .lightBox .status-change-sex main .colB input, .lightBox .status-data main .colB input {
                padding: 5px 0;
                width: 100%
            }

    .lightBox #changeSexLB {
        padding: 0 5%
    }

        .lightBox #changeSexLB .rowLB .colLB input[type=checkbox] {
            float: left;
            min-width: 15px;
            width: 20%
        }

        .lightBox #changeSexLB .rowLB .colLB label {
            width: 50%
        }

    .lightBox .grayLightButton.arrow-left:before {
        left: 8%;
        top: 35%
    }
}

.contact .depts {
    margin: 70px auto;
    text-align: center
}

    .contact .depts .dept {
        color: #4A4A4A;
        float: left;
        font-size: 18px;
        margin: 70px auto;
        min-height: 330px;
        padding: 0 10%;
        width: 50%
    }

        .contact .depts .dept a {
            color: #E21420;
            font-size: 18px;
            opacity: .7
        }

        .contact .depts .dept .deptImg {
            height: 122px;
            margin: 20px auto;
            width: 116px
        }

        .contact .depts .dept .deptTitle {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 40px;
            opacity: .7;
            text-transform: uppercase
        }

        .contact .depts .dept p {
            color: #4A4A4A;
            font-size: 18px;
            font-weight: 400;
            margin: 0
        }

            .contact .depts .dept p a, .contact .h1 {
                font-weight: 700
            }

.contact h1 {
    margin: 0
}

.contact .h1 {
    background-color: #FAFAFA;
    color: #3B3C40;
    font-size: 64px;
    letter-spacing: 4.8px;
    margin-bottom: 80px;
    padding: 90px 0;
    text-align: center
}

.contact .headquarters {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: left;
    width: 62%
}

    .contact .headquarters .hqData {
        flex: 1 1 40%;
        line-height: 30px;
        margin-left: 10%;
        opacity: .7
    }

        .contact .headquarters .hqData .hqMap a {
            float: left
        }

        .contact .headquarters .hqData .hqMap .hqTitle {
            float: left;
            margin: 10px 20px 40px 0
        }

        .contact .headquarters .hqData .hqMap:after {
            display: block;
            height: 0
        }

        .contact .headquarters .hqData .hqTitle {
            color: #000;
            font-size: 20px;
            font-weight: 700
        }

        .contact .headquarters .hqData p {
            color: #4A4A4A;
            font-size: 18px;
            font-weight: 400;
            margin: 0
        }

            .contact .headquarters .hqData p a {
                color: #E21420;
                font-size: 18px;
                font-weight: 400
            }

.columns .column p, .columns .column p a {
    color: #4A4A4A;
    font-weight: 400;
    line-height: 30px
}

.contact .headquarters .hqImg {
    flex: 1 1 40%
}

    .contact .headquarters .hqImg img {
        display: inline
    }

.contact .depts:after, .contact .headquarters:after {
    display: block;
    height: 0
}

.contact .headquarters.department {
    border-bottom: 3px solid #9B9B9B
}

    .contact .headquarters.department .hqData {
        margin: 0
    }

    .contact .headquarters.department .hqImg {
        text-align: right
    }

        .contact .headquarters.department .hqImg img {
            display: inline
        }

.contact main img {
    width: 100%
}

@media (max-width: 960px) {
    .contact .depts .dept {
        margin: 20px auto;
        width: 100%
    }

    .contact .headquarters .hqData, .contact .headquarters .hqImg {
        flex: 1 1 100%
    }

    .contact .headquarters .hqImg {
        margin-bottom: 20px
    }

    .contact .headquarters.department {
        flex-direction: column-reverse
    }
}

@media (max-width: 480px) {
    .contact .h1 {
        font-size: 36px
    }
}

.columns {
    margin: 0 auto;
    padding-bottom: 80px
}

    .columns .column {
        padding: 0 4%
    }

        .columns .column ul, .webMap .columns .column {
            padding: 0
        }

        .columns .column p {
            font-size: 18px;
            margin: 30px 0
        }

            .columns .column p a, .columns .column p strong {
                font-size: 18px
            }

            .columns .column p.legalTitle {
                color: #E21420;
                font-size: 20px;
                font-weight: 700;
                margin: 40px auto
            }

        .columns .column ul li {
            font-size: 18px;
            font-weight: 400
        }

    .columns.legals .column h3 {
        color: #E21420;
        font-size: 20px;
        font-weight: 700;
        margin: 40px auto
    }

    .columns.legals .column a {
        color: #FF0606 !important;
        font-family: Asap
    }

        .columns.legals .column a:hover {
            text-decoration: none
        }

.webMap .columns, .webs .columns {
    display: flex;
    flex-flow: row wrap
}

    .webMap .columns .column, .webs .columns .column {
        flex: 1 1 25%
    }

.webMap .columns {
    width: 70%
}

.webMap p.legalTitle {
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 0;
    padding-bottom: 40px
}

.error404 main .error404Img {
    background-color: #FAFAFA;
    padding: 45px 0;
    text-align: center
}

    .error404 main .error404Img img {
        display: inline
    }

.error404 main h1 {
    color: #FF2851;
    font-size: 200px;
    font-weight: 200;
    letter-spacing: 15px;
    text-align: center
}

.error404 main p {
    color: #4A4A4A;
    font-size: 18px;
    margin: 80px auto 300px;
    text-align: center
}

@media (max-width: 1199px) {
    .error404 main h1 {
        font-size: 150px
    }
}

@media (max-width: 960px) {
    .webMap .columns .column {
        flex: 1 1 100%
    }

    .error404 main h1 {
        font-size: 100px
    }
}

@media (max-width: 640px) {
    .error404 main h1 {
        font-size: 50px
    }

    .error404 main p {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .error404 main h1 {
        font-size: 30px
    }
}

.webs .columns .column p a {
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 400
}

    .webs .columns .column p a:hover {
        text-decoration: underline
    }

.webs .img-header {
    height: 356px;
    overflow: hidden;
    position: relative
}

    .webs .img-header img {
        bottom: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

@media (max-width: 960px) {
    .webs .columns .column {
        flex: 1 1 100%
    }

    .webs .img-header img {
        height: 100%;
        width: auto
    }
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #000
    }

#prizeDetailList {
    display: none
}

    #prizeDetailList .relatedContent {
        padding: 55px 100px
    }

.awards .awardHeader:after {
    display: block;
    height: 0
}

.awards .locked .prizeLevelDesc, .awards .locked h4 {
    color: #d8d8d8
}

.awards .locked .points {
    color: #333
}

.awards .locked .prize-level-img {
    opacity: .15
}

.awards .locked.slide {
    cursor: not-allowed;
    box-shadow: none
}

.awards .locked .locked-icon {
    background: url(../../assets/images/padlock.png) no-repeat;
    width: 140px;
    height: 180px;
    position: absolute;
    top: 80px;
    left: calc(50% - 70px)
}

.awards .awardsLevel {
    padding: 60px 0 60px 100px
}

    .awards .awardsLevel.level-1 .onlyImg {
        float: left;
        margin-left: 10%;
        text-align: center
    }

        .awards .awardsLevel.level-1 .onlyImg .redButton {
            margin-top: 35px;
            width: 100%
        }

    .awards .awardsLevel.level-2 .levelDesc {
        width: 25%
    }

    .awards .awardsLevel.level-2 .relatedContent {
        padding: 20px 40px !important;
        text-transform: none
    }

        .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport {
            height: auto !important
        }

            .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut {
                width: auto !important;
                border-right: 1px solid #979797;
                padding: 21px 33px
            }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut.slideLast, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut.slideLast {
                    border-right: none !important
                }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-subtitle, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-subtitle {
                    color: #E21420;
                    font-family: Montserrat,sans-serif;
                    font-size: 10px;
                    font-weight: 400
                }

                    .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-subtitle .floated, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-subtitle .floated {
                        margin-right: 5px
                    }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-title, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-title {
                    color: #000;
                    font-family: Montserrat,sans-serif;
                    font-size: 18px;
                    font-weight: 400
                }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .colImg, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .colImg {
                    height: 118px;
                    margin-bottom: 25px;
                    width: 170px
                }

                    .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .colImg div.img, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .colImg div.img {
                        width: 100%;
                        height: 100%;
                        background-size: cover !important;
                        background-repeat: no-repeat !important;
                        background-position: 0 0 !important
                    }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .descAward, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .descAward {
                    width: 170px
                }

                    .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .descAward .car-subtitle, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .descAward .car-subtitle {
                        font-size: 10px
                    }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide div[class^=col-], .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide div[class^=col-] {
                    border-left: 1px solid #9E9E9E;
                    padding: 45px 4% 25px
                }

                    .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide div[class^=col-]:first-child, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide div[class^=col-]:first-child {
                        border-left: 0
                    }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .glyphicon-chevron-left:before, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .glyphicon-chevron-left:before {
                    content: url(/assets/images/arrow-left-award.png)
                }

                .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .glyphicon-chevron-right:before, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .glyphicon-chevron-right:before {
                    content: url(/assets/images/arrow-right-award.png)
                }

    .awards .awardsLevel .awardDescription:after, .awards .awardsLevel:after {
        content: " ";
        visibility: hidden;
        display: block;
        clear: both
    }

    .awards .awardsLevel.level-2 .relatedContent #award-carousel-2 .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .row, .awards .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile .bx-wrapper .bx-viewport #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .row {
        padding: 0 30px
    }

    .awards .awardsLevel.level-3 .levelDesc {
        width: 25%
    }

    .awards .awardsLevel.level-3 .relatedContent {
        padding: 20px 40px !important;
        text-transform: none
    }

        .awards .awardsLevel.level-3 .relatedContent #award-carousel-3 .bx-wrapper, .awards .awardsLevel.level-3 .relatedContent #award-carousel-3-mobile .bx-wrapper {
            max-width: none !important
        }

            .awards .awardsLevel.level-3 .relatedContent #award-carousel-3 .bx-wrapper .bx-viewport, .awards .awardsLevel.level-3 .relatedContent #award-carousel-3-mobile .bx-wrapper .bx-viewport {
                height: auto !important
            }

                .awards .awardsLevel.level-3 .relatedContent #award-carousel-3 .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut, .awards .awardsLevel.level-3 .relatedContent #award-carousel-3-mobile .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut {
                    width: 300px !important;
                    border-right: 1px solid #979797;
                    padding: 21px 33px
                }

                    .awards .awardsLevel.level-3 .relatedContent #award-carousel-3 .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut p, .awards .awardsLevel.level-3 .relatedContent #award-carousel-3-mobile .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut p {
                        text-transform: none
                    }

                    .awards .awardsLevel.level-3 .relatedContent #award-carousel-3 .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut.slideLast, .awards .awardsLevel.level-3 .relatedContent #award-carousel-3-mobile .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut.slideLast {
                        border-right: none !important
                    }

                    .awards .awardsLevel.level-3 .relatedContent #award-carousel-3 .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut .ebookSlide, .awards .awardsLevel.level-3 .relatedContent #award-carousel-3-mobile .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut .ebookSlide {
                        width: 218px
                    }

                        .awards .awardsLevel.level-3 .relatedContent #award-carousel-3 .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut .ebookSlide .awardImg, .awards .awardsLevel.level-3 .relatedContent #award-carousel-3-mobile .bx-wrapper .bx-viewport #ebookCarousel .ebookSlideOut .ebookSlide .awardImg {
                            margin: 0 !important
                        }

    .awards .awardsLevel.level-4 .onlyImg {
        float: right;
        padding: 90px 90px 0 0
    }

    .awards .awardsLevel.level-4 #proposedContents {
        width: 50%;
        float: left
    }

    .awards .awardsLevel.level-5 .awardDescription {
        border: 1px solid #9E9E9E;
        padding: 60px 50px 60px 70px;
        position: relative;
        margin-top: 30px
    }

        .awards .awardsLevel.level-5 .awardDescription .awardSubTitle {
            color: #E21420;
            font-family: Montserrat,sans-serif;
            font-size: 44px;
            font-weight: 700;
            text-transform: uppercase
        }

        .awards .awardsLevel.level-5 .awardDescription .awardTitle {
            font-size: 24px;
            text-transform: uppercase
        }

        .awards .awardsLevel.level-5 .awardDescription .userImg {
            left: 40%;
            position: absolute;
            top: -35%;
            height: 90px;
            width: 90px;
            border-radius: 50%
        }

    .awards .awardsLevel .awardBtn .redButton {
        width: 100%
    }

    .awards .awardsLevel .awardDescription {
        margin-bottom: 25px;
        width: 100%
    }

        .awards .awardsLevel .awardDescription .awardImg {
            margin-right: 35px
        }

        .awards .awardsLevel .awardDescription .awardSubTitle {
            color: #9B9B9B;
            font-family: Montserrat,sans-serif;
            font-size: 24px;
            font-weight: 400
        }

        .awards .awardsLevel .awardDescription .awardTitle {
            color: #3B3C40;
            font-family: Montserrat,sans-serif;
            font-size: 42px;
            font-weight: 700
        }

        .awards .awardsLevel .awardDescription:after {
            height: 0
        }

    .awards .awardsLevel .awardLinks {
        margin-right: 50px
    }

        .awards .awardsLevel .awardLinks .awardImg {
            float: left;
            margin-right: 10px
        }

        .awards .awardsLevel .awardLinks .awardLink {
            background-color: #fff;
            height: 42px;
            padding: 5px;
            text-align: center;
            transition: all 1s;
            width: 84px
        }

            .awards .awardsLevel .awardLinks .awardLink a {
                color: #000;
                font-family: Montserrat,sans-serif;
                font-size: 18px;
                font-weight: 400
            }

            .awards .awardsLevel .awardLinks .awardLink:hover {
                background-color: #d8d8d8
            }

    .awards .awardsLevel .levelDesc {
        margin-right: 7%;
        width: 33%
    }

        .awards .awardsLevel .levelDesc .h3 {
            color: #E21420;
            font-size: 20px;
            font-weight: 700
        }

        .awards .awardsInfo .awardTxt, .awards .awardsLevel .levelDesc p, .awards .awardsLevel p {
            font-size: 18px;
            font-weight: 400;
            font-family: Montserrat,sans-serif
        }

        .awards .awardsLevel .levelDesc p {
            color: #4A4A4A;
            margin-bottom: 15px
        }

    .awards .awardsLevel p {
        color: #000
    }

    .awards .awardsLevel:after {
        height: 0
    }

.awards .downloadAward {
    float: left
}

.awards .awardsList {
    background-color: #F0F0F0
}

.awards .getAward, .awards .relatedContent .carousel-inner .item .row div[class^=col-] {
    background-color: #F5F5F5
}

.awards .awardsInfo {
    padding: 80px 0 0;
    position: relative;
    width: 50%
}

    .awards .awardsInfo .awardTxt {
        color: #4A4A4A;
        line-height: 30px;
        opacity: .7;
        padding-bottom: 65px
    }

    .awards .awardsInfo .centerLink {
        border-top: 3px solid #9B9B9B;
        margin-bottom: 40px;
        padding-top: 40px;
        text-align: center
    }

        .awards .awardsInfo .centerLink .redLink:hover {
            color: #FF1800;
            text-decoration: underline
        }

    .awards .awardsInfo .h1 {
        color: #3B3C40;
        font-size: 72px;
        font-weight: 700;
        letter-spacing: 5.4px;
        line-height: 51px;
        margin: 0 auto 50px;
        text-transform: none
    }

    .awards .awardsInfo .subtitle {
        border: 0;
        color: #4A4A4A;
        font-family: Montserrat,sans-serif;
        font-size: 24px;
        font-weight: lighter;
        line-height: 30px;
        padding-bottom: 75px
    }

    .awards .awardsInfo .yourStatus {
        border-left: 3px solid #9B9B9B;
        margin-bottom: 75px;
        width: auto
    }

        .awards .awardsInfo .yourStatus p {
            clear: both;
            color: #000;
            font-family: Montserrat,sans-serif;
            font-size: 44px;
            font-weight: 700;
            letter-spacing: 2.1px
        }

        .awards .awardsInfo .yourStatus .redButton {
            line-height: 30px;
            background-image: url(/assets/images/white-triangle.png);
            background-repeat: no-repeat;
            background-position: 8px
        }

        .awards .awardsInfo .yourStatus .yourStatusPoints {
            color: #E21420;
            float: none;
            font-size: 102px;
            margin: 0 auto
        }

    .awards .awardsInfo:first-child {
        padding: 80px 7% 0 6%
    }

.awards .getAward {
    float: left;
    overflow: hidden;
    width: 50%
}

    .awards .getAward .awardDownload {
        padding: 50px 80px
    }

        .awards .getAward .awardDownload .h2 {
            margin-bottom: 55px
        }

        .awards .getAward .awardDownload img {
            float: left
        }

        .awards .getAward .awardDownload .redLink {
            font-size: 14px;
            font-weight: 700;
            margin-left: 20px
        }

            .awards .getAward .awardDownload .redLink:hover {
                color: #FF1800;
                text-decoration: underline
            }

    .awards .getAward .h2 {
        color: #3B3C40;
        font-family: Montserrat,sans-serif;
        font-size: 48px;
        font-weight: 700
    }

    .awards .getAward .superTitle {
        color: #E21420;
        font-family: Montserrat,sans-serif;
        font-size: 20px;
        font-weight: 700
    }

.awards .relatedContent .carousel-inner .item .row div[class^=col-] p, .awards .relatedContent .carousel-inner .item .row div[class^=col-] span {
    font-size: 16px;
    font-weight: 400;
    font-family: Montserrat,sans-serif
}

.awards .relatedContent .carousel-inner #levelText {
    margin-left: 50px !important
}

.awards .relatedContent .carousel-inner .item {
    text-align: left
}

    .awards .relatedContent .carousel-inner .item .awardRed h4 a, .awards .relatedContent .carousel-inner .item .awardRed p {
        color: #E21420
    }

    .awards .relatedContent .carousel-inner .item .row div[class^=col-] a, .awards .relatedContent .carousel-inner .item .row div[class^=col-] p {
        color: #9B9B9B
    }

    .awards .relatedContent .carousel-inner .item .row div[class^=col-] h4 {
        background-color: transparent;
        min-height: 1px
    }

    .awards .relatedContent .carousel-inner .item .row div[class^=col-] .descAward {
        border-left: 1px solid #9B9B9B;
        margin: 30px 0;
        padding: 0 50px
    }

    .awards .relatedContent .carousel-inner .item .row div[class^=col-] span {
        background-color: transparent;
        color: #4A4A4A;
        float: right;
        position: static
    }

    .awards .relatedContent .carousel-inner .item .row div[class^=col-]:first-child .descAward {
        border-left: 0
    }

    .awards .relatedContent .carousel-inner .item .row .prizeDetailMobile #proposedContents {
        margin-bottom: 30px
    }

        .awards .relatedContent .carousel-inner .item .row .prizeDetailMobile #proposedContents span {
            float: none
        }

.transparentButton {
    background: 0 0;
    border: 2px solid #4A4A4A;
    border-radius: 91px;
    color: #4A4A4A;
    font-family: Montserrat,sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-top: 50px;
    padding: 10px;
    transition: all 1s;
    width: 100%
}

    .transparentButton:hover {
        background: #4A4A4A;
        color: #FFF
    }

@media (max-width: 1440px) {
    .columns .column p a:hover {
        text-decoration: underline
    }

    .awards .awardsInfo .yourStatus .yourStatusPoints {
        font-size: 80px
    }
}

@media (max-width: 960px) {
    .awards-container-lg {
        display: none
    }

    #awards-sm article main {
        padding: 10% 0
    }

        #awards-sm article main .yourStatus {
            text-align: left
        }

        #awards-sm article main .yourStatusSubtitle {
            opacity: .51;
            color: #4a4a4a;
            font-family: Montserrat,sans-serif;
            font-size: 16px;
            font-weight: 300;
            letter-spacing: 1.2px;
            line-height: 20px
        }

        #awards-sm article main .awardsLevel.level-2 .relatedContent #award-carousel-2 #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-subtitle .floated, #awards-sm article main .awardsLevel.level-2 .relatedContent #award-carousel-2-mobile #wallpaperCarousel .wallpaperSlideOut .wallpaperSlide .car-subtitle .floated {
            margin-right: 50px
        }

        #awards-sm article main .getAward {
            float: none;
            width: 100%;
            text-align: center
        }

            #awards-sm article main .getAward:after {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

            #awards-sm article main .getAward .getAwardHeaderImg {
                width: 100%
            }

            #awards-sm article main .getAward .awardDownload {
                padding: 0 0 40px
            }

                #awards-sm article main .getAward .awardDownload .superTitle {
                    margin: 30px 0 20px;
                    text-transform: uppercase
                }

                #awards-sm article main .getAward .awardDownload h2 {
                    font-size: 24px
                }

                #awards-sm article main .getAward .awardDownload img {
                    display: inline-block;
                    float: none
                }

            #awards-sm article main .getAward .h2 {
                font-size: 24px;
                margin-bottom: 20px
            }

        #awards-sm article main p {
            color: #4A4A4A;
            opacity: 1
        }

        #awards-sm article main .relatedContent {
            background: #FFF;
            padding: 0
        }

            #awards-sm article main .relatedContent:before {
                content: " ";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both
            }

            #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2 #wallpaperCarouselMobile .descAward .car-title, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2-mobile #wallpaperCarouselMobile .descAward .car-title, #awards-sm article main .relatedContent h2 {
                text-align: center
            }

            #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2 #wallpaperCarouselMobile .descAward .car-subtitle, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2-mobile #wallpaperCarouselMobile .descAward .car-subtitle {
                margin-left: 30%
            }

                #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2 #wallpaperCarouselMobile .descAward .car-subtitle .download-link, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2-mobile #wallpaperCarouselMobile .descAward .car-subtitle .download-link {
                    margin-left: 6%;
                    color: red
                }

                #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2 #wallpaperCarouselMobile .descAward .car-subtitle .floated, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-2-mobile #wallpaperCarouselMobile .descAward .car-subtitle .floated {
                    padding-left: 5px
                }

            #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3 .ebookSlideMobile, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3-mobile .ebookSlideMobile {
                text-align: center
            }

                #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3 .ebookSlideMobile .awardLinks, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3-mobile .ebookSlideMobile .awardLinks {
                    margin-left: 15%
                }

                    #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3 .ebookSlideMobile .awardLinks .awardImg, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3-mobile .ebookSlideMobile .awardLinks .awardImg {
                        float: left;
                        margin-right: 10px
                    }

                    #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3 .ebookSlideMobile .awardLinks .awardLink, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3-mobile .ebookSlideMobile .awardLinks .awardLink {
                        background-color: #fff;
                        height: 42px;
                        padding: 5px;
                        text-align: center;
                        transition: all 1s;
                        width: 84px
                    }

                        #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3 .ebookSlideMobile .awardLinks .awardLink a, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3-mobile .ebookSlideMobile .awardLinks .awardLink a {
                            color: #000;
                            font-family: Montserrat,sans-serif;
                            font-size: 18px;
                            font-weight: 400
                        }

                        #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3 .ebookSlideMobile .awardLinks .awardLink:hover, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3-mobile .ebookSlideMobile .awardLinks .awardLink:hover {
                            background-color: #d8d8d8
                        }

            #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3 .bx-controls .bx-pager, #awards-sm article main .relatedContent .carousel-inner .item #award-carousel-3-mobile .bx-controls .bx-pager {
                padding: 30px 0 50px
            }

            #awards-sm article main .relatedContent .carousel-inner .item .bx-controls .bx-pager {
                margin-left: 42%;
                padding-bottom: 50px
            }

                #awards-sm article main .relatedContent .carousel-inner .item .bx-controls .bx-pager .bx-pager-item {
                    float: left
                }

            #awards-sm article main .relatedContent .carousel-inner .item .row .awardRed .descAward .awards-points {
                color: #000
            }

            #awards-sm article main .relatedContent .carousel-inner .item .row .awardRed .descAward .car-subtitle .floated {
                margin-right: 50px
            }

            #awards-sm article main .relatedContent .carousel-inner .item .row .awardRed .descAward h4 a {
                color: #E21420
            }

            #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] {
                background: #FFF;
                height: auto;
                min-height: 430px
            }

                #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] .descAward {
                    background: #FFF;
                    border-left: 0;
                    padding: 0
                }

                    #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] .descAward:after {
                        content: " ";
                        visibility: hidden;
                        display: block;
                        height: 0;
                        clear: both
                    }

                    #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] .descAward h4 {
                        background: #FFF;
                        height: auto;
                        padding: 10px 0 0;
                        position: static
                    }

                        #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] .descAward h4 a {
                            color: #4A4A4A;
                            font-size: 24px;
                            font-weight: 700;
                            margin: 0 auto
                        }

                        #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] .descAward h4 p {
                            color: #4A4A4A;
                            padding: 0
                        }

                #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] .prizeDetailMobile #proposedContents {
                    margin-bottom: 60px
                }

                    #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-] .prizeDetailMobile #proposedContents p .proposeContentButton {
                        margin-top: 0
                    }

                #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-].locked .descAward h4 a, #awards-sm article main .relatedContent .carousel-inner .item .row div[class^=col-].locked .descAward p:nth-child(2) {
                    color: #FF2851
                }

            #awards-sm article main .relatedContent #custom-carousel, #awards-sm article main .relatedContent #custom-carousel .carousel-inner {
                padding: 0
            }

        #awards-sm article main .yourCategory, #awards-sm article main .yourStatus, #awards-sm article main p {
            padding: 0 10%
        }

        #awards-sm article main .yourCategory {
            margin-top: 120px;
            text-align: center
        }

            #awards-sm article main .yourCategory .statusCategory {
                position: relative;
                width: 100%
            }

                #awards-sm article main .yourCategory .statusCategory .yourCategoryName {
                    width: 100%;
                    text-align: center;
                    color: #E21420;
                    font-family: Montserrat,sans-serif;
                    font-size: 16px;
                    font-weight: 700;
                    letter-spacing: 1.2px;
                    position: absolute;
                    right: 0;
                    left: 0
                }

                #awards-sm article main .yourCategory .statusCategory .yourPoints {
                    width: 100%;
                    text-align: center;
                    font-size: 44px;
                    bottom: 60px
                }

                #awards-sm article main .yourCategory .statusCategory .yourCategoryName {
                    bottom: 32px
                }

        #awards-sm article main .yourRanking {
            padding: 25px 10% 30px
        }

    #awards-sm .yourPoints {
        padding-right: 0
    }

        #awards-sm .yourPoints:after {
            bottom: 0;
            position: relative
        }
}

.awards-no-login article {
    padding: 0
}

    .awards-no-login article .awardsList {
        display: flex;
        flex-flow: row wrap;
        margin: 60px auto
    }

        .awards-no-login article .awardsList .awardsItem {
            margin: 50px auto;
            padding: 0 90px
        }

            .awards-no-login article .awardsList .awardsItem .awardName {
                color: #E21420;
                font-family: Montserrat,sans-serif;
                font-size: 20px;
                font-weight: 700;
                margin-top: 25px
            }

    .awards-no-login article header {
        background: url(/assets/images/awards-header.png) right top no-repeat
    }

        .awards-no-login article header .awardsHeader {
            padding: 80px 570px 200px 170px;
            text-align: left
        }

            .awards-no-login article header .awardsHeader .awardsDown {
                color: #3B3C40;
                font-family: Montserrat,sans-serif;
                font-size: 34px;
                font-weight: 700;
                letter-spacing: 2.55px
            }

            .awards-no-login article header .awardsHeader .awardsUp {
                color: #3B3C40;
                font-family: Montserrat,sans-serif;
                font-size: 23px;
                font-weight: 300
            }

            .awards-no-login article header .awardsHeader .h1 {
                color: #E21420;
                font-family: Montserrat,sans-serif;
                font-size: 58px;
                font-weight: 200;
                letter-spacing: 4.35px;
                margin: 0 auto 20px
            }

    .awards-no-login article .howDo {
        background-color: #FAFAFA;
        padding: 100px 460px 100px 170px;
        position: relative
    }

        .awards-no-login article .howDo .h1 {
            color: #3B3C40;
            font-family: Montserrat,sans-serif;
            font-size: 46px;
            font-weight: 700;
            letter-spacing: 3.45px
        }

        .awards-no-login article .howDo p {
            color: #4A4A4A;
            font-family: Montserrat,sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 30px
        }

        .awards-no-login article .howDo:after {
            content: url(/assets/images/plus-leaf-lg.png);
            height: 190px;
            right: 10%;
            position: absolute;
            top: 45%;
            width: 261px
        }

    .awards-no-login article .redBand {
        background-color: #E21420;
        padding: 35px 0;
        text-align: center;
        transition: all 1s
    }

        .awards-no-login article .redBand a {
            color: #FFF;
            font-family: Montserrat,sans-serif;
            font-size: 27px;
            font-weight: 700
        }

        .awards-no-login article .redBand:hover {
            background-color: #FFF;
            border: 1px solid #E21420
        }

            .awards-no-login article .redBand:hover a {
                color: #E21420
            }


.category article .filterCategory ul li, .category article a .filterCategory ul li {
    width:33%!important;
}

@media (max-width: 640px) {
    .awards-no-login article .awardsList .awardsItem .awardName, .awards-no-login article .howDo .h1, .awards-no-login article .howDo p, .awards-no-login article .redBand a, .awards-no-login article header .awardsHeader .awardsDown, .awards-no-login article header .awardsHeader .awardsUp, .awards-no-login article header .awardsHeader .h1 {
        font-family: Montserrat,sans-serif
    }

    .awards-no-login article {
        padding: 0
    }

        .awards-no-login article .awardsList {
            display: flex;
            flex-flow: row wrap;
            text-align: center;
            margin: 0 0 50px
        }

            .awards-no-login article .awardsList .awardsItem {
                margin: 40px auto 0;
                padding: 0
            }

                .awards-no-login article .awardsList .awardsItem img {
                    width: 100%
                }

                .awards-no-login article .awardsList .awardsItem .awardName {
                    color: #E21420;
                    font-size: 20px;
                    font-weight: 700;
                    margin: 25px auto 0
                }

        .awards-no-login article header {
            background: url(/assets/images/awards-header.png) right 10px/auto 300px no-repeat
        }

            .awards-no-login article header .awardsHeader {
                padding: 300px 0 0;
                text-align: center
            }

                .awards-no-login article header .awardsHeader .awardsDown {
                    color: #3B3C40;
                    font-size: 20px;
                    font-weight: 700;
                    letter-spacing: 1.5px
                }

                .awards-no-login article header .awardsHeader .awardsUp {
                    color: #3B3C40;
                    font-size: 18px;
                    font-weight: lighter
                }

                .awards-no-login article header .awardsHeader .h1 {
                    color: #E21420;
                    font-size: 36px;
                    font-weight: lighter;
                    letter-spacing: 2.7px;
                    margin: 0 auto 20px
                }

        .awards-no-login article .howDo {
            background-color: #FAFAFA;
            padding: 2% 15% 35%;
            position: relative;
            text-align: center
        }

            .awards-no-login article .howDo .h1 {
                color: #3B3C40;
                font-size: 46px;
                font-weight: 700;
                letter-spacing: 3.45px;
                margin: 30px auto
            }

            .awards-no-login article .howDo p {
                color: #4A4A4A;
                font-size: 18px;
                font-weight: 400;
                line-height: 30px
            }

            .awards-no-login article .howDo:after {
                content: url(/assets/images/plus-leaf-lg.png);
                height: 190px;
                right: 10%;
                position: absolute;
                top: unset;
                width: 261px
            }

        .awards-no-login article .redBand {
            background-color: #E21420;
            padding: 35px 0;
            text-align: center;
            transition: all 1s
        }

            .awards-no-login article .redBand a {
                color: #FFF;
                font-size: 27px;
                font-weight: 700
            }

            .awards-no-login article .redBand:hover {
                background-color: #FFF;
                border: 1px solid #E21420
            }

                .awards-no-login article .redBand:hover a {
                    color: #E21420
                }
}

@media (max-width: 480px) {
    .awards-no-login article header {
        background: url(/assets/images/awards-header.png) right 10px/auto 200px no-repeat
    }

        .awards-no-login article header .awardsHeader {
            padding: 200px 0 0
        }

    .awards-no-login article .howDo {
        padding: 2% 15% 75%
    }
}
.titleText {
    margin-top: 15%;
    color: white;
    font-weight: bold;
    font-size: 84px !important;
}



.thumbnailText {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    padding-top: 65px !important;
}



    .thumbnailText :hover {
        color: gray;
    }

#CookieModal-Logo img {
    display:inline-block;
}