@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');

body,
html {
    padding: 0;
    margin: 0;
    min-width: 100%;
    min-height: 100%;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    color: #999;
    overflow-x: hidden;
    background: #000;
}

.mobile {
    display: none;
}

.clearfix:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

img {
    display: block;
}

a {
    text-decoration: none;
}

h2,
.p2 .s1 {
    font-size: 34px;
    word-spacing: -5px;
    margin: 0;
}

.inside-row {
    width: 1100px;
    position: relative;
    margin: auto;
    height: auto;
}

#header {
    font-size: 0;
    background: #000;
}

.row {
    position: relative;
}

.right,
.left {
    float: left;
    vertical-align: top;
    width: 50%;
    font-size: 19px;
}

#row1 {
    z-index: 500;
    background: #000;
}
#row72-col-wrapper{
    display: flex;
}
.row72link {
    display: inline-block;
    background: #ffc806;
    color: #000;
    font-weight: bold;
    font-size: 22px;
    padding: 20px 40px;
    width: auto;
    margin-left: 29px;
}

.row72-col {
    display: inline-block;
    /* width: 32%; */
    text-align: center;
}

.row72-col img {
    width: 100%;
}


#row2 {
    padding-top: 116px;
    z-index: 400;
    background: #999999;
}

#row72 {
    padding: 56px 0;
    z-index: 400;
    background: #999999;
}

#row2interior {
    padding-top: 116px;
    padding-bottom: 50px;
    z-index: 400;
    background: #fff;
    color: #000;
}

#row3 {
    background: #fff;
}

#row4 {
    background: #ffc806;
}

#row5 {
    background: #999999;
}

#row6 {
    background: #000;
    z-index: 500;
}

#row7 {
    background: #ffc806;
    z-index: 400;
}

#row8 {
    background: #ffffff;
    text-align: center;
}

#row9 {
    background: #999999;
}

#row10 {
    padding: 56px 0;
    text-align: center;
    background: #000;
}

#row11 {
    text-align: center;
    z-index: 500;
    background: #000;
    color: #fff;
}

#row12 {
    padding: 42px 0 142px 0;
    z-index: 300;
    background: #f1c630;
}

#footer {
    padding: 30px 0;
    background: #f1c630;
}

#header img.logo {
    width: 194px;
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
}

#nav-menu-header,
#nav-menu-mobile-header {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: calc(100% - 208px);
    margin-top: 47px;
}

#nav-menu-header ul,
#nav-menu-mobile-header ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav-menu-header ul li,
#nav-menu-mobile-header ul li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 0 0 44px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

#nav-menu-header ul li a,
#nav-menu-mobile-header ul li a {
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

#nav-menu-header ul li.social img,
#nav-menu-mobile-header ul li.social img {
    height: 20px;
    width: auto;
}

#nav-menu-header ul li.social a,
#nav-menu-mobile-header ul li.social a {
    margin: -3px 0 0 10px;
}

#row1text h1 {
    color: #f1c630;
    font-size: 34px;
    display: inline;
    font-weight: 900;
    word-spacing: -3px;
    letter-spacing: 0;
}

#row1text {
    color: #fff;
    font-size: 34px;
    margin-top: 86px;
    line-height: 41px;
    word-spacing: -2px;
    letter-spacing: -1px;
}

#row1text div {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 130%;
    margin-top: 33px;
}

#row1 .right img {
    margin: -7px 0 0 -89px;
    bottom: -98px;
    position: relative;
    width: 737px;
}

#row1 .right {
    position: relative;
    z-index: 200;
}

#row1 .left {
    position: relative;
    z-index: 400;
}

#row1links img,
#row11links img {
    width: 165px;
}

#row1links {
    margin-top: 10px;
}

#row1links a {
    display: inline-block;
    margin: 0 0 10px 0;
    display: inline-block;
    background: #5e5e5e;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 15px 25px;
    width: 40%;
    margin-left: 0;
    text-align: center;
}

#row1links a:first-child {
    background: #ffc806;
    color: #000;
}

#row11links a {
    display: inline-block;
    margin: 43px 8px 0 0;
}

#row1newsletter {
    font-size: 12px;
    color: #fff;
    margin-top: 64px;
}

#row1newsletter span {
    color: #f1c630;
}

.newsletter-email,
#row1 .email {
    width: 246px;
    height: 39px;
    box-sizing: border-box;
    padding: 0 25px;
    border: 0;
    background: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 11px;
    display: inline-block;
    vertical-align: top;
}

#mc_embed_signup_scroll {
    margin-top: 10px;
    font-size: 0;
}

.mce_inline_error {
    width: 246px;
    box-sizing: border-box;
    padding: 10px;
}

#mce-responses {
    float: left;
    width: 100%;
}

#mce-responses a {
    text-decoration: none;
    color: #fff;
    display: block;
}

