@charset "UTF-8";



/* Fonts */

@font-face {

  font-family: Poppins-Bold;

  src: url(../fonts/Poppins-Bold.ttf);

}





@font-face {

  font-family: Poppins-Medium;

  src: url(../fonts/Poppins-Medium.ttf);

}



@font-face {

  font-family: Poppins-Regular;

  src: url(../fonts/Poppins-Regular.ttf);

}



body{

	font-family: Poppins-Regular;

}



h1{

	font-family: Poppins-Bold;

}



h3{

	font-family: Poppins-Bold;

}



h4{

	font-weight: 600;

}





.form-control {

    display: block;

    width: 100%;

    padding: 0.5rem 0.75rem;

    font-size: 1rem;

    line-height: 1.25;

    color: #495057;

    background-color: #F4F4F4;

    background-image: none;

    background-clip: padding-box;

    border: 1px solid #D8D8D8;

    border-radius: 0px;

    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}



nav{background-color:#fff;min-height:100px;}

	nav .nav-link{color:#3A3A3A;font-weight:500;transition:all 0.3s;}

	nav .nav-link:hover,

	nav .nav-link:active,

	nav .nav-link:focus{color: #7C7C7C;}



nav .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#292760' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}

		nav .navbar-toggler:hover .navbar-toggler-icon,

		nav .navbar-toggler:active .navbar-toggler-icon,

		nav .navbar-toggler:focus .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#802736' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}



nav.scroll{box-shadow:0 0 10px rgba(0,0,0,0.5); position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}



header{margin-top:110px;width:100%;height:600px;}

	header h1{margin:120px 0 0 0;font-family:"Poppins";font-size:45px;font-weight:bold;text-transform:uppercase;color:#fff;}

		header h1 span{color:#deb13e;}

	header h2{margin:0;font-family:"Poppins";font-size:25px;font-weight:300;color:#fff;}



.wrapper{width:100%;height:100%;background-color:rgba(0,0,0,0.5);}

.sidebar{padding:50px 0;width:100%;height:auto;background:#000 url(../img/imagenes/banner_mediano-15.png) repeat; background-size: cover; background-attachment: fixed; background-position: center;}

	.sidebar h3{font-family:"Poppins";font-size:40px;font-weight:bold;text-align:center;text-transform:uppercase;color:#fff;}

	.sidebar h4{margin: 0 0 25px;font-family:"Poppins";font-size:30px;font-weight:300;text-align:center;color:#fff;}





.sidebar2{padding:100px 0;width:100%;height:auto;background:#000 url(../img/imagenes/banner_grande-16.png) repeat; background-size: cover;  }



.sidebar3{padding:100px 0;width:100%;height:auto;background:#000 url(../img/imagenes/image-18.png) repeat; background-size: cover;}



.section{width:100%;height:auto;padding:50px 0;}

.section.white{background-color:#fff;}

	.section .title{font-family:"Poppins";font-size:35px;text-align:center;text-transform:uppercase;}

	.section .subtitle{font-family:"Poppins";font-size:22px;text-align:center;}



.section.white .title{color: #000000;font-size: -webkit-xxx-large;}

.section.white .subtitle{color:#292760;}



.separator{width:300px;height:5px;}

.separator.yellow{background-color:#80C41C;}

.separator.center{width:150px;margin:20px auto 50px auto;}



.button{border:0;font-family:"Poppins";font-size:16px;text-transform:uppercase;text-align:center;display:block;transition:all 0.3s;}

.button-auto{width:auto;padding:10px 15px;}

.button-md{width: 190px; padding: 10px 0;}



.button-yellow{background-color: rgb(7,6,6,0.7); color: #fff;}

.button-yellow i.fa{transition:all 0.3s;}

.button-yellow:hover,

.button-yellow:focus,

.button-yellow:active{background-color: transparent;border:2px solid #000;color:#000;text-decoration:none;}

.button-yellow:hover i.fa,

.button-yellow:focus i.fa,

.button-yellow:active i.fa{margin-left:10px;}



.button-yellow2{background-color: rgb(255,255,255,0.7); color: #000;}

.button-yellow2 i.fa{transition:all 0.3s;}

.button-yellow2:hover,

.button-yellow2:focus,

.button-yellow2:active{background-color: rgb(7,6,6,0.7); color:#fff;text-decoration:none;}

.button-yellow2:hover i.fa,

.button-yellow2:focus i.fa,

.button-yellow2:active i.fa{margin-left:10px;}



.button-blue{background-color:#292760;color:#fff;border:2px solid transparent;}

.button-blue:hover,

.button-blue:focus,

.button-blue:active{background-color:transparent;color:#292760;border:2px solid #292760;}



.parallax.general .wrapper{padding:80px 0;}

	.parallax.general h2{font-family:"Poppins";font-size:40px;text-align:center;text-transform:uppercase;color:#fff;}

	.parallax.general p{margin-top:25px;font-family:"Poppins";font-size:25px;text-align:center;text-transform:uppercase;color:#fff;}



#x .box{margin:10px 0;width:100%;height:350px;background-repeat:no-repeat;background-size:cover;background-position:center;}

	#x .box .bar{ margin-top: 260px;  width: 100%; height: 90px; padding: 10px; text-align: center; background-color: rgba(0,0,0,0.5); display: block;}

		#x .box .bar h6{margin-top:15px;font-family:"Poppins";font-size:15px;color:#fff;text-transform:uppercase;}

			#x .box .bar p{font-family:"Poppins";font-size:10px;color:#fff;}



#x .box .window{width:80%;height:300px;position:absolute;background-color:#802736;z-index:1;top:35px;left:50%;margin-left:-40%;padding:15px;}

#x .box .window .inner{width:100%;height:100%;border:1px solid rgba(255,255,255,0.5);padding:15px;}

#x .box .window button{position:absolute;top:0;right:0;border:0;background-color:#fff;width:50px;height:50px;color:#000;font-size:20px;outline:0;cursor:pointer;}

	#x .box .window .inner p{margin-top:35px;font-family:"Poppins";font-size:22px;text-align:center;color:#fff;}



#y .separator{margin:25px auto;}

#y .subtitle{margin-bottom:50px;}

/*#y .box{margin:15px 0;width:100%;height:380px;padding:15px;background:#292760 url(../img/fake-brick.png) repeat;}*/

#k .box{margin:15px 0;width:100%;height:380px;padding:15px;background:#0A1A33;}

#k .box h6{margin:10px 0;font-family:"Poppins";font-size:20px;color:#fff;text-align:center;}

	#k .box h6 b{text-transform:uppercase;}

#k .box p{margin:0;font-family:"Poppins";font-weight:300;text-align:center;color:#fff;}





#y .box21 {width:100%;height:380px;padding:15px;  border-bottom: solid; }

#y .box21 h6{margin:10px 0;font-family:"Poppins";font-size:20px;color:#80C41C;text-align:center;}

#y .box21 h6 b{text-transform:uppercase;}

#y .box21 p{margin:0;font-family:"Poppins";font-weight:300;text-align:center;color:#0A1A33;}



#y .box22 {width:100%;height:380px;padding:15px;  border-left: solid; border-bottom: solid;}

#y .box22 h6{margin:10px 0;font-family:"Poppins";font-size:20px;color:#80C41C;text-align:center;}

#y .box22 h6 b{text-transform:uppercase;}

#y .box22 p{margin:0;font-family:"Poppins";font-weight:300;text-align:center;color:#0A1A33;}





#y .box23 {width:100%;height:475px;padding:15px; }

#y .box23 h6{margin:10px 0;font-family:"Poppins";font-size:20px;color:#80C41C;text-align:center;}

#y .box23 h6 b{text-transform:uppercase;}

#y .box23 p{margin:0;font-family:"Poppins";font-weight:300;text-align:center;color:#0A1A33;}



#y .box24 {width:100%;height:475px;padding:15px;  border-left: solid;}

#y .box24 h6{margin:10px 0;font-family:"Poppins";font-size:20px;color:#80C41C;text-align:center;}

#y .box24 h6 b{text-transform:uppercase;}

#y .box24 p{margin:0;font-family:"Poppins";font-weight:300;text-align:center;color:#0A1A33;}



#z .bg-box{width:100%;height:250px;background:url(../img/expert.png) no-repeat right top;background-size:cover;}

#z h3{margin-top:50px;font-family:"Poppins";font-size:35px;text-align:center;text-transform:uppercase;color:#292760;}

#z h4{margin:15px 0;font-family:"Poppins";font-size:20px;text-align:center;color:#292760;}



#j h4{font-size:30px;}



#k p{font-family:"Poppins";font-size:16px;color:#000;text-align:justify;}

#k #clients{margin-top:25px;}



#contact input{height: 55px; border-radius: 0; border: none;font-family:"Poppins";  border-bottom: 1px solid #A5A5A5;}

#contact textarea{border-radius:0;resize:none; border: none; font-family:"Poppins"; border-bottom: 1px solid #A5A5A5;}

#contact h6{font-family:"Poppins";font-size:18px;color:#292760;text-transform:uppercase;}

#contact p{font-family: "Poppins";color: #000; margin-top: 16px; font-size: 18px;}

#contact p.informacion {font-family: "Poppins"; color: #565656; margin-top: 16px;font-size: 11px;}



.np{padding:0;}

.box-pd{padding:25px;}



hr{

	background: black;

    height: 5px;

    width: 50px;

    margin-left: 0;

}



footer{width: 100%; height: auto; padding: 25px 0; background-color: #000;}

	footer p{margin:0;font-family:"Poppins";font-size:16px;color:#fff;text-align:center;}

	footer a{color:#ccc;}

	footer a:hover,

	footer a:focus,

	footer a:active{color:#fff;}



#privacity{font-family:"Poppins";}

	#privacity h3{color:#292760;}

	#privacity p{color:#000;}



@media(max-width:991px){

	#y .box p{font-size:12px;}

}



@media(max-width:575px){

	#y .box{height:320px;}

	#y .box p{font-size:14px;}

}



@media(max-width:460px){

	header{text-align:center;}

	header .separator{margin-left:auto;margin-right:auto;}

	header h1{font-size:30px}

	header h2{font-size:18px;}

	header a{margin:5px;}

	#x .box .window .inner p{font-size:18px;}

	.sidebar h3{font-size:30px;}

}





.divstatic{

	padding: 5px 0;

    width: 100%;

    height: auto;

    background: black;

    color: white;

}



.imagenstatic{

	float: left;

    width: 20%;

}



.imagenstatic2{

	float: left;

    width: 10%;

}



.pstactic{

	margin-top: 4px;

    margin-bottom: 4px;

}





.liMenu{

	padding-left: 15px;

    padding-right: 15px;

}



.imagen {

	width: 100%;

    display: block;

    margin: auto;

}



.imagen2{

width: 100%;
    height: 280px;
    border-radius: 5%;
    display: block;
    margin: auto;
    transition: width 2s, background-color 2s, filter 2s;

}



.imagen2:hover {background-color: rgba(0,0,0,0.8);

  filter:brightness(0.4);}


  .imagen3{

	width: 100%;

	height: 250px;

    display: block;

    margin: auto;

    transition: width 2s, background-color 2s, filter 2s;

}



.imagen3:hover {background-color: rgba(0,0,0,0.8);

  filter:brightness(0.4);}




.owl-nav {

	position: absolute;

    top: -23%;

    right: 0px;

}



.owl-theme .owl-nav [class*='owl-'] {

    color: #FFF;

    font-size: 20px;

    margin: 5px;

    padding: 4px 7px;

    background: #000;

    display: inline-block;

    cursor: pointer;

    border: 1px solid #000;

}



.owl-theme .owl-nav [class*='owl-']:hover {

    background: #fff;

    color: #000;

    text-decoration: none;

}



.centrarVertical{

	display: flex;

    justify-content: center;

    align-items: center;

}



.producto{

	width: 100%;

	margin-bottom: 30px;

}



.lineaSeparacion{

	border-bottom: 2px solid #A5A5A5;

    margin-right: -10px;

}



.lineaInvisible{

    margin-right: -10px;

}



.mostrar{

	display: initial;

}



.ocultar{

	display: none;

}





.contenedor{

    position: relative;

    display: block;

}

 



.centrado {

    position: absolute;

    top: 50%;

    left: 15%;

    transform: translate(-10%, -50%);

}



.centrado p{

	font-size: 20px;

	text-align: justify;

}



.centrado2 {

   position: absolute;
    top: 56%;
    left: 68%;
    transform: translate(-10%, -50%);

}



.centrado2 p{

	font-size: 22px;
    text-align: justify;
    color: white;
    margin-bottom: 2px;

}


.centrado2 p:hover{
	transform:scale(1.2);
    -ms-transform:scale(1.2); // IE 9 
    -moz-transform:scale(1.2); // Firefox 
    -webkit-transform:scale(1.2); // Safari and Chrome 
    -o-transform:scale(1.2); // Opera
}


.imagencentro{
	width: 100%
}


.icono{

	width: 100%;

}



/* CAROUSEL */

#carousel-banner {

  width: 100%;

  position: relative;

}

.carousel-indicators li, .carousel-indicators span {

    border-radius: 10px;

    margin: 1px 3px;

    height: 10px;

    width: 10px;

    border: 1px solid #445281;

    background-color: #647CAF;

}



.carousel-indicators .active {

    background-color: #445281;

    width: 12px;

    margin: 0 3px;

    height: 12px;

}



.carousel-caption{

  position: absolute;

  text-align: left;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

}



.img-banner{

  height: 40vw;

}



.title-banner{

    font-family: Poppins-Bold;

    color: #fff;

    font-size: 58px;

    animation-delay: 1s;

}



.subtitle-banner {

   	font-family: Poppins-Regular;

	color: #ffff;

	font-size: 21px;

	animation-delay: 2s;

	margin-top: 25px;

	margin-bottom: 25px;

}



#mapa{

	width: auto;

	height: 250px;

}







ul.pro {

    list-style-image: url("../img/estrella.png");

    font-size: 18px;

}



ul.pro li {

  /*padding-left: 1em; 

  text-indent: -.7em;*/

   margin-bottom: 15px;

}





.espaciado{

	padding-left: 200px;

}



.espaciado2{

	padding-left: 150px;

}



input[type="email"]::-webkit-input-placeholder {

color: #7A7A7A !important;

}

 

input[type="email"]:-moz-placeholder { 

color: #7A7A7A !important;  

}

 

input[type="email"]::-moz-placeholder {  

color: #7A7A7A !important;  

}

 

input[type="email"]:-ms-input-placeholder {  

color: #7A7A7A !important;  

}





input[type="text"]::-webkit-input-placeholder {

color: #7A7A7A !important;

}

 

input[type="text"]:-moz-placeholder { 

color: #7A7A7A !important;  

}

 

input[type="text"]::-moz-placeholder {  

color: #7A7A7A !important;  

}

 

input[type="text"]:-ms-input-placeholder {  

color: #7A7A7A !important;  

}



input[type="tel"]::-webkit-input-placeholder {

color: #7A7A7A !important;

}

 

input[type="tel"]:-moz-placeholder { 

color: #7A7A7A !important;  

}

 

input[type="tel"]::-moz-placeholder {  

color: #7A7A7A !important;  

}

 

input[type="tel"]:-ms-input-placeholder {  

color: #7A7A7A !important;  

}



textarea::-webkit-input-placeholder {

color: #7A7A7A !important;

}

 

textarea:-moz-placeholder { 

color: #7A7A7A !important;  

}

 

textarea::-moz-placeholder {  

color: #7A7A7A !important;  

}

 

textarea:-ms-input-placeholder {  

color: #7A7A7A !important;  

}





.modal-header {

    background: #000;

}



.modal-footer {

	background: #000;	

}





#contacto {

    font-size: -webkit-xxx-large;

    position: fixed;

    left: 0px;

    bottom: 5px;

    width: auto;

    height: auto;

    z-index: 99;

}





@media(max-width:1100px){

	.centrado2 p{
		font-size: 19px;
	    text-align: justify;
	    color: white;
	    margin-bottom: 2px;
	}

	.carousel-caption {

    transform: translateX(-50%) translateY(-90%);

	}



	.espaciado {

    padding-left: 165px;

	}



	.lineaSeparacion{

	border-bottom: 2px solid #A5A5A5;

    margin-right: 0px;

	}



	.lineaInvisible{

	    margin-right: 0px;

	}

}



@media(max-width: 768px){
	.centrado2 p {
    font-size: 14px;
    text-align: justify;
    color: white;
    margin-bottom: 2px;
}
	

}



.logoTama{

	width: 80%;

}



.logoMovible{

	display: initial;

}



.separador{

	 border-right: 2px solid white;

}



.fondo{

	width: 100%;

}



@media(max-width:570px){


	.centrado2 p {
	    font-size: 6px;
	    text-align: justify;
	    color: white;
	    margin-bottom: 2px;
	}



	.imagenstatic{

		float: left;

	    width: 10%;

	}



	.separador{

	 border-right: none;

	}



	.fondo{

	width: 100%;

    height: 550px;

	}



	.img-banner {

    height: -webkit-fill-available;

	}
	
	.button-md {
    width: 190px!important;
    padding: 10px 0!important;
    font-size: xx-small!important;
    margin-top: -19px!important;
}



	.w-100 {

   width: 100%!important;
    height: auto!important;

	}



	#y .box21 {

    border-bottom: none;

	}



	#y .box22 {

    border-left: none;

    border-bottom: none;

	}



	#y .box24 {

    border-left: none;

	}



	.espaciado {

    padding-left: 120px;

	}



	.espaciado2 {

    padding-left: 60px;

	}



	.section {

    padding: 20px 0;

	}



	.sidebar {

    height: 391px;

    }



    .title-banner {

    font-size: 15px;

   	}



   	.subtitle-banner {

    font-size: 15px;

	}



	.subtitle-banner2 {

    font-size: 20px;

	}



	.carousel-caption {
  position: absolute;
    text-align: left;
    left: 64%;
    top: 60px;
    z-index: 99999999;
	}



	.mostrar{

	display: none;

	}



	.ocultar{

	display: initial;

	}



	.logoMovible{

	display: initial;

	}



	#contact p.informacion {

    font-size: 18px;

	}



	#contact p {

    font-size: 24px;

	}



	.lineaInvisible {

    border-bottom: 2px solid #A5A5A5;

    margin-right: 0px;

	}

}





@media(max-width:380px){

	.section.white .title {

    font-size: xx-large;

	}



	h1, .h1 {

    font-size: x-large;

	}



	h2, .h2 {

        font-size: larger;

	}



	.separator {

    width: 220px;

    height: 5px;

	}



	.sidebar {

    height: 425px;

	}

}