/*
#461aff COLOR1
#00838f COLOR2
*/
.love{
  position: absolute;
  left: -9999px; /* Lo mueve fuera del viewport */
  height: 0;
  overflow: hidden;   
}
body.landing-page{
background-image: url('https://facturacorp.com/images/png/03_slider.png');
background-size: cover;
background-position: 25% 10%;
background-repeat: no-repeat;    
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #1c1c1c !important;
  background-color: #1c1c1c !important;
}

.landing-page header {
  height: 0px;
  padding-top: 115px;
  margin-bottom: 30px;
}
.landing-page .navbar-default .navbar-toggle:hover, .landing-page .navbar-default .navbar-toggle:focus {
    background: #461aff !important;
}

.navbar-toggle {
    margin-top: 26px !important;
    margin-right: 30px !important;
    }

.register-container {
    padding-top: 3%;
}


.navbar{
 background-color: #1c1c1c !important;
border-style: none;
height: 75px;   
}



/************************************************************
HEADER REGISTRO

**********************************/
.landing-page .header-sitio {
    height: 150px !important;
    }
.div-titulo{
    margin-top: 0px !important;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}
.header-sitio .container{
background-color: #d7d7d7;
padding: 30px;
margin-top: 30px;
width: 100%;
}

.div-titulo h1{
  font-size: 45px !important;
color: #fff !important;; 
}
.div-titulo span{
  font-size: 20px !important;
 color: #fff !important;
}
.sub-registro {
 color: #fff !important;
}

.logo_vc{
width: 150px;
margin-top: 20px;
}
#navbar{
  margin-top: 10px;
}
.boton-ingresar{
background: linear-gradient(80deg, #0147e8 20%, #5102fe 80%) !important;
border-radius: 5px;
border-width: 0px;
font-weight: bold;
color: #FFF !important;
padding: 10px 20px !important;
height: 40px !important;
margin-top: 10px !important;
border-width: 0px !important;
margin-left: 5px;
line-height: 20px !important;
font-size: 16px !important;
color: #FFF !important;
font-weight: bold !important;
}

.boton-ingresar:hover{
 background: linear-gradient(80deg, #5102fe 20%, #0147e8 80%) !important;
border-radius: 5px;
border-width: 0px;
font-weight: bold;
color: #FFF !important;
padding: 10px 20px !important;
border-width: 0px !important; 
}

.landing-page .navbar-nav > li > a {
  font-size: 17px !important;
  font-weight: 600;
  padding: 19px 15px;
  color: #fff !important;
}

/************************************************************
FOOTER 

**********************************/
.div-footer-1 img{
float: left;
width: 130px;
margin: 16px 5px;
max-width: 42px;
}

.svg-logo-blanco{
  width: 200px;
}

.div-footer-2{
  text-align: center;
}

#contact{
background-color: #1c1c1c;
border: none;
color: white;
}
#contact p, #contact a{
    color: white !important; 
}
.redes-footer{
  width: 30px;
margin-right: 10px;
}

.div-footer-3{
  text-align: right;
}

.div-footer-4{
  text-align: left;
}

.div-footer-5{
 text-align: right; 
}

#contact > div:nth-child(1) > div:nth-child(2){
 margin-top: 40px;
border-top-style: solid;
border-width: 0.5px;
border-color: #5b5858;
padding-top: 10px; 
}


/*louder*/

.logo-loader{
  width: 100px;
}

.mensaje-loader{
  font-size: 18px;
}

