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

html{ scroll-behavior: smooth; height: 100% !important;} 
a{text-decoration: none !important; cursor: pointer !important;}
body{overflow: auto !important;}
.negritas{font-weight: 600 !important;}

@media (min-width: 1402px){  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav{
    position: absolute;
    right: 1em;}

.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 9em;}	

#nosotros{padding-top:5em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 8em;
    text-align: center;}
.taller{
width: 100%;
height: auto;
padding: 0 9em 2em 9em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 7% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:960px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 960px;
}

.textos{width:100%;
    display: block;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 
	

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529; font-size: 16px;
	text-align: justify; padding:1em 2em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;}	
.card-footer{
    background: white !important;
    border: none !important;}

#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 7em;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 80%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 1em;
    color: #212529;
	font-size: 20px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:6em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}
.modal-footer{ padding-bottom: 2em !important;}
.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar2{display: block; align-items: center; text-align: right;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  
 #carousel-movil{display: none;}
#carousel-ordenador{display: block;}}

@media (min-width: 1202px) and (max-width: 1402px){  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav{
    position: absolute;
    right: 1em;}

.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 9em;}	

#nosotros{padding-top:5em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 8em;
    text-align: center;}
	
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 7% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 
 
	

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
.taller{
width: 100%;
height: auto;
padding: 0 9em 2em 9em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 15px;
	text-align: justify; padding:1em 2em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 25px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 7em;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 100%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 1em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:6em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}
.modal-footer{ padding-bottom: 2em !important;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  
 #carousel-movil{display: none;}
#carousel-ordenador{display: block;}}

@media (min-width: 1101px) and (max-width: 1202px){  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav{
    position: absolute;
    right: 1em;}

.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 9em;}	

#nosotros{padding-top:5em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 8em;
    text-align: center;}
	
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 7% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 
	

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.taller{
width: 100%;
height: auto;
padding: 0 9em 2em 9em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 13px;
	text-align: justify; padding:1em 2em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 21px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 5em;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 100%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 1em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:6em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

.modal-footer{ padding-bottom: 2em !important;}
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  
 #carousel-movil{display: none;}
#carousel-ordenador{display: block;}}

@media (min-width: 992px) and (max-width:1101px) {  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav{
    position: absolute;
    right: 1em;}

.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 7em;}	

#nosotros{padding-top:5em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 6em;
    text-align: center;}
	
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 7% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
.taller{
width: 100%;
height: auto;
padding: 0 9em 2em 9em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 13px;
	text-align: justify; padding:1em 2em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 21px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 5em;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 100%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 1em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:6em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

.modal-footer{ padding-bottom: 2em !important;}
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  
 #carousel-movil{display: none;}
#carousel-ordenador{display: block;}}

@media (min-width: 901px) and (max-width:992px) {  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	

.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 7em;}	

#nosotros{padding-top:5em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 6em;
    text-align: center;}
	
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 7% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 
	

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
.taller{
width: 100%;
height: auto;
padding: 0 9em 2em 9em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 13px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 21px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 4em;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 130%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 1em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:6em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

.modal-footer{ padding-bottom: 2em !important;}
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  
#carousel-movil{display: none;}
#carousel-ordenador{display: block;}}

@media (min-width: 801px) and (max-width:901px) {  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 5em;}	

#nosotros{padding-top:3em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 4em;
    text-align: center;}
	
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 7% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

	
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
	padding: 0 6em;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.taller{
width: 100%;
height: auto;
padding: 0 5em 2em 5em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 13px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 21px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 2em;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 120%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-footer{ padding-bottom: 2em !important;}
.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  

#carousel-movil{display: none;}
#carousel-ordenador{display: block;}}

@media (min-width: 701px) and (max-width:801px) {  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 5em;}	

#nosotros{padding-top:3em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 4em;
    text-align: center;}
	
.taller{
width: 100%;
height: auto;
padding: 0 5em 2em 5em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 11% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

#carousel-movil .carousel-item{padding: 0 6em;}	
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
	padding: 0 3em;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    padding: 0 3em;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
    padding: 0 2em;
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 17px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 30px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 2em;}
	
