/* global settings */


:root {
    --accent1: #cc0000;
    --light-text: #fff;
    --dark-text: #2d2d2d;
    --base-font: 'Roboto Condensed', sans-serif;
    --heading-font: 'NeueMontreal-Bold', sans-serif;
}
/*html.no-touchevents body {
    
    overflow: hidden;
}
    
html.touchevents body {
    overflow: scroll;
}*/
html, body {
    height: 100%;
    background-color:var(--dark-text);
    overflow:hidden;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.section-navigation.go-dark a{
    color:#2d2d2d;
}
html {
    color: var(--light-text);
    font-size: 10px;
    font-family:var(--base-font);    
}
@media(min-width:700px) and (orientation:portrait) {
    html {
        font-size: 14px;
    }
}

@media(min-width:1200px) {
    html {
        font-size: 12px;
    }
}
@media(min-width:1500px) {
    html {
        font-size: 16px;
    }
}

h1, h2, h3 {
    font-family: var(--heading-font);
    font-size: 1.25rem;}

h2 {
    font-size: 2rem;
    line-height: 110%;
    padding: .25em 0 0 0;
    font-weight: 700;
}

ul{
    list-style: none;
}

a{
    text-decoration: none;
}

img {
    max-width:100%;    
}

i {
    color:#FFFFFF
    z-index:0;
}

p {
    font-size: 1.2rem;
    line-height: 180%;
    margin:0 0 1.25em 0;    
}

/* Layout settings */
.page-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.legal{
    margin-top: 5.25em;
    color:#fff;
    overflow: scroll;
}
.contained {
    width: 90%;    
    margin:0 auto;    
}

.section-container {
    z-index: 1;    
    color: #fff;
}
.section-container.dark .white {
    border-color:var(--dark-text);
    color:var(--dark-text);
}
.slide-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    height: 100%;
    width: 100%;
    /*min-height: 500px;*/
    z-index: -1;
}
@media(max-height:430px) {
    #footer .btn-holder{
        display:none;
    }
    #footer.slide-panel {
        padding-top:150px;
    }
    #footer .section-bg {
        background-position:0% 100%;
    }
    #top .section-links {
        display:none;
    }
    .section-text {
        padding-top:35px;
    }
    #contacto .section-container {
        padding-top:45px;
    }
    #contacto h2 {
        display:none;
    }
}
@media(min-height: 450px) {
    #footer.slide-panel {
        max-height: 60%;
        top: 40%;
    }
}

    .slide-panel.active {
        z-index: 2;
    }

    .slide-panel.below-active {
        z-index: 1;
    }

    .slide-panel.above-active {
        z-index: 1;
    }

    .slide-panel.active.above-active {
        -webkit-animation-name: move-up; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: .75s; /* Safari 4.0 - 8.0 */
        -webkit-animation-timing-function: ease-out;
        animation-name: move-up;
        animation-duration: .75s;
        animation-timing-function: ease-out;
        z-index: 3;
    }
#contacto.active.above-active {
    -webkit-animation-name: move-up-gt; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .75s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-name: move-up-gt;
    animation-duration: .75s;
    animation-timing-function: ease-out;
    z-index: 3;
    height:100%;
}
#contacto.above-active {
    z-index:3;
    top:-60%;
}
    .slide-panel.active.below-active {
        -webkit-animation-name: move-down; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: .75s; /* Safari 4.0 - 8.0 */
        -webkit-animation-timing-function: ease;
        animation-name: move-down;
        animation-duration: .75s;
        animation-timing-function: ease;
        animation-timing-function: ease;
        z-index: 3;
    }
