/*ESTILOS GENERALES*/
body h1, h2 {
	font-family: 'Oswald', sans-serif;
}
body h2 {
	font-size: 3rem;
}
body p {
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	
	
}
/*TAMAÑO FUENTES*/
.text-teal {
	font-size: 3rem;
}
.text-xl {
	color:#6c757d;
	font-size: 1.3rem;
}
.text-xl-white {
	color:white;
	font-size: 1.2rem;
}
.text-xl-title {
	color:#6c757d;
	font-size: 1.3rem;
	font-family: 'Oswald', sans-serif;
}
.text-xl-italic {
	color: #423D3D;
	font-size: 1.2rem;
	font-family: 'Lato', sans-serif;
	font-style: italic;
}
.text-shadow {
	text-shadow: 2px 2px black;
}
.text-0-9 {
	font-size: 0.9rem;
}
.text-1-2 {
	font-size: 1.2rem;
}
.text-1-4 {
	font-size: 1.4rem;
}
.text-1-6 {
	font-size: 1.6rem;
}
.text-2 {
	font-size: 2rem;
}
/*ACABA TAMAÑO FUENTES*/
/*COLOR DE FUENTES*/
.white {
	color: white;
}
.black {
	color: black;
}
.yellow {
	color: #FFC107;
}
.blue-strong {
	font-weight: bold;
	color: #74bcd9;
}
.blue-strong:hover {
	text-decoration: none;
	color: white;
}
.turquesa {
	color: #16C3B0;
}
.text-blue {
	color: #74bcd9!important;
}
.grey {
	color: #343A40;
}
.text-gris {
	color: #4f4f4f !important;
}
.purpure {
	color:#7E289A;
}
.text-red {
	color: #DC3545;
}
.green {
	color:#75C10B;
}
/*ACABAN COLOR DE FUENTES*/
/*MARGENES MEDIDAS RELATIVAS*/
.m-bottom-0-5 {
	margin-bottom: 0.5rem;
}
.m-bottom-1 {
	margin-bottom: 1rem;
}
.m-bottom-2 {
	margin-bottom: 2rem;
}
.m-bottom-3 {
	margin-bottom: 3rem;
}
.m-bottom-4 {
	margin-bottom: 4rem;
}
.m-bottom-5 {
	margin-bottom: 5rem;
}
.m-top-1 {
	margin-top: 1rem;
}
.m-top-2 {
	margin-top: 2rem;
}
.m-top-3 {
	margin-top: 3rem;
}
.m-top-4 {
	margin-top: 4rem;
}
.m-top-5 {
	margin-top: 5rem;
}

/*ACABAN MARGENES MEDIDAS RELATIVAS*/
/*PADDINGS MEDIDAS RELATIVAS*/
.p-bottom-0-5 {
	padding-bottom: 0.5rem;
}
.p-bottom-1 {
	padding-bottom: 1rem;
}
.p-bottom-2 {
	padding-bottom: 2rem;
}
.p-bottom-3 {
	padding-bottom: 3rem;
}
.p-bottom-4 {
	padding-bottom: 4rem;
}
.p-bottom-5 {
	padding-bottom: 5rem;
}
.p-top-1 {
	padding-top: 1rem;
}
.p-top-2 {
	padding-top: 2rem;
}
.p-top-3 {
	padding-top: 3rem;
}
.p-top-4 {
	padding-top: 4rem;
}
.p-top-5 {
	padding-top: 5rem;
}
/*ACABAN PADDINGS MEDIDAS RELATIVAS*/
.parallax-section {
	background-attachment: fixed!important;
}
.border-left {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
	margin-left: 0;
	padding: 0;
	width: 10%;
	border-bottom: 1px soid #6c757d;
}
.border-top-blue {
	border-top: 3px solid #74bcd9;
}
.dashed {
	border-bottom: 1px dashed #666666;
}
 .w-header {
        width: 3.2rem;
      }