#mc_embed_signup_scroll * {
    font-size: 13px;
}

#row1 .clear,
#row1 .mc-field-group {
    display: inline-block;
    vertical-align: top;
}

.newsletter-form input[type="submit"],
#row1 .button {
    height: 39px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: #f1c630;
    color: #000000;
    font-size: 11px;
    font-weight: 700;
    width: 133px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.newsletter-form {
    margin-top: 10px;
}

#row2 h2 {
    color: #040404;
    text-align: center;
}

#row72 h2 {
    color: #040404;
    text-align: center;
    margin-bottom: 50px;
}

#row2 h2 span {
    color: #ffffff;
    font-weight: 400;
    word-spacing: -2px;
}

#row2 img {
    width: 1257px;
    margin: 0 0 0 -152px;
}

#row3 img {
    width: 576px;
    margin: 52px 0 46px -42px;
}

#row4 img {
    width: 487px;
    margin: 100px 0 67px 58px;
}

#row5 img {
    width: 461px;
    margin: 128px 0 0 6px;
}

#row6 img {
    width: 812px;
    margin: 0 0 -56px 0px;
}

#row7 img {
    width: 510px;
    margin: 67px 0 50px -17px;
}

.right.intro {
    padding-left: 30px;
    width: calc(50% - 30px);
}

.left.intro {
    padding-right: 30px;
    width: calc(50% - 30px);
}

.row-intro {
    font-size: 23px;
    font-weight: bold;
    color: #000000;
    padding-left: 87px;
    margin: 115px 0 28px 0;
    height: 65px;
    line-height: 31px;
    word-spacing: -2px;
}

#row3 .row-intro {
    background: url('images/row3icon.png') no-repeat top left;
    background-size: 65px auto;
}

#row4 .row-intro {
    background: url('images/row4icon.png') no-repeat top left;
    background-size: 65px auto;
}

#row5 .row-intro {
    background: url('images/row5icon.png') no-repeat top left;
    background-size: 65px auto;
}

#row6 .row-intro {
    background: url('images/row6icon.png') no-repeat top left;
    background-size: 65px auto;
    color: #fff;
    margin-top: 87px;
}

#row7 .row-intro {
    background: url('images/row7icon.png') no-repeat top left;
    background-size: 65px auto;
}

#row3 h2,
#row6 h2 {
    color: #f1c630;
}

#row5 h2,
#row4 h2 {
    color: #ffffff;
}

#row7 h2 {
    color: #fff;
}

.row-text {
    margin-top: 41px;
    font-size: 19px;
    word-spacing: -1px;
    line-height: 30px;
    color: #040404;
}

#row6 .row-text {
    color: #fff;
}

#row8 h2 {
    color: #040404;
}

#row8 .inside-row {
    padding: 96px 0 64px 0;
}

#row8text {
    font-size: 23px;
    color: #999999;
    margin: 12px 0 70px 0;
    line-height: 32px;
}

.team {
    width: 198px;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 8px #ccc;
    margin: 0 19px;
    text-align: center;
    box-sizing: border-box;
    height: 289px;
}

.team-img {
    width: 61%;
    margin: 24px auto 13px auto;
}

.team-line1 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.team-line2 {
    font-size: 13px;
    color: #999;
    margin: 14px 0 25px 0;
}

.team-links img {
    width: 34px;
    height: auto;
}

.team-links a {
    display: inline-block;
    margin: 0 3px;
}

#row10 h2 {
    color: #f1c630;
}

#row10text {
    font-size: 16px;
}

#row10 .newsletter-email {
    width: 364px;
}

#footer-phone {
    width: 250px;
    display: inline-block;
    margin: 35px 47px -218px 0px;
}

#row11text {
    display: inline-block;
    vertical-align: top;
    margin: 69px 0 0 0;
    font-size: 22px;
    text-align: left;
    width: calc(100% - 350px);
}

#row11 h2 {
    font-size: 41px;
    margin-bottom: 24px;
}

.row12text {
    margin-top: 98px;
    font-size: 21px;
    color: #000;
    margin-bottom: -98px;
}

.row12text a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    color: #000;
}

.row12text a img {
    width: 32px;
}

#copyright {
    display: inline-block;
    width: 55%;
    font-size: 13px;
    color: #000;
    height: 39px;
    text-align: left;
    line-height: 39px;
}

#copyright a {
    color: #000;
}

#colaboracion {
    text-align: right;
}

#colaboracion {
    display: inline-block;
    width: 44%;
    font-size: 13px;
    color: #000;
    height: 39px;
}

#colaboracion img {
    height: 30px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

#nav-menu-mobile-header {
    display: none;
}

p span a span {
    word-break: break-word;
}