@-webkit-keyframes loader-example-1--loader {
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loader-example-1--loader {
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-webkit-keyframes loader-example-1--dot-1 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(0);
            transform: rotate3d(0, 0, 1, 120deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
  }
}
@keyframes loader-example-1--dot-1 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(0);
            transform: rotate3d(0, 0, 1, 120deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
  }
}
@-webkit-keyframes loader-example-1--dot-2 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(0);
            transform: rotate3d(0, 0, 1, 240deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
  }
}
@keyframes loader-example-1--dot-2 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(0);
            transform: rotate3d(0, 0, 1, 240deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
  }
}
@-webkit-keyframes loader-example-1--dot-3 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(0);
            transform: rotate3d(0, 0, 1, 360deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
  }
}
@keyframes loader-example-1--dot-3 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(0);
            transform: rotate3d(0, 0, 1, 360deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
  }
}
.loader-example-1 .loader {
  width: 2rem;
  height: 2rem;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: loader-example-1--loader 2000ms ease-in-out infinite;
          animation: loader-example-1--loader 2000ms ease-in-out infinite;
  margin-left: 23px;
}
.loader-example-1 .loader--dot {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.loader-example-1 .loader--dot:nth-of-type(1) {
  background-color: #6f53e6;
  -webkit-animation: loader-example-1--dot-1 2000ms ease-in-out infinite;
          animation: loader-example-1--dot-1 2000ms ease-in-out infinite;
}
.loader-example-1 .loader--dot:nth-of-type(2) {
  background-color: #5c3be6;
  -webkit-animation: loader-example-1--dot-2 2000ms ease-in-out infinite;
          animation: loader-example-1--dot-2 2000ms ease-in-out infinite;
}
.loader-example-1 .loader--dot:nth-of-type(3) {
  background-color: #461aff;
  -webkit-animation: loader-example-1--dot-3 2000ms ease-in-out infinite;
          animation: loader-example-1--dot-3 2000ms ease-in-out infinite;
}

/*******************************************

forma de registro
**************/
.subtitulos-registro{
margin-left: 16px;
margin-bottom: 22px;
color: #461aff;  
 font-family: 'Montserrat', sans-serif;
}

.section-registro{
  background-image: url(https://sitio.medioscorp.com/img/svg/ser_back.svg) !important;
background-repeat: no-repeat !important;
background-size: 380px auto !important;
background-position: -2% 121% !important;
}

.btn-registro{
 background-color: #461aff;
border-color: #461aff;
color: #FFFFFF; 
 font-family: 'Montserrat', sans-serif;
}

.form-control {
    border-color: #cacaca !important;
}

.val_text{
 color: #f01515;
font-weight: bold;
font-size: 10px; 
}
/*///////////////////////////////////////////////
  WHATSAPP
///////////////////////////////////////////////////////////////////*/

.wp_section{

    position: fixed;
    right: 15px;
    bottom: 40px;
    height: 80px;
    width: 80px;
    z-index: 5;

}
       /*what_sapp_icon*/
    
    .what_sapp_icon .wp_icon_star {
        position: static;
        width: 60px;
        height: 60px;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
        -webkit-animation: whatsapp_star_animation 5s ease alternate infinite;
        animation: whatsapp_star_animation 5s ease alternate infinite;
    }
    
    .what_sapp_icon .wp_icon_circles {
        width: 8px;
        height: 8px;
        background: transparent;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 4px);
        top: calc(50% - 4px);
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-animation: what_sapp_icon-circles 5s ease-in-out alternate infinite;
        animation: what_sapp_icon-circles 5s ease-in-out alternate infinite;
    }




    @-webkit-keyframes what_sapp_icon-circles {
        0% {
            -webkit-box-shadow: 0 0 0 #00e676;
            box-shadow: 0 0 0 #00e676;
            opacity: 1;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        4% {
            -webkit-box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
            box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        80% {
            -webkit-box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
            box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        100% {
            opacity: 0;
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            -webkit-box-shadow: 25px -22px #00e676, 15px -22px 0 -3px black, 31px 2px #00e676, 21px 2px 0 -3px black, 23px 25px #00e676, 13px 25px 0 -3px black, 0px 33px #00e676, -10px 33px 0 -3px black, -26px 24px #00e676, -19px 17px 0 -3px black, -32px 0px #00e676, -23px 0px 0 -3px black, -25px -23px #00e676, -16px -23px 0 -3px black, 0px -31px #00e676, -2px -23px 0 -3px black;
            box-shadow: 25px -22px #00e676, 15px -22px 0 -3px black, 31px 2px #00e676, 21px 2px 0 -3px black, 23px 25px #00e676, 13px 25px 0 -3px black, 0px 33px #00e676, -10px 33px 0 -3px black, -26px 24px #00e676, -19px 17px 0 -3px black, -32px 0px #00e676, -23px 0px 0 -3px black, -25px -23px #00e676, -16px -23px 0 -3px black, 0px -31px #00e676, -2px -23px 0 -3px black;
        }
    }
        @-webkit-keyframes whatsapp_star_animation {
        0% {
            -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
        }
        15% {
            -webkit-transform: scale(0.7) rotate(360deg);
            transform: scale(0.7) rotate(360deg);
        }
        100% {
            -webkit-transform: scale(0.7) rotate(360deg);
            transform: scale(0.7) rotate(360deg);
        }
    }
    
    @keyframes whatsapp_star_animation {
        0% {
            -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
        }
        15% {
            -webkit-transform: scale(0.7) rotate(360deg);
            transform: scale(0.7) rotate(360deg);
        }
        100% {
            -webkit-transform: scale(0.7) rotate(360deg);
            transform: scale(0.7) rotate(360deg);
        }
    }

@media (max-width: 400px) {
.wp_section {
    position: fixed;
    right: 10px;
    bottom: 10px;
    height: 80px;
    width: 80px;
    z-index: 5;
}
}




/*RESPONSIVO==============================================================================================================*/

@media(max-width: 1400px){

}
/*  ====================================================================================================================*/
@media(max-width:1220px ){


}
/*  ====================================================================================================================*/
@media(max-width:1200px ){


}


/*  ====================================================================================================================*/
@media(max-width:1000px ){



}

/*  ====================================================================================================================*/
@media(max-width:959px ){



}

/*  ====================================================================================================================*/
@media(max-width:800px ){

}


/*  ====================================================================================================================*/
@media(max-width: 767px){

.landing-page .navbar-nav > li > a {
  width: 115px;
}

.div-titulo h1 {
    font-size: 25px !important;
}
.div-titulo span {
    font-size: 16px !important;
}

.logo_vc {
width: 182px;
margin-top: 19px;
margin-left: 31px;
}


#contact > div:nth-child(1) > div:nth-child(1){
  display: grid;
}


.div-footer-1{
order: 3;
text-align: center;
float: inherit;
}
.div-footer-1 img {
    float: inherit;
    width: 120px;
    margin-top: 30px;
}

.div-footer-2{
  order: 2;
}

.div-footer-3{
  order: 1;
text-align: center;
margin-bottom: 25px;
}
.div-footer-4,  .div-footer-5{
  text-align: center;
}



}

/*  ====================================================================================================================*/
@media(max-width: 675px){


}
/*  ====================================================================================================================*/



/*  ====================================================================================================================*/
@media(max-width: 500px){


}
/*  ====================================================================================================================*/

@media(max-width: 479px){

}

/*  ====================================================================================================================*/
@media(max-width: 400px){



}
/*  ====================================================================================================================*/
@media(max-width: 335px){

}