body{
	margin: 0px;
	padding: 0px;
	font-family: 'Raleway', sans-serif;
	position: relative;
	font-size: 16px;
}

a,a:hover,a:active{
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

.hide{
	display: none;
}
.show {
	display:visible;
}

.container-full{
	width: 100%;
	margin: 0px;
}


/********** HEAD **********/

.head{
	padding: 15px 0px; 
	position: fixed;
	background: #fff;
	z-index: 999999999;
	-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
}

.head-fixed{
	background: rgba(255,255,255,0.75);
}

.logo{
	text-align: center;
}

.logo img, .logo-box{
	max-width: 269px;
	width: 100%;
	margin: 0 auto;
}		

.menu{
	text-align: center;
	position: relative;
}

.menu-desktop{
	margin-top: 37px;
}

.menu-desktop ul{
	margin: 0px;
	padding: 0px;
}

.menu-desktop ul > li{
	display: inline-block;
	margin: 0px 2%;
	position: relative;
}

.menu-desktop ul > li > a{
	color: #868686;
	font-size: 16px;
}

.menu-desktop ul > li > a:hover{
	color: #00C4B3;
	text-decoration: none !important;
}

.submenu ul > li > a{
	font-size: 12px;
}

.movil-btn-box{
	position: absolute;
	right: 1%;
    top: 31px;
	font-family:'FontAwesome';
}

.menu-movil-box{
	display: none;
}

.menu-movil{

}

.menu-movil ul{
	margin: 0px;
	padding: 0px;
}

.menu-movil ul li{
	width: 100%;
	font-size: 21px;
	position: relative;
}

.menu-movil ul li a{
	color: #00C4B3;
	display: block;
	padding: 5px 0px;
}

.menu-movil ul li a:hover{
	background: #00C4B3;
	color: #fff;
	text-decoration: none;
}

.btn-mas-servicios{
	position: absolute;
	top: 0px;
	right: 10px;
}

.submenu-movil{
	font-size: 14px;
}	

.btn-turquesa{
	background: #00C4B3;
	color: #fff;
}

.btn-turquesa:hover{
	background: #fff;
	border: 1px solid #00C4B3;
	color: #00C4B3;
}

.btn-turquesa a:active{
	color: #fff;
}

.submenu{
	width: auto !important;
	background: #fff;
	position: absolute;
	padding: 8px 25px;
	left: -43px;
    top: 20px;
    font-size: 14px;
    min-width: 160px;
}

.submenu ul{

}

.submenu ul li{
	display: inherit;
}

.submenu-movil{

}

.gracias, .pagina-no-encontrada{
	text-align: center;
}

.gracias p, .pagina-no-encontrada p{
	font-size: 24px !important;
}

/********** CONTAINER **********/

.banner{
  margin-top: 111px;
}

.slider{
	text-align: center;
	padding: 0px 0px;
	margin-top: 113px;
}

.slider img{
	
}

.slider-titulo h2{
	color: #fff;
	font-size: 4.5em;
}	



/********** FOOTER **********/

.footer{
	background: #6D6D6D;
	padding: 40px 0px; 
}

.direccion{
	color: #fff;
	font-family: 'Raleway', sans-serif;
}

.redes-sociales-box a:hover{
	text-decoration: none;
}

.whatsapp-icon-footer{
    position: fixed;
    bottom: 74px;
    right: 3px;
    text-decoration: none;
}

.social-fixed{
    bottom: 80px;
    right: 4px;
    position: fixed;
    z-index: 9999999;
}

.social-fixed li{
    list-style: none;
    margin-bottom: 22px;
}

.social-fixed a{
    color: #fff;
    background: rgba(0, 198, 181, 0.6);
    border-radius: 50px;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    padding: 10px 13px;
    box-shadow: 0px 0px 3px 2px #ccc;
    
}

.facebook-icon{
    padding: 10px 16px !important;
}

/********** EFECTOS LOGO **********/

.st1{
	fill:transparent;
	-webkit-animation: b forwards 1s;
	-moz-animation: b forwards 1s;
	-o-animation: b forwards 1s;
	animation: b forwards 1s;
	animation-delay: 0.4s;
}
.st2{
	fill:transparent;
	-webkit-animation: b forwards 1s;
	-moz-animation: b forwards 1s;
	-o-animation: b forwards 1s;
	animation: b forwards 1s;
	animation-delay: 0.5s;
}
.st3{
	fill:transparent;
	-webkit-animation: b forwards 1s;
	-moz-animation: b forwards 1s;
	-o-animation: b forwards 1s;
	animation: b forwards 1s;
	animation-delay: 0.6s;
}
.st4{
	fill:transparent;
	-webkit-animation: b forwards 1s;
	-moz-animation: b forwards 1s;
	-o-animation: b forwards 1s;
	animation: b forwards 1s;
	animation-delay: 0.7s;
}
.st5{
	fill:transparent;
	-webkit-animation: b forwards 1s;
	-moz-animation: b forwards 1s;
	-o-animation: b forwards 1s;
	animation: b forwards 1s;
	animation-delay: 0.8s;
}
.st6{
	fill:transparent;
	-webkit-animation: b forwards 1s;
	-moz-animation: b forwards 1s;
	-o-animation: b forwards 1s;
	animation: b forwards 1s;
	animation-delay: 0.9s;
}
.st7{
	fill:transparent;
	-webkit-animation: b forwards 1s;
	-moz-animation: b forwards 1s;
	-o-animation: b forwards 1s;
	animation: b forwards 1s;
	animation-delay: 1.0s;
}
.st8{
	fill:transparent;
	-webkit-animation: d forwards 1s;
	-moz-animation: d forwards 1s;
	-o-animation: d forwards 1s;
	animation: d forwards 1s;
	animation-delay: 1.1s;
}
.st9{
	fill:transparent;
	-webkit-animation: d forwards 1s;
	-moz-animation: d forwards 1s;
	-o-animation: d forwards 1s;
	animation: d forwards 1s;
	animation-delay: 1.2s;
}
.st10{
	fill:transparent;
	-webkit-animation: d forwards 1s;
	-moz-animation: d forwards 1s;
	-o-animation: d forwards 1s;
	animation: d forwards 1s;
	animation-delay: 1.3s;
}
.st11{
	fill:transparent;
	-webkit-animation: d forwards 1s;
	-moz-animation: d forwards 1s;
	-o-animation: d forwards 1s;
	animation: d forwards 1s;
	animation-delay: 1.4s;
}
.st12{
	fill:transparent;
	-webkit-animation: d forwards 1s;
	-moz-animation: d forwards 1s;
	-o-animation: d forwards 1s;
	animation: d forwards 1s;
	animation-delay: 1.5s;
}
.st13{
	fill:transparent;
	-webkit-animation: d forwards 1s;
	-moz-animation: d forwards 1s;
	-o-animation: d forwards 1s;
	animation: d forwards 1s;
	animation-delay: 1.6s;
}
.st14{
	fill:transparent;
	-webkit-animation: d forwards 1s;
	-moz-animation: d forwards 1s;
	-o-animation: d forwards 1s;
	animation: d forwards 1s;
	animation-delay: 1.7s;
}
.st15{
	fill:transparent;
	stroke: transparent;
	stroke-width: 0.5;
	stroke-dashoffset: 0;
	stroke-dasharray: 3500;
	-webkit-animation: blogo 3s forwards;
	-moz-animation: blogo 3s forwards;
	-o-animation: blogo 3s forwards;
	animation: blogo 3s forwards;
	animation-delay: 0.3s;
}
.st16{
	fill:transparent;
	stroke:#868686;
	stroke-width: 0.5;
	stroke-dasharray: 3500;
	stroke-dashoffset: 0;
	-webkit-animation: circulo 4s forwards;
	-moz-animation: circulo 4s forwards;
	-o-animation: circulo 4s forwards;
	animation: circulo 4s forwards;

	/*animation: circulo 10s infinite linear;*/
	/*
	-webkit-animation: color 1s forwards 4s;
	-moz-animation: color 1s forwards 4s;
	-o-animation: color 1s forwards 4s;
	animation: color 1s forwards 4s;
	*/
}

@-webkit-keyframes circulo{
	from{
		
		
		stroke-dashoffset: 3500;
		fill: transparent;
	}
	to{
		
		stroke-dashoffset: 0;
		fill: #868686;
	}

	0% {
      transform: rotate(0deg);
     }
  100% {
      transform: rotate(720deg);
		}
}
@keyframes circulo{
	from{
		stroke-dashoffset: 3500;
		fill: transparent;
	}
	to{
		stroke:#868686;
		stroke-dashoffset: 0;
		fill: #868686;
	}

}
@-webkit-keyframes color{
	from{
		fill: transparent;
	}
	to{
		fill: #868686;
	}
}
@keyframes color{
	from{
		fill: transparent;
	}
	to{
		fill: #868686;
	}
}

@-webkit-keyframes blogo{
	from{
		stroke:#00c4b3;
		stroke-dashoffset: 3500;
		fill: transparent;
	}
	to{
		stroke-dashoffset: 0;
		fill: #00c4b3;
	}
}
@keyframes blogo{
	from{
		stroke:#00c4b3;
		stroke-dashoffset: 3500;
		fill: transparent;
	}
	to{
		stroke-dashoffset: 0;
		fill: #00c4b3;
	}
}

@-webkit-keyframes b{
	from{
		
		fill: transparent;
	}
	to{
		
		fill: #00c4b3;
	}
}
@keyframes b{
	from{
		
		fill: transparent;
	}
	to{
		
		fill: #00c4b3;
	}
}

@-webkit-keyframes d{
	from{
		
		fill: transparent;
	}
	to{
		
		fill: #868686;
	}
}
@keyframes d{
	from{
		
		fill: transparent;
	}
	to{
		
		fill: #868686;
	}
}


/********** MEDIA QUERIES **********/

.logo-box{
	padding: 0px 2%;
}

@media(max-width: 780px){
    .social-fixed{
        width: 100%;
        bottom: 2px;
        position: fixed;
        z-index: 9999999;
        left: 55%;
        transform: translate(-50%, 0);
    }
    
    .social-fixed li{
        display: inline-block;
        margin: 0px 8px;
    } 
    
    .social-fixed li a{
        font-size: 24px;
        background: rgba(0, 198, 181, 1.0);
    }

}