@charset "utf-8";

/* CSS Document */


.form-control {
    border-radius: 3px!important;
	
}




/* IMPORTANTE PARA QUE LA BARRA DE NAVEGACIÓN NO HAGA ENTER, SE MANTENGA EN UNA MISMA FILA Y 
ENSEGUIDA AL RESPONSIVE SALGA LA FORMA DE MOVIL
*/

@media (max-width: 1224px) {   /*   CON OPORTUNIDADES SERIA 1224PX    */
    .navbar-header {
      float: none;
    }
    .navbar-left,
    .navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
    }
	
	    .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
        display: block;
    }
	
	
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      
      padding-bottom: 10px;
    }
    .collapse.in {
      display: block !important;
    }
  }

/* FIN
*/



.navbar-default .navbar-toggle .icon-bar {
    background-color: #02bdd5;

}


.navbar-toggle .icon-bar {
    width: 28px;
    height: 4px;
    border-radius: 2px;

}



@media (min-width: 768px) {

.plp .navbar-default.headroom-top .global-brand, .startpage .navbar-default.headroom-top .global-brand {

    background-image: url(../images/logo.png)!important;
}

}


@media (min-width: 1200px) {

.pad-m-right {
    padding-right: 20px;

}

}



@media (min-width: 992px) {

.pad-m-right {
    padding-right: 20px;

}

}



@media (min-width: 768px) {

.pad-m-right {
    padding-right: 20px;

}

}

@media (min-width: 480px) {

.pad-m-right {
    padding-right: 20px;

}

}





/*      SLIDER         */

.carousel-control .icon-prev, .carousel-control .icon-next {
  font-size: 30px !important;

}



@media screen and (min-width: 768px) {

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  font-size: 110px !important;

}
}

/* REDES */




@media (max-width: 992px) {

.centrar-redes {
	vertical-align:middle;
	display: block;
	width: 100%;
	
}

}

