/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-60 {padding-top:60px;}
.p-t-70 {padding-top:70px;}
.p-t-75 {padding-top:79px;}
.p-t-80 {padding-top:80px;}
.p-t-90 {padding-top:90px;}
.p-t-100 {padding-top:100px;}

.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-100 {padding-bottom:100px;}
.p-b-200 {padding-bottom:200px;}
.p-b-500 {padding-bottom:500px;}

.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}









/* Estilos de textos */


p{
	font-family: 'Montserrat', sans-serif;	
	font-weight: 400;
	font-size: 1.2em;
}

.texto-movil{
	font-family: 'Montserrat', sans-serif;	
	font-weight: 400;
	font-size: 0.9em;
}


h1 { 	
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

h2 { 
	font-family: 'Montserrat', sans-serif;	
	font-weight: 700; 
}

h3 { 	
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}



h4 {	
	
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.6em;
}


.titulo-pinturas-01{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
}

.titulo-pinturas-01-movil{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;
}

.subtitulo-pinturas{
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
}

.titulo-contacto{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	color: rgba(11,36,61,1);
}

.titulo-proyectos{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 2em;
}


.texto-proyectos{
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
}

.titulo-productos { 
	font-family: 'Montserrat', sans-serif;	
	font-size: 2.2em;
	font-weight: 800;
	margin-top: 10px;

}

.titulo-productos-home { 
	font-family: 'Montserrat', sans-serif;	
	font-size: 1.7em;
	font-weight: 800;
}

.titulo-productos-home-movil { 
	font-family: 'Montserrat', sans-serif;	
	font-size: 1.2em;
	font-weight: 800;
}


.subtitulo-productos{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8em;
	font-style: italic;
}

.texto-productos{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
}



.titulo-pinturas-02{
	font-family: 'Montserrat', sans-serif;
	background-color: rgba(11,36,61,1);
	color: rgba(255,255,255,1);
	padding: 5px 5px;
	border-radius: 5px !important;
}


/* estilos de color */

.c-blanco{
	color: rgba(255,255,255,1)
}

.c-azul-01{
	color: rgba(11,36,61,1)
}

.c-azul-02{
	color: rgba(146,208,241,1)
}

.c-amarillo{
	color: rgba(252,241,89,1)
}

.c-naranja{
	color: rgba(231,152,72,1);
}

.c-rosa{
	color: rgba(197,79,172,1);
}

.c-verde{
	color: rgba(30,176,80,1);
}


.c-rojo´{
	color: rgba(235,32,45,1);
}

/* Menu principal */

.menu-principal li a {
	font-family: 'Montserrat', sans-serif;
	color:rgba(255,255,255,1);
	font-size: 1em;
	font-weight: 700;
}

.menu-movil li a {
	font-family: 'Montserrat', sans-serif;
	color:rgba(255,255,255,1);
	font-size: 2em;
	font-weight: 700;
}

.menu-movil li {
	
	list-style: none;
}
	
.close-menu-movil { color: rgba(255,255,255,1); opacity: 1;
	font-size: 3em;}

.modal-menu-movil  { background-color:rgba(10,35,64,1) !important; }

#modal-menu-movil .modal-content { background:none;
					box-shadow: none;
					border: 0; }
				



/* Estilos de seccion */


.seccion-quienes-somos{
	background-color: rgba(11,36,61,1);
	padding: 50px 0 50px;
}

.seccion-quienes-somos-movil{
	background-color: rgba(11,36,61,1);
	padding: 50px 0 50px;
}


.seccion-nuestros-proyectos{
	background-color: rgba(11,36,61,1);
	padding: 50px 0 50px;
}

.seccion-nuestros-proyectos-movil{
	background-color: rgba(11,36,61,1);
	padding: 50px 0 50px;
}


.seccion-contacto{
	background-color: rgba(244,244,244,1);
	padding: 50px 0 50px;
}

.seccion-contacto-gracias{
	background-color: rgba(244,244,244,1);
	padding: 50px 0 250px;
}


.seccion-contacto-movil{
	background-color: rgba(244,244,244,1);
	padding: 50px 0 50px;
}

.seccion-footer{
	background-color: rgba(244,244,244,1);
	padding: 50px 0 50px;
}

.seccion-eco{
    background: url(../img/veova-banner-verde.jpg);
    background-size: cover;
    padding: 100px 0 100px;
}


