/*custom font*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*basic reset*/
* {
    margin: 0;
    padding: 0;
}
html, body {
     height: 90%;
     margin: 0;
    padding: 0;
}
@font-face {
    font-family: 'TevaRegular';
    src: url('/css/fonts/TevaSans-Regular.otf') format('opemtype');
  }
  @font-face {
    font-family: 'TevaBold';
    src: url('/css/fonts/TevaSans-Bold.otf') format('opemtype');
  }
  @font-face {
    font-family: 'TevaLight';
    src: url('/css/fonts/TevaSans-Light.otf') format('opemtype');
  }
body{
    /* background: #6441A5; 
    background: -webkit-linear-gradient(to left, #6441A5, #2a0845);  */

    background: rgb(163,163,163);
    background: -moz-linear-gradient(0deg, rgba(163,163,163,1) 0%, rgba(232,227,227,1) 70%);
    background: -webkit-linear-gradient(0deg, rgba(163,163,163,1) 0%, rgba(232,227,227,1) 70%);
    background: linear-gradient(0deg, rgba(163,163,163,1) 0%, rgba(232,227,227,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3a3a3",endColorstr="#e8e3e3",GradientType=1);
    background-repeat: no-repeat;
    background-size: cover;
}

body {
    font-family: 'TevaRegular', sans-serif;
    background-color: transparent!important;
}

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

  }
  .pre-footer {
    background-color: #005670;
    color: #fff;
    font-family: Open Sans,sans-serif;
    padding: 12px 0;
    text-align: center;
    z-index: 25;
}
.pre-footer__link {
    font-size: 1.125rem;
    color: #fff;
    transition: all .2s ease-in-out;
}
.pre-footer__link:hover {
    color: #fff;
}
.logofooter{
    position: fixed;
    bottom: 60px;
} 
.colorfooter{
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
} 

.borderbottom1{
    width: 100%;
    height: 15px;
    background-color: #4D9F75;
    margin-bottom: 0%;
}
.borderbottom2{
    width: 100%;
    height: 45px;
    background-color: #005373;
    margin-bottom: 0%;
}

.logolab{
    padding-top: 20px;
    height:100px;
    width:100%;
    background-color: #fff;
}

 .btnInicio{
 
 font-family: Roboto, sans-serif;
 font-weight: 0;
 font-size: 20px;
 color: #fff;
 background: linear-gradient(0deg, #00b4cc 0%, #71a9e0 100%);
 padding: 10px 50px;
 border: none;
 box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
 border-radius: 50px;
 transition : 1100ms;
 transform: translateY(0);
 display: flex;
 flex-direction:row-reverse;
 align-items: center;
 cursor: pointer;
 text-decoration: none;
 }
 
 .btnInicio:hover{
 
 transition : 1100ms;
 padding: 10px 50px;
 transform : translateY(-0px);
 background: linear-gradient(0deg, #51a8ff 0%, #0491a3 100%);
 color: #d9e6fa;
 border: none;
 text-decoration: none;
 }
 h1{
    font-weight:600;
 }
 .idpuntos{
    display: none;
 }
 .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    }
    @-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    }
    @keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    } 

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        }
        @-webkit-keyframes fadeInUp {
        0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        }
        100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        }
        }
        @keyframes fadeInUp {
        0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        }
        100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        }
        }

        .zoomIn {
            -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            }
            @-webkit-keyframes zoomIn {
            0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
            }
            50% {
            opacity: 1;
            }
            }
            @keyframes zoomIn {
            0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
            }
            50% {
            opacity: 1;
            }
            } 
            .zoomIn2 {
                -webkit-animation-name: zoomIn;
                animation-name: zoomIn;
                -webkit-animation-duration: 2s;
                animation-duration: 2s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                }
                @-webkit-keyframes zoomIn {
                0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
                }
                50% {
                opacity: 1;
                }
                }
                @keyframes zoomIn {
                0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
                }
                50% {
                opacity: 1;
                }
                }