.svg-instagram {

	background-image:url(../images/instagram.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26px;
	height: 27px;
	display: inline-block;
	/* Para IE7 ponemos una imagen de otro formato */
	*background-image: url(../images/instagram.png);

}



.svg-twitter {

	background-image:url(../images/twitter.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26px;
	height: 27px;
	display: inline-block;
	/* Para IE7 ponemos una imagen de otro formato */
	*background-image: url(../images/twitter.png);

}



.svg-facebook {

	background-image:url(../images/facebook.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26px;
	height: 27px;
	display: inline-block;
	/* Para IE7 ponemos una imagen de otro formato */
	*background-image: url(../images/facebook.png);

}



.svg-blog {

	background-image:url(../images/blog.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26px;
	height: 27px;
	display: inline-block;

	/* Para IE7 ponemos una imagen de otro formato */

	*background-image: url(../images/blog.png);

}

.svg-linkedin {

	background-image:url(../images/linkedin.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26px;
	height: 27px;
	display: inline-block;

	/* Para IE7 ponemos una imagen de otro formato */

	*background-image: url(../images/linkedin.png);

}

.svg-correo {

	background-image:url(../images/correo.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26px;
	height: 27px;
	display: inline-block;

	/* Para IE7 ponemos una imagen de otro formato */

	*background-image: url(../images/correo.png);

}

.svg-web {

	background-image:url(../images/web-2.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26px;
	height: 27px;
	display: inline-block;

	/* Para IE7 ponemos una imagen de otro formato */

	*background-image: url(../images/web.png);

}



.iconos-social:hover  {

filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(filter.svg#gris);
filter: gray;

}


.global-brand {

    background-image: url(../images/logo.png)!important;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    width: 130px;
    height: 44px;
    margin-top: 14px;
    display: block;
    vertical-align: middle;
    position: relative;
    left: 45%;
    margin-left: -44.5px;

}


@media (min-width: 1224px) {

.global-brand {

    margin-left: auto!important;
    left: auto!important;
    width: 160px;
    height: 54px;
}

}

/*  REGISTRO*/

.estilos-mensajes {
	line-height:40px;
	font-size:18px;
	
	
}


/* Fin registro */

.blanco {

	color:#fff !important;
}


.pad-m-right {

    padding-right: 20px;
}

.espacio_colum {
	padding-left: 40px;
}


@media (max-width: 768px) { 

.espacio_colum {
	padding-left: 15px;
}

}

.espacio_izq{
	margin-left:0px !important;

}



@media (min-width: 768px) { 

 .espacio_izq{
	   margin-left:-30px !important;
}

}



.espacio_izq2{
	margin-left:-30px !important;
	margin-right:30px;
}


.espacio_der{
	margin-right:0px !important;

}


@media (min-width: 768px) { 

    .espacio_der{
	margin-left:-30px !important;
}

}



.sinpadding [class*="col-"] {
    padding: 0;

}





/* Animación flecha hacia abajo      */


.arrows-down {

    width: 30px;

    height: auto;

    display: inline-block;

    animation: pulse 1s infinite;

}



a.top-30.arrows-down {}

@keyframes pulse {

    0% {

        opacity: 0.1;

    }

    100% {

        opacity: 1;

    }

}



.top-5 {

    margin-top: 5px;
}



.top-10 {

    margin-top: 10px;
}


.top-20 {

    margin-top: 20px;
}


.top-30 {

    margin-top: 30px;
}



.top-60 {

    margin-top: 60px;
}



@media (max-width: 768px) { 

.top-60 {

    margin-top: 20px;
}
  

}



.interlineado {

	line-height: 45px;
}



.interlineado30 {

	line-height: 30px;
}



.alineacion_central {

	margin-left:0;
}



.azul_global {

	color:#02bdd5;	
}



.coral_global {

	color:#f4364c;	
}



.font_gosc {

	color:#262626;

	font-weight:500;

	font-size:15px;

	font-family: 'Roboto', Arial, sans-serif;

}




@media (max-width: 768px) { 

#contacto-sesion {

    margin-top: 40px;
}
	
}



/* Back To Top Button 

======================================*/



#back-top{

    position:fixed;

    right:30px;

    bottom:35px;

    z-index:9999;

}

    

#back-top a{

    opacity:0.5;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}

#back-top a i{

	padding-top: 8px;

	text-align: center;

} 

   

#back-top .btn-primary{

    background: #02bdd5;

    border-color: #02bdd5;

    padding: 0px;

    font-size: 18px;

    width: 30px;

    height: 28px;

    border-radius: 100%;

}



.btn-success2 {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success2:hover {
    color: #fff;
    background-color: #427b43;
    border-color: #59954d;

}

.btn-gris { 
  color: #ffffff; 
  background-color: #585759; 
  border-color: #4D4B4B; 
} 
 
.btn-gris:hover, 
.btn-gris:focus, 
.btn-gris:active, 
.btn-gris.active, 
.open .dropdown-toggle.btn-gris { 
  color: #ffffff; 
  background-color: #272727; 
  border-color: #4D4B4B; 
} 
 
.btn-gris:active, 
.btn-gris.active, 
.open .dropdown-toggle.btn-gris { 
  background-image: none; 
} 
 
.btn-gris.disabled, 
.btn-gris[disabled], 
fieldset[disabled] .btn-gris, 
.btn-gris.disabled:hover, 
.btn-gris[disabled]:hover, 
fieldset[disabled] .btn-gris:hover, 
.btn-gris.disabled:focus, 
.btn-gris[disabled]:focus, 
fieldset[disabled] .btn-gris:focus, 
.btn-gris.disabled:active, 
.btn-gris[disabled]:active, 
fieldset[disabled] .btn-gris:active, 
.btn-gris.disabled.active, 
.btn-gris[disabled].active, 
fieldset[disabled] .btn-gris.active { 
  background-color: #585759; 
  border-color: #4D4B4B; 
} 
 
.btn-gris .badge { 
  color: #585759; 
  background-color: #ffffff; 
}



.btn-success {

    color: #fff;
    background-color: #f4364c;
    border-color: #c72d3f;

}



.btn-success:hover {

    color: #fff;
    background-color: #eb112a;
    border-color: #c72d3f;

}



.btn-primary {

    color: #fff;

    background-color: #02bdd5;

    border-color: #337ab7;

}



.btn-primary:hover {

    color: #fff;

    background-color: #337ab7;

    border-color: #25649a;

}



@media (max-width: 768px) { 



.btn-success:hover {

    color: #fff;

    background-color: #f9213a !important;

    border-color: #c72d3f;

}



.btn-primary:hover {

    color: #fff;

    background-color: #337ab7 !important;

    border-color: #25649a;

}





    

}



/*

.btn.focus, .btn:focus, .btn:hover {

    color: #000;

    text-decoration: none;

}

 

*/

 
 .iconos_internos_form {
	color:#34495e;
	
	
}	

.iconos_inter_blue {
	color:#146ba7;
	
}

.iconos_inter_blanco {
	color:#fff;
	
}

.iconos_inter_coral {
	color:#f4364c;
	
}

.iconos_inter_gris {
	color:#333;
	
 

#back-top a:hover{

    background: #00AEFF;

    opacity: 1;

}





/* carousel */

#quote-carousel 

{

  padding: 0 10px 30px 10px;

  margin-top: 30px 0px 0px;

}



/* Control buttons  */

#quote-carousel .carousel-control

{

  background: none;

  color: #222;

  font-size: 2.3em;

  text-shadow: none;

  margin-top: 30px;

}

/* Previous button  */

#quote-carousel .carousel-control.left 

{

  left: -12px;

}

/* Next button  */

#quote-carousel .carousel-control.right 

{

  right: -12px !important;

}

/* Changes the position of the indicators */

#quote-carousel .carousel-indicators 

{

  right: 50%;

  top: auto;

  bottom: 0px;

  margin-right: -19px;

}

/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li 

{

  background: #c0c0c0;

  -webkit-transition: background 2s; /*adjust timing here */

         -moz-transition: background 2s;

           -o-transition: background 2s;

              transition: background 2s;

}

#quote-carousel .carousel-indicators .active 

{

  background: #fff;

    -webkit-transition: background 2s; /*adjust timing here */

         -moz-transition: background 2s;

           -o-transition: background 2s;

              transition: background 2s;

}

#quote-carousel img

{

  width: 250px;
  height: 100px

}

/* End carousel */



.item blockquote {

    border-left: none; 
    margin: 0;

}



.item blockquote img {

    margin-bottom: 10px;

}



.item blockquote p:before {

    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;

}







/**

  MEDIA QUERIES

*/



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) { 

    #quote-carousel {

      margin-bottom: 0;
      padding: 0 50px 40px 60px;
    } 

}



/* Small devices (tablets, up to 768px) */

@media (max-width: 768px) { 

    

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    

    #quote-carousel .carousel-indicators {

        bottom: -20px !important;  

    }

    #quote-carousel .carousel-indicators li {

        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;

    }

    #quote-carousel .carousel-indicators li.active {

        margin: 0px 5px;
        width: 20px;
        height: 20px;

    }

}