#contacto.active.below-active {
    -webkit-animation-name: move-down-gt; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .75s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease;
    animation-name: move-down-gt;
    animation-duration: .75s;
    animation-timing-function: ease;
    animation-timing-function: ease;
    z-index: 3;
}
    .slide-panel .section-container, .slide-panel .more-btn {
        margin-top: 50%;
        opacity: 0;
    }

    .slide-panel.active .section-container, .slide-panel.active .more-btn {
        overflow:hidden;
        margin-top: 0;
        opacity: 1;
        transition: 1s margin-top ease-in-out;
    }

    .slide-panel.active.below-active .section-container {
        margin-top: 0;
        opacity: 1;
        transition: 1s opacity ease-in-out;
    }

    .slide-panel.below-active {
        z-index: 1;
    }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes move-up {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

/* Standard syntax */
@keyframes move-up {
    from {
        top: 0;
    }

    to {
        top: -100%;
    }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes move-down {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes move-down {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes move-up-gt {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-60%);
    }
}

/* Standard syntax */
@keyframes move-up-gt {
    from {
        top: 0;
    }

    to {
        top: -60%;
    }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes move-down-gt {
    from {
        transform: translateY(-60%);
    }

    to {
        transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes move-down-gt {
    from {
        transform: translateY(-60%);
    }

    to {
        transform: translateY(0);
    }
}
#top {
   /*min-height:700px;*/
}
#contacto {
    min-height:unset;
}

.section-bg {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: translateY(40%);
    transition: .75s transform ease;
    opacity: 0;
    overflow:hidden;
}
.active .section-bg {
    opacity: 1;
    transform: scale(1) translateY(0%);
    transition: .75s transform ease;
}
#contacto.above-active .section-bg {
    opacity: 1;
    transform: translateY(0%);    
    transition: .75s transform ease;
}
.section-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.35) 10%, 25%, rgba(0,0,0,.1)); /* For Chrome and Safari */
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.35) 10%, 25%, rgba(0,0,0,.1)); /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.35) 10%, 25%, rgba(0,0,0,.1)); /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.35) 10%, 25%, rgba(0,0,0,.1)); /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, rgba(0,0,0,.35) 10%, 25%, rgba(0,0,0,.1)); /* Standard syntax; must be last */
    z-index: -1;
}
#footer .section-bg::after {
    display:none;
}
.section-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align:left;
}
.section-container.right {    
    align-items: flex-end;    
    text-align: right;
}
.section-container.left {    
    align-items: flex-start;
}
.trending-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:var(--light-text);
}

.trending-text {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
/* Element Styles */
h1.section-heading strong, h2.section-heading strong {
    font-size: 1.8rem;    
    display: block;
    font-weight: 500;
}

h1.section-heading {
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
}

h2.section-heading {
    font-size: 3.5rem;
    line-height: 100%;
    text-transform: uppercase;
}

.section-paragraph {
    font-size: 1.55rem;
    line-height: 135%;
    font-weight: 300;
    margin: 0.7em 0;
}
.section-paragraph a{
    text-decoration:underline;
    font-weight:500;
    color:inherit;
}

.section-paragraph2 {
    font-size: 1.65rem;
    line-height: 135%;
    font-weight: 350;
    margin: 0.6em 0;
}
a p.section-paragraph2 {
    text-decoration:none;
    font-weight:500;
    color: #FFFFFF;
}

a p.section-paragraph2:hover {
    text-decoration:none;
    font-weight:500;
    color: #FFFFFF;
}

.section-text {
    max-width: 700px;
}

.section-links {
    max-width: 75%;
    display: flex;
    flex-wrap: wrap;
}
.section-trending {        
    padding: 1em 2em;
    margin-top: 1.5em;
}

@media(max-width:700px) {
    .section-links a{
        display: none;
    }
    .section-links a:first-child {
        display: block;
    }    
}
@media(max-width:900px) {
    .section-trending {
        display: none;
    }
}

@media(min-width:1100px) {
    .section-text {
        max-width: 700px;
    }
    .section-links {
        max-width: 50%;
    }
    .section-trending {
        max-width: 50%;
    }
}

.trending-item i {
    font-size: 3rem;
    margin-right: .5em;
}

.trending-heading {
    margin-bottom: .25em;
}

.trending-paragraph {
    margin: 0;
    line-height: 125%;
}

.change-word {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .75s opacity ease-in-out;
}

.section-text h1 {
    position: relative;
    padding-top: 4rem;
}

.change-word.active {
    opacity: 1;
    transition: .75s opacity ease-in-out;
}
/* Buttons */

.btn {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    transition: .25s all ease-in-out;
}

@media(min-width:800px) {
    .btn {
        white-space: nowrap;
    }
}

.btn-small {
    margin: 0 .5em;
    padding: .75em 2em;
}

.btn-large {
    padding: 1em 1.5em;
    margin: .25em .5em .25em 0;
}

.white-btn {
    background-color: var(--light-text);
    color: var(--dark-text);
    border: 1px solid var(--light-text);    
}

.white-btn:hover {
    background-color: transparent;
    color: var(--light-text);
}

.border-btn {
    border: 1px solid;
    font-family:var(--heading-font);
    background-color: rgba(255,255,255,.15);
}

.border-btn:hover {
    background-color: rgba(255,255,255,.35);
}

.btn i {
    margin-left: 15px;
}

.white {
    color: #fff;
    border-color: #fff;
}
.light {
    color:var(--light-text);
}
.dark {
    color: var(--dark-text);
}
.black {
    color:var(--dark-text);
    border-color: var(--dark-text);
}
.red-btn {
    color:#fff;
    background-color:#cc0000;
    border:1px solid #fff;    
}
.block-btn {
    display:block;
    width:100%;
    padding:1.5em; 

}
.more-btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    position: absolute;
    bottom: 0px;
    padding-bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,.6) 25%, 50%, rgba(255,255,255,1) 53%, 56%, rgba(255,255,255,.6) 75%); /* For Chrome and Safari */
    background-image: -moz-linear-gradient(left, rgba(255,255,255,.6) 25%, 50%, rgba(255,255,255,1) 53%, 56%, rgba(255,255,255,.6) 75%); /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(left, rgba(255,255,255,.6) 25%, 50%, rgba(255,255,255,1) 53%, 56%, rgba(255,255,255,.6) 75%); /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(left, rgba(255,255,255,.6) 25%, 50%, rgba(255,255,255,1) 53%, 56%, rgba(255,255,255,.6) 75%); /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(to right, rgba(255,255,255,.6) 25%, 50%, rgba(255,255,255,1) 53%, 56%, rgba(255,255,255,.6) 75%); /* Standard syntax; must be last */
    background-size: 300%;
    background-position: 0%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation-name: gradient-shift; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: gradient-shift;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    cursor: pointer;
    z-index: 10;
    transform: scale(1);
    transition: .25s transform ease-in-out;
}

