html {
	background: #000000;
}
body {
    color: #FFFFFF;
    line-height: 1;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.bg-black {
    background: #000000;
}

.nk-padding-xlarge-top {
    padding-top: 80px;
}
.nk-padding-xlarge-bottom {
    padding-bottom: 80px;
}
.nk-img-container {
    display: block;
    border: 2px solid #C4C4C4;
    border-radius: 8px;
    padding: 10px 20px;
}
.video-width {
    width: 90vw;
}
.video-height {
    height: 80vh;
}
.uk-modal-dialog {
    background: #000000;
}

#zonas .uk-modal-dialog {
    background: #ffffff;
    color: #0063c3;
}
#zonas h2 {
    color: #0063c3;
}


.nk-send-button {
    display: block;
    background: #A3A3A3;
    border-radius: 20px;
    border: 0;
    font-size: 16px;
    width: 120px;
    height: 40px;
    color: #ffffff;
	cursor: pointer;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF;
    font-weight: bold;
}
.uk-h6 {
    color: #000000;
}
.middle {
    margin: auto !important;
}
.center {
    margin: 0 auto;
}
.bg-blue {
    background-image: url("../images/TRU-BLOCK-CHAIN-FONDO.png");
    background-position: center;
}
.rounded {
    border-radius: 15px;
}
.button {
    padding: 10px;
    color: #FFFFFF;
    font-size: 15px;
    border-radius: 7px;
    font-weight: bold;
    z-index: 3;
}
.bg-lightblue {
    background: #84d2f6;
}
.bg-sect1 {

}

.form-error {
    text-align: center;
    background: #f4f4f4;
    border: 2px solid #ec2147;
    border-radius: 8px;
    padding: 7px;
    color: #ec2147;
}
.help-block {
    display: block;
    width: 89%;
}

.width-box {
    width: auto !important;
    display: inline-table;
    padding: 7px;
}

/* secciones  */

.bg-line {
    position: absolute;
    top: -107px;
    z-index: 1;
}
#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8 {
    z-index: 0;
    position: relative;
}
#section1 {
    z-index: 2;
}

#section1 {
}
.bg-sect1 > img {
    width: 95%;
}

#section2 {
    top: 90px;
    width: 90%;
}
.bg-sect2 > img {
    top: -87px;
    position: relative;
    right: -104px;
    width: 94%;
}

#section3 {
    top: 90px;
    width: 90%;
}
.bg-sect3 > img {
    top: -80px;
    position: relative;
    width: 94%;
}

#section4 {
    top: 90px;
}
.bg-sect4 > img {
    top: -95px;
    position: relative;
    width: 95%;
}

#section5 {
    top: 80px;
}
.bg-sect5 > img {
    top: -35px;
    position: relative;
}

#section6 {
    top: 90px;
}
.bg-sect6 > img {
    top: -54px;
    position: relative;
    width: 95%;
}

#section7 {
    top: 100px;
}
.bg-sect7 > img {
    top: -100px;
    position: relative;
    width: 90%;
    left: 38px;
}

@media screen and (max-width: 960px) {

    .bg-line {
        display: none;
    }
    #section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8 {
        z-index: 0;
        position: relative;
    }

    #section1 {
    }
    .bg-sect1 > img {
        width: 95%;
    }

    #section2 {
        top: 90px;
        width: 90%;
    }
    .bg-sect2 > img {
        top: -87px;
        position: relative;
        right: -104px;
        width: 94%;
    }

    #section3 {
        top: 90px;
        width: 90%;
    }
    .bg-sect3 > img {
        top: -80px;
        position: relative;
        width: 94%;
    }

    #section4 {
        top: 90px;
    }
    .bg-sect4 > img {
        top: -95px;
        position: relative;
        width: 95%;
    }

    #section5 {
        top: 80px;
    }
    .bg-sect5 > img {
        top: -35px;
        position: relative;
    }

    #section6 {
        top: 90px;
    }
    .bg-sect6 > img {
        top: -54px;
        position: relative;
        width: 95%;
    }

    #section7 {
        top: 100px;
    }
    .bg-sect7 > img {
        top: -100px;
        position: relative;
        width: 90%;
        left: 38px;
    }
}

#map {
    min-height: 100%;
}
.gm-style-iw-d {
    color: #000000;
}
.lupa {
    padding: 5px;
}
.circle {
    background: #FFFFFF;
    border-radius: 100px;
    display: inline-block;
    width: 30px;
    height: 30px;
}

/** Nuievo EStilo */

section {
    background-repeat: no-repeat;
    background-position: top left;
    transition: 1s ease;
}
.bg-alt {
    background-position: top right !important;
}

