@charset "UTF-8";
/* CSS Document */


*{
	margin: 0;
	padding: 0;
}

html{
	scroll-behavior: smooth;
	overflow-x: hidden;
}




body{
    background-color: #fff;
	overflow: hidden !important;
    background-image: url("../img/bg_body.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    font-family: 'Roboto', sans-serif !important;
    color: #706f6f !important;
    scroll-behavior: smooth;
    
}


a{
    text-decoration: none !important;
}


a:hover{
    text-decoration: none !important;
}


#logo_antares{
    height: 205px;
    width: 100%;
}


#logo_antares a{
    display: block;
    margin: 0 auto;
    width: 509px;
}


.carousel-indicators li{
    background-color: #0071bb !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
}





.d-block{
    margin-bottom: 40px;
}

#pasos h3, #tyc h3{
    text-align: center;
    font-weight: bold;
    color: #0071bb;
}





#pasos li, #tyc li{
    background-image: url("../img/estrella.png");
    padding-left: 27px;
    background-repeat: no-repeat;
    list-style: none;
    margin-bottom: 5px;
}


#tyc h4{
    text-align: center;
    color: #0071bb;
    font-weight: 400;
}




.boton{
    display: block;
    width: 40%;
    height: 50px;
    border-radius: 30px;;
    text-align: center;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 1px;
    cursor: pointer !important;
    background: linear-gradient(242deg, #7bffff, #0492be);
    background-size: 400% 400%;

    -webkit-animation: degr 7s ease infinite;
    -moz-animation: degr 7s ease infinite;
    -o-animation: degr 7s ease infinite;
    animation: degr 7s ease infinite;
    
    
    
    transition: all ease 500ms;
   
}


@-webkit-keyframes degr {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@-moz-keyframes degr {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@-o-keyframes degr {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@keyframes degr {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}



.boton:hover{
    
 width: 45%;
    text-decoration: none;
    color: #fff;
    cursor: pointer !important;
}







footer{
    background-color: #fafafa;
    text-align: center;
    font-size: 0.95em;
}


footer p, footer p a{
    color: #706f6f !important;
    transition: all ease 300ms;
}

footer p a:hover{
    color: #d6006d !important;
    text-decoration: none;
}



.df{
    margin: 25px 0;
}

.pfooter, .pfooter a{
    font-size: 1em;
    color: #706f6f;
    text-decoration: none;
}



footer p.pfooter a#balarco:hover{
    color: #E3630E !important; 
    text-decoration: none;
}




.balarco{
	transition:  all ease 500ms;
	color: #b3bfe1;
	text-decoration: none !important;
	
}

.balarco:hover{
	color: #E3630E;
}

/*Fin Footer*/




.clear_10{
	clear: both;
	width: 100%;
	height: 10px;
}

.clear_20{
	clear: both;
	width: 100%;
	height: 20px;
}

.clear_30{
	clear: both;
	width: 100%;
	height: 30px;
}


.clear_40{
	clear: both;
	width: 100%;
	height: 40px;
}


.clear_50{
	clear: both;
	width: 100%;
	height: 50px;
}


.clear_60{
	clear: both;
	width: 100%;
	height: 60px;
}



.clear_100{
	clear: both;
	width: 100%;
	height: 100px;
}



.desktop{
    display: block;
}

.mobile{
    display: none;
    display: hidden;
}



.divisor{
    width: 100%;
    height: 75px;
    background-image: url("../img/divisor.png");
    background-position: center;
    margin: 40px 0;
}








@media only screen and (min-width: 1px) and (max-width: 990px) {

	body{
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
}
    
    
    
#logo_antares{
    height: auto;
    width: 100%;
}


#logo_antares a{
    display: block;
    margin: 0 auto;
    width: 90%;
    text-align: center;
}


  
.carousel-inner{
    margin: 10px 0;
}
    
    .boton{
         width: 70%;
    }

    
   .boton:hover{
         width: 80%;
    }
    
    
    .desktop{
        display: none;
    display: hidden;
    
}

.mobile{
    display: block;
}

.df{
    margin: 15px 0;
}

    
}