@font-face {
    font-family: 'GothamBold';
    src: url('fonts/gothambold.eot');
    src: url('fonts/gothambold.eot?#iefix') format('embedded-opentype'), url('fonts/gothambold.woff2') format('woff2'), url('fonts/gothambold.woff') format('woff'), url('fonts/gothambold.ttf') format('truetype');
}

@font-face {
    font-family: 'GothamRegular';
    src: url('fonts/GothamBookRegular.eot');
    src: url('fonts/GothamBookRegular.eot?#iefix') format('embedded-opentype'), url('fonts/GothamBookRegular.woff2') format('woff2'), url('fonts/GothamBookRegular.woff') format('woff'), url('fonts/GothamBookRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'exo.light';
    src: url('fonts/exo.light.eot');
    src: url('fonts/exo.light.eot?#iefix') format('embedded-opentype'), url('fonts/exo.light.woff2') format('woff2'), url('fonts/exo.light.woff') format('woff'), url('fonts/exo.light.ttf') format('truetype');
}

@font-face {
    font-family: 'moon_get-Heavy';
    src: url('fonts/moon_get-Heavy.otf');
    src: url('fonts/moon_get-Heavy.otf?#iefix') format('embedded-opentype'), url('fonts/moon_get-Heavy.woff2') format('woff2'), url('fonts/moon_get-Heavy.woff') format('woff'), url('fonts/moon_get-Heavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Avenir-Heavy';
    src: url('fonts/Avenir-Heavy.otf');
    src: url('fonts/Avenir-Heavy.otf?#iefix') format('embedded-opentype'), url('fonts/Avenir-Heavy.woff2') format('woff2'), url('fonts/Avenir-Heavy.woff') format('woff'), url('fonts/Avenir-Heavy.ttf') format('truetype');
}


@font-face {
    font-family: 'AvenirNext-Regular';
    src: url('fonts/AvenirNext-Regular.eot');
    src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNext-Regular.woff2') format('woff2'), url('fonts/AvenirNext-Regular.woff') format('woff'), url('fonts/AvenirNext-Regular.ttf') format('truetype');
}


@font-face {
    font-family: 'AvenirNext-DemiBold';
    src: url('fonts/AvenirNext-DemiBold.eot');
    src: url('fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNext-DemiBold.woff2') format('woff2'), url('fonts/AvenirNext-DemiBold.woff') format('woff'), url('fonts/AvenirNext-DemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Neuropol';
    src: url('fonts/Neuropol.otf');
    src: url('fonts/Neuropol.otf?#iefix') format('embedded-opentype'), url('fonts/Neuropol.woff2') format('woff2'), url('fonts/Neuropol.woff') format('woff'), url('fonts/Neuropol.ttf') format('truetype');
}

img[alt=logo] {
    width: 90%;
}

img[alt=logo2] {
    width: 75%;
}

.mainImg {
    cursor: pointer;
    border-radius: 50px;
    border: 2px solid transparent;
    transition: all .2s ease-in-out;
}

.mainImg:hover {
    border: 2px solid #1894FF;
    transform: scale(1.1);
}

.mainImg:active {
    border: 2px solid #3BA5FF;
}

.bgImage {
    width: 100%;
    background: white url(imagenes/fondoandamios.png);
    background-size: cover;
}

.pt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
}

.pt .andamios {
    padding-left: 10px;
    color: #858585;
    position: relative;
    top: 15px;
    font-family: 'AvenirNext-Regular';
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -2px;
}

@keyframes earthrotate {
    from {
        background-position-x: 0px;
    }

    to {
        background-position-x: 600px;
    }
}

.earth {
    position: relative;
}

.earth img {
    width: 60px;
    height: 60px;
    right: -5px;
    top: 20px;
}

.earth .planet {
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 100px;
    border-radius: 50%;
    background-image: url('imagenes/earth-living.jpg');
    transform-style: preserve-3d;
    animation: earthrotate 10s;
    animation-duration: 10s, 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.texto {
    font-family: 'AvenirNext-DemiBold';
    color: #858585;
    font-size: 13px;
    text-align: center;
    padding-bottom: 5px;
}

.texto2 {
    font-family: 'AvenirNext-DemiBold';
    color: #858585;
    font-size: 15px;
    text-align: left;
}

.texto3 {
    font-family: 'AvenirNext-DemiBold';
    color: #858585;
    font-size: 17px;
    text-align: justify;
}

.titulo {
    font-family: 'AvenirNext-Regular';
    font-weight: bold;
    color: #2067c0;
    font-size: 25px;
}

.titulo2 {
    font-family: 'AvenirNext-Regular';
    font-weight: bold;
    color: #2067c0;
    font-size: 40px;
}