.eco-movil{
	background-color: rgba(30,176,80,1);
}



/* estilos de botón */

.btn { 	border-radius: 0 !important;
border: 0;
padding: 10px 40px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}


.btn-negro { 	
	background: rgba(0,0,0,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
}

.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 color:rgba(255,255,255,1);
			 box-shadow: 0 6px 0 rgba(100,100,100,0.8);}

.btn-cotiza{
	background: rgba(30,176,80,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
}

.btn-enviar{
	background: rgba(30,176,80,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
}

.btn-enviar{
	background: rgba(244,244,244,1); 
	color:rgba(0,0,0,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 10px !important;
}

.btn-productos{
	background: rgba(244,244,244,1); 
	color:rgba(11,36,61,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 10px !important;
	min-width: 250px;
    max-width: 250px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
}

.btn-productos:hover{
	background: rgba(11,36,61,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 10px !important;
	min-width: 300px;
    max-width: 300px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
}


.btn-productos-info{
	background: rgba(11,36,61,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	padding: 10px 20px;
}

.btn-todos{
	background: rgba(11,36,61,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	padding: 10px 20px;
	border-radius: 10px !important;
}

/* Estilos de bootstrap */

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	background:rgba(11,36,61,1);
	box-shadow:0 0 10px rgba(0,0,0,0);
	}
	
.navbar-top-2 { background:rgba(11,36,61,1);
				box-shadow:0 0 10px rgba(11,36,61,1); }





.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}


.abajo{
	margin-top: 100px;
}


.carousel-natyvo {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.carousel-contacto-left {
    margin-left: -60px;
	color: rgba(235,32,45,1);
}

.carousel-contacto-right {
    margin-right: -40px;
	color: rgba(235,32,45,1);
}


.panel-productos{
	background-color: rgba(244,244,244,1);
	border-radius: 10px !important;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}


/*Estilo de boton whatssap*/
.whatsapp-float { position: fixed;
	z-index: 99;
	bottom: 20px;
	right:20px;
	 }


.whatsapp-float p { 
	font-family: 'Bitter', serif;	
	color: rgba(255,255,255,1);
	padding: 2px 10px;
	border-radius:10px;
	margin-top:10px;
	background: rgba(0,192,75,1);
}




/* 4.2 Object Map */



.objects{
	position: relative;
  }
  
  .object-label{
	position: absolute;
	width: 0.6em;
	height: 0.6em;
	background-color: rgba(11,36,61,1);
	border-radius: 50%;
	cursor: pointer;
  }
  
  .object-label-mexico{
	position: absolute;
	width: 0.6em;
	height: 0.6em;
	background-color: rgba(235,32,45,1);
	border-radius: 50%;
	cursor: pointer;
  }
  
  .popover.top{
	margin-top: -20px;
  }
  
  .object-info{
	position: absolute;
	display: none;
	z-index: 1;
	left: 50%;
	bottom: 40px;
	width: 12.4em;
	margin-left: -6.2em;
	padding: 1.1em 1.3em 3em;
	border:0;
	background-color: rgba(11,36,61,1);
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow:none;
  }
  
  .object-info.in{
	display: block;
  }
  
  .object-info:before{
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top: 14px solid rgba(0,0,0,0.6);
  }
  
  .object-title{
	font-size: 1em;
	font-family: 'Montserrat', sans-serif;	
	font-weight: normal;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgb(235,32,45,1);
	padding: 0 0 1em;
	border-bottom:1px solid rgba(249,249,249,0.2);
	margin: 0 0 .5em;
  }
  
  .object-content{
	font-family: 'Montserrat', sans-serif;		
	font-size: 0.70em;
	line-height: 2.6;
	color: #fff;
	padding: 0;
  }
  
  .popover.top>.arrow{
	border-top-color: transparent;
  }
  
  .popover.top>.arrow:after{
	border-top-color:rgba(0,0,0,0.6);
  }
  
  ::-webkit-scrollbar{
	width: 8px;
	height: 8px;
  }
  
  ::-webkit-scrollbar-thumb {
	cursor: pointer;
	background: rgb(0,192,75,1);
  }
  

.header{
	background-color: rgb(216,91,56,1);
	color: rgba(255,255,255,1);
	padding: 30px;
}