section.uno {
    background-image: url("../images/bg/bg-uno.jpg");
    background-position: bottom;
    background-size: cover;
    min-height: 632px;
    color: #0063c3;
}
section.dos {
    background-image: url("../images/bg/bg-dos.jpg");
    background-position: bottom;
    background-size: cover;
    min-height: 646px;
    color: #660f80;
}
section.tres {
    background-image: url("../images/bg/bg-tres.jpg");
    background-position: bottom;
    background-size: cover;
    min-height: 668px;
    color: #0063c3;
}
section.cuatro {
    background-image: url("../images/bg/bg-cuatro.jpg");
    background-position: bottom;
    background-size: cover;
    min-height: 648px;
}
section.cinco {
    background-image: url("../images/bg/bg-cinco.jpg");
    background-position: bottom;
    background-size: cover;
    min-height: 656px;
    color: #0063c3;
}
section.seis {
    background-image: url("../images/bg/bg-seis.jpg");
    background-position: bottom;
    background-size: cover;
    min-height: 650px;
}
section.siete {
    background-image: url("../images/bg/bg-siete.jpg");
    background-position: bottom;
    background-size: cover;
    color: #0063c3;
    background-repeat: repeat !important;
}
.number {
    width: 67px;
}
.number img {

}
.title-container {
    position: relative;
    left: -80px;
    top: 3px;
    margin-bottom: 14px;
}
.title {
    font-size: 36px;
    position: relative;
    font-weight: bold;
    letter-spacing: -1px;
}
.text {
}
.nk-content {
    max-width: 340px;
}
.logos {
    position: absolute;
    margin-top: 14px;
}
.logos img {
    width: 120px;
    margin-right: 7px;
}
.slide-number {
    width: 170px;
    position: relative;
}
.slide-button {
    position: absolute;
    width: 100px;
    left: 45%;
    bottom: 5%;
}
.image1 {
    position: absolute;
    max-width: 580px;
    right: 0;
    top: 18%;
}
.image2 {
    position: absolute;
    max-width: 900px;
    right: -120px;
    top: 34%;
}
.image3 {
    position: absolute;
    max-width: 900px;
    right: -100px;
    top: 17%;
}
.image4 {
    position: absolute;
    max-width: 732px;
    right: -50px;
    top: 30%;
}

.data-container {
    position: relative;
    top: 45%;
    left: 14px;
}
.image-container {
    position: relative;
    top: 10%;
}
.fechaz {
    position: absolute;
    bottom: 11%;
    left: 28%;
    font-weight: bold;
    font-size: 14px;
}
.fecha1 {
    position: absolute;
    bottom: 12%;
    left: 32%;
    font-weight: bold;
    font-size: 14px;
}
.fecha4 {
    position: absolute;
    bottom: 23px;
    left: 77px;
    font-weight: bold;
    font-size: 14px;
    color: #58167D;
}
.fecha7 {
    position: absolute;
    bottom: 25px;
    left: 30%;
    font-weight: bold;
    font-size: 14px;
}
.nk-images img {
    margin-right: 14px;
    margin-bottom: 14px;
}
.nk-images div {
    max-width: 400px;
}
.nk-images div.small {
    max-width: 240px;
}
.nk-margin-extreme-top {
    margin-top: 195px;
}
.date-container {
    flex: auto;
    position: relative;
    max-width: 206px;
}

.milk-container {
    background: rgba(255,255,255,0.6);
    padding: 10px 20px;
}

/* Mapa  */
.map-container {
    background: rgba(255, 255, 255, 0.58);
    min-height: 400px;
    width: 100%;
    position: relative;
    z-index: 1500;
}

.next-arrow {
    position: relative;
    z-index: 1200;
}

.persona-container {
    position: relative;
}
.persona {
    position: absolute;
    bottom: 0;
}

/* responsividad */

@media screen and (max-width: 700px) {
    .persona {
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .title-container {
        position: relative;
        left: 0;
        top: 3px;
        margin-bottom: 14px;
    }
    .nk-img-container {
        padding: 2px;
    }
    .nk-responsive-flex {
        display: block !important;
        text-align: center;
    }
    .nk-responsive-flex > div {
        margin-bottom: 14px;
    }
    .nk-responsive-packs {
        width: 250px;
        margin: 0 auto;
    }
    .small img {
        width: 46%;
        margin: 0 3px 6px 0;
    }
    .nk-responsive-logos {
        display: block;
        width: 100%;
    }
    .uk-h6 {
        font-size: 11px;
    }
}
@media screen and (max-width: 1375px) {
    .title-container {
        position: relative;
        left: 10px;
        top: 3px;
        margin-bottom: 14px;
    }
}