.more-btn i {
    -webkit-animation-name: bounce; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-name: bounce;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index:-1;
    color:#fff;
    position:relative;
}

.more-btn:hover {
    transform: scale(1.25) translateY(-10px);
    transition: .25s transform ease-in-out;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes gradient-shift {
    from {
        background-position: 0%;
    }

    to {
        background-position: 150%;
    }
}

/* Standard syntax */
@keyframes gradient-shift {
    from {
        background-position: 0%;
    }

    to {
        background-position: 150%;
    }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(10px);
    }
}

/* Standard syntax */
@keyframes bounce {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.more-btn i {
    font-size: 2rem;
    line-height: 50%;
}


/* Navigation */
.primary-nav .btn {
    font-family: var(--heading-font);
}
nav .btn-small {
    margin: 0 .5em;
    padding: .4em;
    font-family: var(--heading-font);
}

/* Mobile Nav */
@media(max-width:1200px) {
    nav .btn-small {
        font-size:1.5rem;
        padding:1em .9em;
    }
    nav .white {
        border-color:var(--dark-text);
        color:var(--dark-text);
    }
    nav .menu-toggle {
        color: #fff;
        font-weight: 700;
        font-size: 1.75rem;
    }

    nav.open + .navigation-shade, .phone-menu.open + .phone-shade {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.5);
        z-index: 9;
    }

    .menu-toggle.fa-times, .phone-toggle.fa-times {
        transform: rotate(360deg);
        transition: .25s transform ease-in-out;
    }

    .menu-toggle.fa-bars, .phone-toggle.fa-phone {
        transform: rotate(-360deg);
        transition: .25s transform ease-in-out;
    }

    nav, .phone-menu {
        position: fixed;
        top: 86px;
        bottom: 0;
        left: -280px;
        width: 280px;
        background-color: rgba(255,255,255,.9);
        z-index: 11;
        overflow-x: hidden;
        overflow-y: auto;
        transition: .25s left ease-in-out, .25s right ease-in-out;
        color:#ffffff;
    }

        nav.open {
            left: 0;
            width: 100%;
            max-width: 425px;
            transition: .25s left ease-in-out;
            padding-bottom:50px;
        }

        nav .logo {
            display: none;
        }

    .phone-menu {
        text-align: center;
        right: -280px;
        left: unset;
        transition: .25s right ease-in-out;
    }

        .phone-menu.open {
            right: 0px;
        }

    nav .contained {
        margin: .75em .75em 0 .75em;
        width: calc(100% - 1.5em);
        max-width: calc(100% - 0px);
        padding-bottom:50px;
        font-family: var(--heading-font);
    }

    .menu-top img {
        display: none;
    }

    .contact-area-top a:nth-child(1), .contact-area-top a:nth-child(2) {
        display: none;
    }

    .contactTypes a:first-child {
        display: none;
    }

    .contactTypes .btn {
        font-size: .95rem;
    }

    .primary-nav ul {
        display: none;
    }

    .mob-toggle.open .inner-menu {
        display: block;
        padding-left: 10px;
    }

    .menu-top {
        width: calc(100% - 1.5em);
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }

    .contact-area-top {
        margin-bottom: 15px;
        text-align: center;
    }

    .mobile-bar {
        background-color: #001527;
        color: var(--accent3);
        padding: 1em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        min-height: 86px;
        z-index: 11;
        top: 0;
        left: 0;
        right: 0;
    }

        .mobile-bar i {
            font-size: 2rem;
        }

        .mobile-bar img {
            max-width: 175px;
        }

    .primary-nav a, .primary-nav .mob-toggle {
        width: 100%;
        display: block;
        padding: 20px 0 20px 10px;
        color: var(--dark-text);
        position: relative;
    }

    .primary-nav .inner-menu li a {
        text-transform: unset;
        font-weight: 500;
        font-size: 1.25rem;
        padding: 10px 0 10px 0;
    }

    .primary-nav .inner-menu .inner-toggle span {
        padding:10px 0 10px 0px;
    }
    ul.sub-menu {
        margin-left:-25px;
        background-color:rgba(0,0,0,.05);
        padding-left:35px;
    }
    .primary-nav > li > a, .primary-nav > .mob-toggle > span {
        text-transform: uppercase;
        font-size: 1.75rem;
        font-weight: 500;
        font-family: var(--heading-font);
    }
    .primary-nav .inner-toggle > span {     
        font-size: 1.25rem;
        font-weight: 500;
        display:block;
        font-family: var(--heading-font);
        position:relative;
    }
    .primary-nav .inner-toggle > span i{
        display:none;
    }
    .primary-nav .mob-toggle::after, .primary-nav .inner-toggle span::after {
        content: '▼';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: var(--accent2);
        right: 20px;
        font-size:1rem;
    }
    .primary-nav .inner-toggle.open .sub-menu {
        display:block;
    }
    .primary-nav .mob-toggle.open::after, .primary-nav .inner-toggle.open span::after {        
        position: absolute;
        top: 25px;
        transform: translateY(0%);
        color: var(--accent2);
        right: 20px;
    }
    .primary-nav .inner-toggle.open span::after {
        position: absolute;
        top: 12px;
        transform: translateY(0%);
        color: var(--accent2);
        right: 20px;
    }
}
@media(min-width:1200px) {
    nav .menu-toggle {
        display:none;
    }
    .phone-menu, .navigation-shade, .phone-shade {
        display: none;
    }

    nav {
        padding: .5em 0 .25em 0;
        background-color: transparent;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }

    .mobile-bar {
        display: none;
    }

    nav .logo {
        width: 150px;
    }

    nav .contained {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    nav .menu-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .primary-nav {
        display: flex;
        justify-content: flex-start;
        margin: 0 5px 0 0;
        font-family: var(--heading-font);
    }

        .primary-nav > li > *:first-child {
            font-weight: 600;
            letter-spacing: 1px;
        }

        .primary-nav li > *:first-child {
            text-transform: uppercase;
            color: var(--light-text);
            padding: .75em .75em;
            font-size: 1.25rem;
            display: block;
            z-index: 2;
        }

        .primary-nav li:hover > *:first-child {
            background-color: var(--light-text);
            color: var(--dark-text);
        }

        .primary-nav li {
            position: relative;
        }

    nav .inner-menu {
        display: none;
    }

    nav .sub-menu {
        display: none;
    }

    nav .inner-menu {
        display: none;
        background-color: rgba(0,0,0,.5);
        width: 300px;
        box-shadow: 0px 2px 2px rgba(0,0,0,.25);
        z-index: 1;
    }

        nav .inner-menu > li *:first-child {
            text-transform: none;
            border-bottom: 1px solid rgba(255,255,255,.25);
            font-size: 1rem;
            display: block;
        }

        nav .inner-menu li.inner-toggle span i {
            float: right;
        }

        nav .inner-menu > li:last-child *:first-child {
            border-bottom: none;
        }

    nav .mob-toggle:hover .inner-menu {
        display: block;
        position: absolute;
        top: 40px;
        left: 0px;
    }

    nav .inner-toggle:hover .sub-menu {
        display: block;
        position: absolute;
        right: -300px;
        top: 0;
        background-color: rgba(0,0,0,.5);
        width: 300px;
        box-shadow: 0px 2px 2px rgba(0,0,0,.25);
        z-index: 1;
    }
}
@media(min-width:1500px) {
    nav .mob-toggle:hover .inner-menu {               
        top: 53px;        
    }
}

/* content settings */
#video-player {
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    display: none;
    padding: 0;
}
#video-player.active {
    display: flex;
    align-items: center;
}