/* Fade transition for carousel items */

.carousel .item {

    left: 0 !important;
    opacity: 0;
    -webkit-transition: opacity 2s; /*adjust timing here */
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;

}

.carousel-control {

    background-image: none !important; /* remove background gradients on controls */

}

/* Fade controls with items */

.item.active{

    opacity: 1;

}



.next.left,

.prev.right {

    opacity: 1;
    z-index: 10;

}

.active.left,

.active.right {

    opacity: 0 !important;
    z-index: 2;
    -webkit-transition: opacity 2s; /*adjust timing here */
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;

}



/*Counter area

======================================================================*/



#counter-area{

	background: rgb(244, 54, 76);   /* Antes  background:#00AEFF; */
	padding: 80px 0px;

}

.facts{



}

.line{

	width: 50px;
	background: #fff;
	height: 2px;
	margin: 0 auto;

}

.columns{

	position: relative;

}

.columns:after{

	position: absolute;
	content: "";
	width: 0px;
	height: 100%;
	border-right: 1px solid #ddd;
	top: 13px;
	right: 0px;
	-webkit-transform:  rotate(-21deg);
	-ms-transform:  rotate(-21deg);
	-o-transform:  rotate(-21deg);
	transform:  rotate(-21deg);

}

.facts-wrap i{

	font-size: 60px;
	line-height: 60px;
	color: #fff;

}