#carousel-movil{display: block;}
#carousel-ordenador{display: none;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
.carousel-indicators{bottom:-4em !important;}
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 120%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

.modal-footer{ padding-bottom: 2em !important;}
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{
    display: block;
    align-items: center;
    text-align: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar3 p{
    padding: 0 2em;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  
}

@media (min-width: 601px) and (max-width:701px) {  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 5em;}	

#nosotros{padding-top:3em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 4em;
    text-align: center;}
	
.taller{
width: 100%;
height: auto;
padding: 0 5em 2em 5em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 11% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

#carousel-movil .carousel-item{padding: 0 6em;}	
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
	padding: 0 3em;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    padding: 0 3em;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
    padding: 0 2em;
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 17px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 30px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 2em;}
	
#carousel-movil{display: block;}
#carousel-ordenador{display: none;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 120%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

.modal-footer{ padding-bottom: 2em !important;}
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{
    display: block;
    align-items: center;
    text-align: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar3 p{
    padding: 0 2em;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  

.carousel-indicators{bottom:-4em !important;}}

@media (min-width: 581px) and (max-width:601px) {  
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 5em;}	

#nosotros{padding-top:3em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 4em;
    text-align: center;}
	
.taller{
width: 100%;
height: auto;
padding: 0 5em 2em 5em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 11% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

#carousel-movil .carousel-item{padding: 0 3em;}	
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
	padding: 0 3em;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    padding: 0 3em;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
    padding: 0 2em;
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 17px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 30px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 2em;}
	
#carousel-movil{display: block;}
#carousel-ordenador{display: none;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 120%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{
    display: block;
    align-items: center;
    text-align: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar3 p{
    padding: 0 2em;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  

.carousel-indicators{bottom:-4em !important;}}

@media (min-width:511px) and (max-width: 581px) {   
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 5em;}	

#nosotros{padding-top:3em; padding-bottom: 3em;}	
.row-nosotros{
    padding: 2em 4em;
    text-align: center;}
	