.video-embed .video-container {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 100px);
}

.video-embed {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 5px;
    text-align: center;
}

section#video-player.active .contained, section#video-player.active .contained .video-embed {
    z-index: 10;
    position: relative;
}
section#video-player.active .video-shade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,.5);
}
.float-right, .float-left {
    display: block;
    margin: 5px auto;
}

@media(min-width:800px) {
    .float-right {
        float: right;
        margin: 10px 0 10px 10px;
    }

    .float-left {
        float: left;
        margin: 10px 10px 10px 0;
    }
}
.video-toggle {
    cursor: pointer;
}

.hidden-recaptcha {
    width: 310px !important;
    margin: 0px auto 0px auto;
    display: none !important;
}

.hidden-recaptcha.active {
    display: block !important;
}

.hidden-recaptcha div {
    width: 100% !important;
    margin: auto !important;
}
#vimeo-player {
    display:none;
}
#vimeo-player.active{
    display:block;
}
#player {
    display:none;
}
#player.active {
    display: block;
}
#contacto form {
    width:100%;
}
@media(min-width:1200px) {
    #contacto form {
        width: 50%;
    }
}
#contacto form .field-set {
    display:flex;    
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;    
    width:100%;
}
#contacto form .btn:not(input) {
    margin:25px 0;
    display:block;
}
#contacto form label {
    width:calc(100% - .5em);
    margin:.5em .25em;
}
#contacto span:first-child {
    display:none;
}
@media(min-width:320px) {
    #contacto form label {
        width: calc(50% - .5em);
        margin: .25em .25em;
    }
    #contacto form label.full {
        width: calc(100% - .5em);
        margin: .25em .25em;
    }
    #contacto p {
        display: none;
    }
}
@media(orientation:portrait) and (min-width:700px) {
    #contacto p {
        display:block;
    }
}
@media(min-width:320px) {
    #contacto form input:not([type=submit]), #contacto form textarea, #contacto form select {
        padding: 1em .75em;
        margin: 0em 0;
        border: none;
        border: 1px solid rgba(255,255,255,1);
        width: 100%;
        background-color: transparent;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        font-family: var(--heading-font);
    }
}