.fact-content h6{

	font-size: 20px;
	padding: 20px 0px 10px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;

}

.facts-wrap-num{

	font-size: 40px;
	color: #fff;
	line-height: 40px;
	padding-top: 10px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;

}

.columns:last-child:after{

	border: 0px;

}



/* SLIDER */

.list-inline>li {

    padding-right: 0px;
    padding-left: 0px;

}



.top-redes {

	padding-top:5px !important;


}





/*     PASOS        */



.soluciones {

  font-family: 'Open Sans Regular', arial, sans-serif;
  font-size: 15px;
  font-weight: lighter !important;
  color: #fff;
  margin: 10px 10px 10px;
  text-align:center;

  

  }





#precio-table-solu .plan-solu {

  list-style: none !important;
  text-align: center;
  padding: 5px 0; /* Ilmar rodriguez */



}



#precio-table-solu .plan-solu li {

  padding: 5px 0;
  color: #fff; /* Ilmar rodriguez */
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;  

}



#precio-table-solu .plan-solu li.plan-name2 {

  font-size: 24px;
  line-height: 1.3;
  color: #fff;
  text-align:center;

}

#precio-table-solu .plan-solu li.plan-name2 h2 {

  margin: 0;
  color: #fff;

}

#precio-table-solu .plan-solu li.plan-price2 {

  margin-bottom: 10px;

}

#precio-table-solu .plan-solu li.plan-price2 > div {

  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 5px;
  font-size: 24px;
  border-radius: 100%;
  width: 70px;
  height: 70px;

}

#precio-table-solu .plan-solu li.plan-price2 > div sup {

  font-size: 10px;
  line-height: 10px;

}

#precio-table-solu .plan-solu li.plan-price2 > div > small {

  display: block;
  font-size: 11px;

}

#precio-table-solu .plan-solu li.plan-action2 {

  margin-top: 10px;
  border-top: 0;

}

#precio-table-solu .plan.featured2 {

  background-color: #fff;

}



@media (min-width: 990px) {



.hr_normal {

	border-width: 3%;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(rgba(255, 255, 255, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(white, rgba(255, 255, 255, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(white, rgba(255, 255, 255, 0)) 1 100%;    
    -o-border-image: -o-linear-gradient(white, rgba(255, 255, 255, 0)) 1 100%;
    border-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)) 1 100%;}

	

.hr_normal2 {

	border-right-width: 3%;
	border-right-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(rgba(255, 255, 255, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(white, rgba(255, 255, 255, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(white, rgba(255, 255, 255, 0)) 1 100%;    
    -o-border-image: -o-linear-gradient(white, rgba(255, 255, 255, 0)) 1 100%;
    border-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)) 1 100%;}

	





}











.hr_mobil2 {border: 1px solid #48ac53; height: 2px; width: 100% !important;}



/*VERSION MOBIL */



@media (max-width: 480px){

  /* some CSS here */

.comillas {

	font-size:22px;

}



}



@media (max-width: 970px) {

	

.hr_mobil {border: 1px solid #fff; height: 2px; width: 60% center !important;}

.hr_mobil2 {border: 1px solid #48ac53; height: 2px; width: 100% !important;}

.link_web a {

	font-size:14px;

	font-weight:lighter;

	color:#fff !important;

	text-align:center;

	margin-top:-30px;

}

.centrado {

	text-align:center !important;

	

}