.taller{
width: 100%;
height: auto;
padding: 0 5em 2em 5em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 11% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

#carousel-movil .carousel-item{padding: 0 2em;}	
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
	padding: 0 3em;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 550px;
	margin: 0 auto;
    padding: 0 3em;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 4em 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
    padding: 0 2em;
  margin: 0 0 1em 0; 
  color: #1c62b7;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 17px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 30px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 2em;}
	
#carousel-movil{display: block;}
#carousel-ordenador{display: none;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 150%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{
    display: block;
    align-items: center;
    text-align: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar3 p{
    padding: 0 2em;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 530px;
  height: 140px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  


.carousel-indicators{bottom:-4em !important;}}

@media (min-width: 436px) and (max-width: 511px){    
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:300px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 2em;}	

#nosotros{padding-top:3em; padding-bottom: 0;}	
.row-nosotros p{
    text-align: justify;
	padding-bottom: 1em;}
.row-nosotros{
    padding: 2em 1em 0 1em;
    text-align: center;}
	
.taller{
width: 100%;
height: auto;
padding: 0 2em 2em 2em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 11% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:750px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

#carousel-movil .carousel-item{padding: 0em;}	
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -4em !important;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 750px;
}

.textos{width:100%;
    display: block;
	padding: 0 3em;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 268px;
	margin: 0 auto;
    padding: 0;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 0 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
    
    padding: 0 1em;
    margin: 0 0 1em 0;
    color: #1c62b7;
    font-size: 35px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 17px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 30px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 2em;}
	
#carousel-movil{display: block;}
#carousel-ordenador{display: none;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 150%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{
    display: block;
    align-items: center;
    text-align: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar3 p{
    padding: 0 2em;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
    width: 373px;
    height: 152px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  


.carousel-indicators{bottom:-4em !important;}}

@media (min-width: 339px) and (max-width: 436px){    
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:250px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 2em;}	

#nosotros{padding-top:3em; padding-bottom: 0;}	
.row-nosotros p{
    text-align: justify;
	padding-bottom: 1em;}
.row-nosotros{
    padding: 2em 1em 0 1em;
    text-align: center;}
	
.taller{
width: 100%;
height: auto;
padding: 0 2em 2em 2em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 49%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 11% !important;}

.fa-chevron-left,.fa-chevron-right{
    font-size: 3em;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:537px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

#carousel-movil .carousel-item{padding: 0em;}	
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -4em !important;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 537px;
}

.textos{width:100%;
    display: block;
	padding: 0 3em;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 213px;
    margin: 0 auto;
    padding: 0;
	font-size: 14px;
    text-align: justify;
    font-weight: 600;}

.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 0 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{
    
    padding: 0;
    margin: 0 0 1em 0;
    color: #1c62b7;
    font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 14px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 26px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 2em;}
	
#carousel-movil{display: block;}
#carousel-ordenador{display: none;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 160%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{
    display: block;
    align-items: center;
    text-align: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar3 p{
    padding: 0 2em;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
    width: 292px;
    height: 181px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  


.carousel-indicators{bottom:-4em !important;}}

@media (max-width: 339px) {    
/*Menú*/
.navbar {background: #1c62b7; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}

.nav-link{color:white !important;}
.nav-link:hover{color:#E0E0E0 !important;}

.dropdown-menu{ 
    background-color: #1c62b7 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
   
.dropdown-item{color:white !important;}
.dropdown-item:hover{background: #18549e !important;}
	
.navbar-brand img{width:200px; height: auto;} 

.navbar-nav {
    position: relative;
    background: #1c62b7;
    display: block;
	width: 100%;}
	
.btn-saber{ 
background:#1c62b7; 
color:white;
border: none;
width: 175px;
height: 40px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #1c62b7;
  box-shadow: 0px 5px 0px 0px #134582;
}

.azul:hover{
  background: #1c62b7;
}
.azul:active{
  box-shadow: 0px 2px 0px 0px #1c62b7;
}
 
/*nosotros*/
.vision i, .mision i{font-size: 60px;
    margin-bottom: 0.2em;
    color: #1c62b7;
    position: relative;
    display: block;
    text-align: center;}
.nosotros-texto{text-align: justify;
	margin-bottom: 3em;
    padding: 0 2em;
    font-size: 14px;}	

#nosotros{padding-top:3em; padding-bottom: 0;}	
.row-nosotros p{
    text-align: justify;
	padding-bottom: 1em;
    font-size: 14px;}
.row-nosotros{
    padding: 2em 1em 0 1em;
    text-align: center;}
	
.taller{
width: 100%;
height: auto;
padding: 0 2em 2em 2em;}
.row-nosotros img{width: 100%; height:auto; padding-bottom: 2em;}
.marcas{padding-top: 4em;}	
	
/*sliders*/ 
.flecha{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 77%;
    left: 40%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.flecha2{
    font-size: 3em;
	color:white;
	z-index: 1;
	position: absolute;
    top: 80%;
    left: 40%;
  animation: bounce 3000ms infinite;
  -webkit-animation: bounce 3000ms infinite;}

.carousel-control-next, .carousel-control-prev{
    background: none;
    border: none;
    width: 11% !important;}

.fa-chevron-left,.fa-chevron-right{
    display: none; font-size: 0;}

.capa-negra{background: rgba(0,0,0,0.58);}

.fondo-slider1,.fondo-slider2,.fondo-slider3, .fondo-slider4{background-size: cover !important; 
background-repeat: no-repeat !important;
background-position: center;
height:537px; }
 

.fondo-slider4{background: url("../img/slider/5.jpg");}
.fondo-slider1{background: url("../img/slider/1.jpg");}
.fondo-slider2{background: url("../img/slider/2.jpg");}
.fondo-slider3{background: url("../img/slider/3.jpg");}

.carousel-control-next,.carousel-control-prev{font-size: 12px;}
.btn-auto{padding: 3em 0;}

#carousel-movil .carousel-item{padding: 0em;}	
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -4em !important;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.caption {
 display: flex; 
	align-content: center; 
  position: absolute;
  top: 0; 
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
	background: rgba(0, 0, 0, 0.6);
	height: 537px;
}

.textos{width:100%;
    display: block;
	padding: 0;
    margin: auto 0;}

.caption h1 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px; 
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.caption h1 span{
    color: #1c62b7;
}
.caption p{
    width: 213px;
    margin: 0 auto;
    padding: 0;
	font-size: 14px;
    text-align: justify;
    font-weight: 600;}


.caption p span{
    color: #00a3ff;
}

.caption .btn-start {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding:12px 20px;
  border: 2px solid white;
  border-radius: 4px;
  margin-top: 40px;
  text-transform: uppercase;
  transition:background 0.3s cubic-bezier(0.36, 0.4, 1, 1) 0.2s;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}

.caption .btn-start:hover {
  color: #fff;
  background:#1c62b7;
  text-shadow:none;
}
 
/*Botón comprar*/
.call-btn {
    position: fixed;
    margin: 0;
    padding: 0;
    right: 2em;
    bottom: 2em;
    background: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 110px;
    height: 110px;
    z-index: 1000;
}

.call-btn .tada {
    background:#18549e;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -20px;
    margin-right: -20px;
}

.call-btn .tada i  {
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-top: -10px;
}


.call-btn .pulse {
    width: 60px;
    height: 60px;
    background:rgba(0,141,179,0.39);
    ;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
	margin-right: -30px;}

.call-btn .zoomIn {
    width: 80px;
    height: 80px;
    border: 2px solid #18549e;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -40px;
    margin-right: -40px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes zoomIn {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
    }
    to {
        width: 80px;
        height: 80px;
        margin-right: -40px;
        margin-right: -40px;
    }
}

/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.share-icon li a .fab,.share-icon li a .fas {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px);
font-size:24px;
color: #262626;
transition: .5s;}
 
.share-icon li:nth-child(1) a:hover .fab {
	color: #3b5998;}

.share-icon li:nth-child(2) a:hover .fas {
color: #e4405f;}

.share-icon li:nth-child(3) a:hover .fab {
color: #189d0e;} 
 

/*Otros*/
.nosotros, .marcas, .servicios{margin: 0 0 0em 0;}
.nosotros h1, .contacto h1, .marcas h1, .modal-title , .blog h1{ 
    padding: 0;
    margin: 0 0 1em 0;
    color: #1c62b7;
    font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.nosotros  h1 span, .contacto h1 span , .marcas h1 span,.modal-title span, .blog span{
  color: #595959;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 94%;
  width: 91%;
  margin: 0 auto;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  opacity: 0;
  transition: .5s ease;
  background-color: #1c62b7;
}

.imagen-nombre:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
    font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
	
.imagen-nombre p{background: #1c62b7; color:white;
    padding: .2em 0;
    font-size: 16px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px;}

.imagen-nombre img{width:100%; height: auto;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;}

.centrar-boton{display: block;
text-align: center;}
     
 
/*servicios*/ 
.card-header{padding:0 !important; border-bottom: none !important;}
.card-header img{width: 100%;
	height: auto;
    padding: 1em;
    background: white;}	
.card-body{background: white; height: 270px;}	
.card-body p{color: #212529;
    font-size: 14px;
	text-align: justify; padding:1em 1em;}	
.card-body h2{color: #1c62b7;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 700;
    font-size: 26px;
}	
.card-footer{
    background: white !important;
    border: none !important;}
	
#service{padding: 0 7em;}
	
#servicios .carousel-inner{
padding: 0em 1em;}
	
#carousel-movil{display: block;}
#carousel-ordenador{display: none;}
	
.servicios h1 {
  margin: 0 0 1em 0; 
  color: white;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: uppercase;
}
.servicios h1 span {
  color:#D2D2D2;
} 

.terms{display: block;
margin: 1em 0;
text-align: center;}
 
.servicios{background: #1c62b7;
padding: 4em 0;
color:white;}
 
.btn-enviar{ 
background:#18549e; 
color:white;
border: none;
width: 100%;
height: 35px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
text-align:center;
text-decoration: none; 
display:inline-block;  
padding: 7px 20px;
white-space: nowrap; 
margin: 10px 5px;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
 
.azul-obscuro{
  background:#18549e;
  box-shadow: 0px 5px 0px 0px #008FB6;
}

.azul-obscuro:hover{
  background:#008FB6;
  box-shadow: 0px 5px 0px 0px #00799a;
}
.azul-obscuro:active{ 
  box-shadow: 0px 5px 0px 0px #00799a;
}
 

/*checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #18549e;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/*Marcas*/ 
.slick-slide {    margin: 0px 20px;}

.slick-slide img {    width: 180%; height: auto;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{    clear: both;}
	
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
	
/*Contáctanos*/
.botones-contacto{margin:2em 0;}
.contacto i {
    font-size: 40px; 
    margin: 0;
    color: white;
    position: relative;
    display: block;
    text-align: center;
	padding: .5em;}
	
.contacto p{ margin-top: 2em;
    color: #212529;
	font-size: 16px;
    text-align: center;}

.contacto{line-height: 0;}
.contacto iframe{
    width: 100%;
    margin-top: 1em;
	line-height: 0;}
.botones-contacto{padding: 2em 0;}
.contacto{margin:0em 0 0 0; padding-top: 4em;}
	
.btn-contacto{
    background: #1c62b7;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    display: block !important;
    width: 80px;
    height: 80px;
	box-shadow:-4px 4px 2px #bcbcbc !important;}
	
	
/*agendar cita*/
.modal-dialog{max-width: 600px !important;}
.modal-content{border:none !important;}
.btn-close{
    width: 0.5em !important;
    height: 0.5em !important;
    padding: 1em 1em !important; 
    position: absolute;
    right: .3em;
    top: 0em;
    background: none;
	color:#1c62b7;
    border: none;
    font-size: 30px;}

.modal .form-control{border: 1px solid #1c62b7 !important; color:#495057 !important;}

.text-terminos{color:#1c62b7 !important;}
.text-terminos:hover{color:#18549e !important;} 
.modal .styled-checkbox+label{
	font-size: 12px;}

.modal .styled-checkbox+label:before{
    border: 2px solid #d8d8d8;}

.modal .styled-checkbox:checked + label:before {
    background: #18549e;
    margin-right: 15px;
	border:none;
}
.modal-title {
    margin: 0 auto;
    line-height: 1;
    margin: .5em 0 0 0;
	font-size:30px;
}

.modal-header{border:none !important;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem !important;}

/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
    width: 100%;}

.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{
    display: block;
    align-items: center;
    text-align: center;}
.centrar3{display: flex; align-items: center; text-align: center;}
.centrar3 p{
    padding: 0 2em;}
.centrar2{display: block; align-items: center; text-align: center;}
	
	
/*cookies*/
#cookies { 
  width: 263px;
  height: 199px;
  padding: 20px;
  position: fixed;
  background: white ;
  text-align: justify;
  font-size: 10px;
  bottom: 2%;
  box-shadow: 2px 2px 2px 2px rgba(86,86,86,0.62);
  left:  2%;
  z-index: 9999;}

#cookies p {
margin: 0 0 10px 0; }

#cookies b { 
color:#1c62b7;}

.btn-aceptar{ 
background:#1c62b7; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */

       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,300px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,300px,0); /* Firefox */
      -ms-transform: translate3d(0,300px,0); /* IE9 */
       -o-transform: translate3d(0,300px,0); /* Opera */
          transform: translate3d(0,300px,0);
}
.terminos-condiciones{margin-top:5em; margin-bottom: 3em; padding: 0 5em; text-align: justify;}
.terminos-condiciones h1{
    text-align: center;
    padding: 0 0 0.5em 0;
    color: #1c62b7;}
	
.first-build{ 
    padding: 0.5rem 0; 
    margin: 0 auto;
    display: block;
    text-align: center;
}  


.carousel-indicators{bottom:-4em !important;}}