@media(orientation:landscape) and (max-height:500px) {
    #contacto form input:not([type=submit]), #contacto form textarea, #contacto form select {
        padding: .1em .75em;
    }
}
#contacto form input::placeholder, #contacto form textarea::placeholder {
    font-size:16px;
    font-weight:400;
    font-family:var(--heading-font);
    color:#fff !important;
    opacity:1;
}
#contacto .select-label {
    overflow:hidden;
    position:relative;
}
#contacto select option {
    color:#6b6b6b;
}
#contacto .select-label i.fa-angle-down {
    position:absolute;
    right:0px;
    padding-right:15px;
    top:0px;
    font-size:1.5rem;
    border-right:1px solid #fff;
}
#contacto .select-label select {
    margin-right:-18px;
    width:calc(100% + 18px);
}
#contacto i.fa-angle-down {
    height:100%;    
    display:flex;
    align-items:center;
}


@media(min-width:500px) and (orientation:portrait) {
    footer .left-footer img {
        display: block;
        max-width: 400px;
    }
}
@media(min-height:800px) {
    footer .left-footer img {
        display: block;
        max-width:400px;
    }
}
footer .contained {
    padding:100px 0;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;    
}
footer p {
    color: #fff;    
}
footer a {
    color: #a6b3be;    
}
#footer {
    display:flex;
    align-items:center;
    width:100%;    
}
.left-footer{
    text-align:left;

}
.left-footer .btn-holder {
    margin:50px 0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
@media(min-width:460px) {
    .left-footer .btn-holder {
        margin: 50px 0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: unset;
    }
}
.left-footer .btn-holder a {
    flex:0 0 200px;
    margin:5px 0;
}
.social-media-btns {
    display:flex;
}
.social-media-btns a {
    padding:.5em .5em .5em 0;
    display:block;
    font-size:1.75rem;
    color:#ffffff;
}
.left-footer .alt-numbers {
    font-weight:700;
    font-size:1.5rem;
    margin-bottom:.5em;
}
.section-navigation {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 10px;
    display:none;
}
@media(min-width:900px) {
    .section-navigation {
        display:block;
    }
}

.section-navigation a {
    color:#fff;
    padding:.25rem 1rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:1rem;
}
.section-navigation a.active {
        font-weight:700;
}
.section-navigation a i {
    margin-left:10px;
}
.right-footer {
    display:none;
}
@media(min-width:1100px) {
    .right-footer {
        display:flex;
    }
}
.right-footer ul {
    text-align: left;
    width:150px;
}
@media(min-width:1500px) {
    .right-footer ul {
        text-align: left;
        width: 200px;
    }
}
@media(min-width:1700px) {
    .right-footer ul {
        text-align: left;
        width: 300px;
    }
}
.right-footer strong {
    text-transform: uppercase;
    font-size: 1.25rem;
    color: #ffffff;
}
.right-footer ul:first-child a {
    font-size:1.25rem;
}
.right-footer a {
    color:#ffffff;
    display:block;
    padding:.25em 0;
    font-size:1rem;    
}
.right-footer ul:first-child {    
    
}
.processing-message-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.75);
    color: #fff;
    z-index: 100;
    display: none;
}

    .processing-message-panel.active {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.processing-message {
    font-size: 2em;
    font-family: 'Bad Script', cursive;
    margin: auto;
    text-align: center;
}

@media(min-width:575px) {
    .processing-message {
        font-size: 4em;
        font-weight: 700;
    }
}

.processing-message span {
    padding: 0 2px;
    display: table-cell;
    animation: processingAnimation 4s infinite;
    color: rgba(0,0,0,0);
}

    .processing-message span:nth-child(n+1) {
        animation-delay: 0.15s;
    }

    .processing-message span:nth-child(n+2) {
        animation-delay: 0.2s;
    }

    .processing-message span:nth-child(n+3) {
        animation-delay: 0.35s;
    }

    .processing-message span:nth-child(n+4) {
        animation-delay: 0.45s;
    }

    .processing-message span:nth-child(n+5) {
        animation-delay: 0.55s;
    }

    .processing-message span:nth-child(n+6) {
        animation-delay: 0.65s;
    }

    .processing-message span:nth-child(n+7) {
        animation-delay: .75s;
    }

    .processing-message span:nth-child(n+8) {
        animation-delay: .85s;
    }

    .processing-message span:nth-child(n+9) {
        animation-delay: .95s;
    }

    .processing-message span:nth-child(n+10) {
        animation-delay: 1s;
    }

    .processing-message span:nth-child(n+11) {
        animation-delay: 1.1s;
    }

    .processing-message span:nth-child(n+12) {
        animation-delay: 1.2s;
    }

    .processing-message span:nth-child(n+13) {
        animation-delay: 1.3s;
    }

    .processing-message span:nth-child(n+14) {
        animation-delay: 1.4s;
    }

    .processing-message span:nth-child(n+15) {
        animation-delay: 1.5s;
    }

    .processing-message span:nth-child(n+16) {
        animation-delay: 1.6s;
    }

    .processing-message span:nth-child(n+17) {
        animation-delay: 1.7s;
    }

    .processing-message span:nth-child(n+18) {
        animation-delay: 1.8s;
    }

    .processing-message span:nth-child(n+19) {
        animation-delay: 1.9s;
    }

    .processing-message span:nth-child(n+20) {
        animation-delay: 2.0s;
    }

@keyframes processingAnimation {
    0% {
        color: rgba(255,255,255,0);
        filter: blur(2px);
        text-shadow: 0 0 10px #00b3ff, 0 0 20px #00b3ff, 0 0 40px #00b3ff, 0 0 80px #00b3ff, 0 0 120px #00b3ff, 0 0 200px #00b3ff, 0 0 300px #00b3ff, 0 0 400px #00b3ff;
    }

    100% {
        color: rgba(255,255,255,1);
        filter: blur(.5px);
        text-shadow: 0 0 5px #00b3ff, 0 0 20px #00b3ff;
    }
}
.section-trending {
    width: 100%;
}
@media(min-width:700px) {
    .section-trending {
        width: 75%;
    }
}
@media(min-width:1100px) {
    .section-trending {
        width: 50%;
    }
}

.trending-item {
    display: none;
    width: 100%;
}

    .trending-item.active {
        display: flex;
    }

    .trending-item a {
        display: flex;
        color: #fff;
        align-items: center;
    }