@media (max-width: 1100px) {
    #row72-col-wrapper{
        display: block;
    }
    .row72-col {
        width: 100%;
        margin-bottom: 100px;
    }

    .mobile {
        display: block;
    }

    h2 {
        font-size: 9vw;
    }

    .desktop {
        display: none !important;
    }

    body,
    html {
        overflow: unset;
    }

    .inside-row,
    #row8 .inside-row {
        width: 90%;
        padding: 5%;
    }

    #nav-menu-mobile-header {
        display: none;
    }

    #header img.logo {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    .right,
    .left {
        float: unset;
        width: 100%;
    }

    #row1text {
        font-size: 34px;
        margin-top: 0;
        line-height: 41px;
    }

    img {
        max-width: 100%;
    }

    #row4 img {
        margin: 0;
    }

    #row1text h1,
    #row1text {
        font-size: 7.7vw;
        line-height: 9vw;
    }

    #row11links a img {
        width: 100%;
        height: auto;
    }

    #row11links a {
        width: 48%;
        margin: 5% 0 0 0;
    }

    #row1links a {
        width: 100%;
        margin-bottom: 5%;
        box-sizing: border-box;
    }

    #row11links a:first-child {
        margin-right: 4%;
    }

    #row1 .email {
        height: 10vw;
        font-size: 3vw;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #row1 .button {
        -webkit-appearance: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 10vw;
        font-size: 3vw;
    }

    #row1newsletter {
        margin-top: 5%;
        font-size: 4vw;
    }

    .newsletter-email,
    #row1 .email,
    .mce_inline_error,
    #mc_embed_signup div.mce_inline_error,
    #row1 #mce-responses {
        width: 100%;
    }

    #row1 .mc-field-group {
        width: 60%;
    }

    #row1 .clear {
        width: 40%;
    }

    #row1 .right img,
    #row2 img,
    #row3 .left img,
    #row4 .right img,
    #row5 .left img,
    #row6 .right img,
    #row7 .left img {
        width: 100%;
        margin: 5% 0 0 0;
        animation: 0;
        position: static;
    }

    #row2 img {
        margin: 5% 0 0 -3.7vw;
    }

    #row2 {
        padding-top: 0;
    }

    #row2 .inside-row,
    #row5 .inside-row {
        padding-bottom: 0;
    }

    .right.intro,
    .left.intro {
        padding: 0px;
        width: 100%;
    }

    .row-intro,
    #row6 .row-intro {
        font-size: 5.4vw;
        margin: 5% 0;
        height: auto;
        line-height: 7vw;
        min-height: 87px;
    }

    .row-text {
        margin-top: 6vw;
        font-size: 4.5vw;
        line-height: 7vw;
    }

    #row8text {
        font-size: 5vw;
        color: #999999;
        margin: 6% 0;
        line-height: 7vw;
    }

    .team {
        width: 75%;
        margin: 0 0 15% 0;
        height: auto;
    }

    .team-img {
        width: 64%;
        margin: 10% auto 10% auto;
    }

    .team-line1 {
        font-size: 5vw;
    }

    .team-line2 {
        font-size: 4vw;
        margin: 5% 0;
    }

    .team-links a {
        display: inline-block;
        margin: 0 1% 5% 1%;
        width: 20%;
    }

    .team-links img {
        width: 100%;
        height: auto;
    }

    #footer-phone {
        width: 100%;
        margin: 0;
    }

    #row11text {
        margin: 0;
        font-size: 5vw;
        width: unset;
    }

    #row1links img,
    #row11links img {
        width: 100%;
    }

    #row12,
    #footer {
        padding: 0;
    }

    .row12text {
        margin: 0;
        font-size: 4vw;
    }

    #copyright,
    #colaboracion {
        float: unset;
        font-size: 3vw;
        height: auto;
        line-height: 7vw;
        width: 100%;
        text-align: left;
    }

    #row3 .inside-row,
    #row5 .inside-row,
    #row7 .inside-row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    #row3 .inside-row .left,
    #row5 .inside-row .left,
    #row7 .inside-row .left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    #row3 .inside-row .right,
    #row5 .inside-row .right,
    #row7 .inside-row .right {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    #open-menu {
        font-size: 10vw;
        color: #fff;
        position: absolute;
        top: 0;
        right: 5%;
    }

    #close-menu {
        font-size: 10vw;
        color: #fff;
        position: absolute;
        top: 0;
        right: 5%;
    }

    #nav-menu-mobile-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 999;
        margin: 0;
        text-align: center;
    }

    #nav-menu-mobile-header ul {
        margin-top: 10vw;
    }

    #nav-menu-mobile-header ul li {
        display: block;
        list-style: none;
        padding: 0;
        margin: 12vw 0;
        color: #fff;
        font-size: 6vw;
        font-weight: 700;
    }

    #nav-menu-mobile-header ul li.social a {
        margin: 0 4vw;
        width: 12vw;
        vertical-align: baseline;
    }

    #nav-menu-mobile-header ul li.social img {
        width: 100%;
        height: auto;
    }
}