/*ACABAN ESTILOS GENERALES*/
/*EMPIEZA EFECTO DEL SCROLL*/
.scrollup{
	z-index: 1000 !important;
    width:50px;
    height:50px;
    opacity:0.3;
    position:fixed;
    bottom:20%;
    right:5px;
    display:none;
    text-indent:-9999px;
    background: url("../img/png/scroll-up.png");
}
.scrollup:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all;
}
/*ACABA EFECTO DEL SCROLL*/
/*EMPIEZA EL CAROUSEL*/
.view {
	height:100%
}
@media (max-width:740px){
	.full-page-intro{
		height:1000px
	}
}
.carousel{
	height:100%
}
.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item{
	height:100%
}
@media (max-width:776px){
	.carousel{
		height:100%
	}
	
}
/*ACABA EL CAROUSEL*/
/*EMPIEZA EL NAVBAR*/
.nav-item a:hover{ 
	 background-color: rgba(255,255,255,.1);
}
.nav-item a:focus {
	 background-color: rgba(255,255,255,.1);
}
.nav-item a:active {
   background-color: rgba(255,255,255,.1);
}
.navbar{
	background-color: rgba(29,52,90,.8)
}
.navbar-aviso{
	background-color: #1C2331!important;
}
.navbar-collapse ul li {
	font-size: 1rem;
	padding-left: 0.5rem;
}
.page-footer,.top-nav-collapse{
	background-color:#1C2331
}
@media only screen and (max-width:768px){
	.navbar{
		background-color:#1C2331
	}
}
html, body, header, .carousel {
	height: 100vh;
}

  @media (max-width: 740px) {
	html,
	body,
	header,
	.carousel {
	  height: 100vh;
	}
 }

  @media (min-width: 800px) and (max-width: 850px) {
	html, body, header, .carousel {
	  height: 100vh;
	}
}

  @media (min-width: 800px) and (max-width: 850px) {
		  .navbar:not(.top-nav-collapse) {
			  background: #1C2331!important;
		  }
	  }
/*ACABA EL NAVBAR*/

    .w-header {
      width: 3.2rem;
    }
    .w-200 {
      width: 200px;
    }
/*EMPIEZA LA SECCIÓN SERVICIOS*/
#servicios {
	
	background-image: url("../img/png/textura-backgroun2-1.png");
	background-repeat: repeat;
}

/*EMPIEZA LA SECCIÓN PROYECTOS*/

.nav-li {
	border: 1px solid #CCCCCC;
	margin:8px 0 0 8px;
	list-style: none;
}

.nav-li a {
	color: #6c757d;
}
.color-texto-boton {
	background-color: white;
	margin:8px 0 0 8px;
	color: #6c757d;
	border: 1px solid #CCCCCC;
	padding:5px 10px;
	font-weight:300;
}
#menu-reformas li button:hover  {
	color: white;
	background-color: #CCCCCC!important;
}
#menu-reformas li .activo {
	color: white;
	background-color: #CCCCCC!important;
}
.gallery {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 33%;
	-moz-column-width: 33%;
	column-width: 33%; 
 }
.gallery .pics {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease; 
}
.gallery .animation {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1); 
}

      @media (max-width: 450px) {
        .gallery {
          -webkit-column-count: 1;
          -moz-column-count: 1;
          column-count: 1;
          -webkit-column-width: 100%;
          -moz-column-width: 100%;
          column-width: 100%;
        }
      }

      @media (max-width: 400px) {
        .btn.filter {
          padding-left: 1.1rem;
          padding-right: 1.1rem;
        }
      }
button.close {
	position: absolute;
	right: 0;
	z-index: 2;
	padding-right: 1rem;
	padding-top: .6rem;
}




#contacto .card i  {
	color:#74bcd9;
	
}
.google-maps-area {
	zoom: 4;
  	position: relative;
  	z-index: 1;
  	height: 450px; }
@media only screen and (max-width: 767px) {
	.google-maps-area {
      	height: 320px; 
	} 
}
 .google-maps-area iframe {
    width: 100%;
    height: 100%;
    border: none; 
}
footer {
	background-color: #1C2331;
}
.bg-gray {
    background-color: 
    #f6f9f9 !important;
}
 

@media all and  (max-width:414px) {
	.top-section {
		padding-top: 7.5rem!important;
	}
}

@media (min-width: 665px) and (max-width: 736px) {
	
		.carousel h2 {
			padding-top: 5rem;
			font-size: 2rem;
	}
	    .carousel p {
			font-size: 1rem;
	}
}
 @media (max-width: 768px) {
	 .media-contacto {
		 margin: 0 0!important;
	 }
	 
}
/*ESTILOS AVISO LEGAL*/
.texto-negrita-bold {
	margin-top: 0.5rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: black;
}
.texto-azul {
	color:rgb(0, 162, 215);
}
.aviso-ul {
	margin-top: 0;
	margin-bottom: 1rem;
}
.aviso-ul li {
	line-height: normal;
	text-decoration: none;
	font-family: 'Overlock', cursive;
	color:#666;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.1rem;
}
.text-politica-privacidad p {
	color:#666;
}
.enlace-aviso:hover {
	color:#74bcd9;
}