body {
  margin: 0;
  font-family: 'Josefin Sans',sans-serif!important;
  color: #94948F!important;
  margin:0px;
}
html {scroll-behavior: smooth!important;overflow-x:hidden!important; margin:0px!important;}
a {text-decoration:none!important;}
p {line-height: 1.8;margin: 0!important;font-size: 16px;}
	
/****LOADER****/
.spinner:Before{
	content:"Cargando";
	position:absolute;
	top: 100%;
	left: -10%;
	text-align:center;
	font-size:13px
}
.spinner {
  position: absolute;
  top: 48%;
  left: 48%;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #00AB96!important;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: white;
z-index: 999999;
}

/****MENU****/

.navbar-toggler {
    border: 0!important;
}

.navbar {
  padding: 0!important;
}
 
.menu-content {
  font-weight: 600!important;
  letter-spacing: 1px!important;
  padding: 0!important;
  margin: 0!important;
  font-size: 14px;
}
.menu-content * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu-content a {
  margin: 0.4em 1em;
  padding: 0.7em;
  color: #94948F;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.menu-content a:before {
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
  left: 15%;
  right: 15%;
  top: 0;
  bottom: 0;
  border-left: 1px solid #00AB96;
  border-right: 1px solid #00AB96;
}
.menu-content a:hover,
.menu-content, .active a {
  color: #00AB96!important;
}
.menu-content a:hover:before,
.menu-content, .active a:before {
  opacity: 1;
  left: 0;
  right: 0;
}

/****HEADER****/
.header{
overflow-x: hidden!important;
overflow-y: hidden!important;
background-position:50% 0!important;
background:url("../img/fondo_blog.png")no-repeat center bottom;
background-attachment: scroll;
background-size:cover;
box-sizing: content-box;
height:100vh;
width:100%;
position:relative;
/***Preserve aspect ratio***/
		  min-width: 100%;
		  min-height: 100%;
}
.header-img{display:block; width: 10em; margin-left: auto; margin-right: auto; margin-bottom: 1em;}
		
.v-middle{display:block; text-align: center; margin-left: auto!important; margin-right: auto!important; position:absolute;width:100%;top:50%;left:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}

#frase1 {
color:#94948F!important;
font-size:1.5em!important;
font-weight: 100;
}
#typed {
color:#00AB96!important;
font-size:1.5em!important;
font-weight: 600;
margin:0 0 0 20px;
}
#flecha a {
		font-size: 24px;
		color: #00AB96!important;
		cursor: pointer; 
		-webkit-animation: jumpInc 3s infinite;
		-moz-animation: jumpInc 3s infinite;
         -o-animation: jumpInc 3s infinite;
         animation: jumpInc 3s infinite;
		 position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		}

		@-webkit-keyframes jumpInc {
			0%   {
				margin-top: 0em;
				opacity: 0;
			}
			50%  {
				margin-top: 3em;
				opacity: 1;
			}
			100% {
				margin-top: 6em;
				opacity: 0;
			}
		}

		@-moz-keyframes jumpInc {
			0%   {
				margin-top: 0em;
				opacity: 0;
			}
			50%  {
				margin-top: 3em;
				opacity: 1;
			}
			100% {
				margin-top: 6em;
				opacity: 0;
			}
		}
		@-o-keyframes jumpInc {
			0%   {
				margin-top: 0em;
				opacity: 0;
			}
			50%  {
				margin-top: 3em;
				opacity: 1;
			}
			100% {
				margin-top: 6em;
				opacity: 0;
			}
		}
		@keyframes jumpInc {
			0%   {
				margin-top: 0em;
				opacity: 0;
			}
			50%  {
				margin-top: 3em;
				opacity: 1;
			}
			100% {
				margin-top: 6em;
				opacity: 0;
			}
		}
/****SECCIONES****/		
#gracias {overflow-x: hidden!important;
overflow-y: hidden!important;
background-position:50% 0!important;
background:url("../img/fondo_blog.png")no-repeat center bottom;
background-attachment: fixed;
background-size:cover;
box-sizing: content-box;
height:100vh;
width:100%;
position:fixed;
/***Preserve aspect ratio***/
		  min-width: 100%;
		  min-height: 100%;
text-align:center!important;padding: 15em 0 0 0!important; margin: 0!important;}
#gracias h3 {text-align:center!important;}
.gracias-icons .fa {font-size: 18px!important;}
.gracias-icons a {background:white!important;padding: 0.8em; margin: 0.5em!important; transition:all .5s; color:#94948F!important; width:40px!important;height:40px!important;line-height:40px!important;text-align:center!important;border:1px solid #eee;}
.gracias-icons a:hover {background:#00AB96!important;border-color:#00AB96!important;color:#fff!important;}

hr {height: 10px;border: 0; width: 90%;background-color: white;}
.container, .servicios{width:100%!important;height:100%;}
.section-padding{padding:6em 1em 2em 2em!important;}
.bo-blanco: {width:50%!important;border-bottom:1.5px solid #FFFF!important;}
.bo-gris: {width:50%!important; border-bottom:1.5px solid #94948F!important;}
.bkverde {color: white!important; background-color:#7FD5CA; width:100%;}
.bkverde p {color: white!important;}
.bkrosa {color: white!important; background-color:#FCB8C4; width:100%;}
.bkrosa p {color: white!important;}
.bkgris {color: white!important; background-color:#94948F; width:100%;}
.tc-title{position:relative;font-weight:400;margin-bottom:30px;letter-spacing:2px;display:inline-block;text-transform:uppercase;border-bottom:1.5px solid;}
#nosotros .tc-title{width:100%!important;}
.mb-20 {margin-top: 0!important;margin-bottom: 1em!important;}

@media screen and (max-width:400px){
	#gracias h3 {font-size: 1.5rem!important;}
}

/****nosotros****/
.container {height: 100%!important;}
.tc-title h4 {font-size: 1.9em!important;}
a.btn, imput.btn{display:inline-block;padding:12px 10px;background:#00AB96;color:#fff;text-transform:uppercase;border-radius:40px;width:140px;text-align:center;font-size:12px;-webkit-transition:.4s;font-weight:700;transition:.4s;}
a.btn:hover, imput.btn:hover{color:#fff!important;text-decoration:none!important;box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)!important;-webkit-transition:.4s;transition:.4s}
.profile-btns a:last-child{background:#00AB96;}
.profile-btns{margin: 1em 0.5em;float:right;}
.social-icon .fa {font-size: 18px!important;}
.social-icon a {margin: 1em 0.5em; transition:all .5s; color:#94948F!important; width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #eee;}
.social-icon a {float:left!important;}
.social-icon a:hover {background:#00AB96!important;border-color:#00AB96!important;color:#fff!important;}
a.active {border: none!important;}
.col-sm-5 img{margin-top:0;width: 90%!important;}

@media screen and (max-width:400px){
	.tc-title h4 {font-size: 1.5em!important;}
	span{display: inline-block;}
	.social-icon {text-align: center!important; margin-bottom: 15px;}
	.social-icon a {padding:0.8em!important; float: none!important;}
	.profile-btns{margin: 1em 0 1em 1em;float:none;}
}
/****servicios****/
.servicios .servicios-items{overflow:hidden; width:100%;}
.servicios-items .item{padding:2em 2em 0 2em;}
.item ul{list-style:none; padding-left: 0px!important;}
.servicios-items .bord{border-right:1px solid #eee;border-left:1px solid #eee}
.servicios-items .item span{font-size:40px;color:#00AB96}
.servicios-items .item h5{margin:20px 0}
.col-md-4{float:left;margin:0!important;width:33%!important;padding: 1em!important;}
.mb-50{margin-bottom:50px}

@media screen and (max-width:400px){
	.col-md-4{width:100%!important;height:auto!important;}
	.item, .mb-50, .tc-title{height:auto!important;margin:0!important;padding:0!important;}
	.tc-title{margin-bottom:1em!important;}
	.bord{border:0!important;}
	.section-padding{padding:4em 1em 2em 1em!important;}
}

/*--------------MENU-------------*/
.menu-seccion {
  text-align: center!important;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0!important;
  padding: 0.5em 0 0 0!important;
  line-height: 200%!important;
}

.menu-seccion ul {
position: relative!important;
left: 50%!important;
}
.menu-seccion * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu-seccion li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.4em 0.8em;
  padding: 0;
}
.menu-seccion a {
  padding: 0 0.7em;
  color: #94948F;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.menu-seccion a:before {
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
  left: 15%;
  right: 15%;
  top: 0;
  bottom: 0;
  border-left: 1px solid #00AB96;
  border-right: 1px solid #00AB96;
}
.menu-seccion a:hover,
.menu-seccion .current a {
  color: #00AB96;
}
.menu-seccion a:hover:before,
.menu-seccion .current a:before {
  opacity: 1;
  left: 0;
  right: 0;
}

.trabajos a {
  color: white!important;
}

.trabajos a:hover,
.trabajos .current a {
  color: #00AB96!important;
}
/*--------------PRODUCTOS-------------*/
/* Make page full width on Georgia Lou Studios templates */
#sidebar-wrapper {display: none;}
.content-blog {padding-right: 0;}
.content-main {margin: 0 auto;}
#content {padding-right: 0 !important;}
/* End full width code */

.gallery {
 width: 100%;
 max-width: 100%;
 overflow: hidden;
}
.gallery-row {
 width: 100%;
 max-width: 100%;
 overflow: hidden;
 list-style: none;
 padding: 1em 0 0 0!important;
}
.post-body ul {
 padding: 0 !important;
}

ul.gallery-row li {
 display: inline-block;
 float: left;
 width: 20%;
 height: 28em!important;
 padding: 0 1.5% 1.5% 0!important;
 text-align: center;
 font-size: 0.85em;
 line-height: 140%!important; 
}

.gallery-row img {
 width: 100%;
}

.gallery-row img:hover {
 opacity: 0.7;
}
.gallery h3 {
font-size: 1.2em!important;
text-align: center;
margin: 0.5em 0 0 0 !important;
line-height: 120%!important;
}

.gallery-item-menu{
font-size: 0.9em!important;
}
.gallery-item-menu h3{
font-size: 1.2em!important;
}

/*--------------TEMATICAS-------------*/
.grid-bubba {
	position: relative;
	margin: 0 auto!important;
	padding: 1em 0 4em!important;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid-bubba figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	width: 18%;
	background: #FCC0C7;
	text-align: center;
	cursor: pointer;
}

.grid-bubba figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
}

.grid-bubba figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-bubba figure figcaption::before,
.grid-bubba figure figcaption::after {
	pointer-events: none;
}

.grid-bubba figure figcaption,
.grid-bubba figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid-bubba figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid-bubba figure h4 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid-bubba figure h4 span {
	font-weight: 800;
}

.grid-bubba figure h4,
.grid-bubba figure p {
	margin: 0;
}

.grid-bubba figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: transparent;
}

figure.effect-bubba p, figure.effect-bubba a {
	color: #00AB96!important;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 1em;
	right: 1em;
	bottom: 1em;
	left: 1em;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #00AB96;
	border-bottom: 1px solid #00AB96;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #00AB96;
	border-left: 1px solid #00AB96;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h4 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding-top: 50%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-bubba:hover {
	opacity: 1;
	background: white!important;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*--------------TRABAJOS-------------*/


imagemania, imagecaption {
display: block;
}
#imagoroid{
width:100%;
overflow:hidden;
padding:20px 10px;
}
#imagoroid img{
width:100%;
height: auto;
}

#imagoroid imagemania{
float:left;
position:relative;
width:18%;
height: auto;
margin:1% 1%;
padding: 6px 8px 10px 8px;
-webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
-moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
background-color: white;
-webkit-transform:rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
-webkit-backface-visibility:hidden; /*prevent rotated text being jagged in Chrome and Safari*/
}
#poaroid imagemania:nth-child(even) {
-webkit-transform:rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
-webkit-backface-visibility:hidden; /*prevent rotated text being jagged in Chrome and Safari*/
-webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
-moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, .75);
}
#imagoroid imagemania:before {
content: '';
display: block;
position: absolute;
left:5px;
top: -15px;
width: 75px;
height: 25px;
background-color: rgba(0,171,150,0.7);
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
}
#imagoroid imagemania:nth-child(even):before {
left:150px;
top: -15px;
width: 55px;
height: 25px;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-o-transform: rotate(12deg);
-ms-transform: rotate(12deg);
}
#imagoroid imagecaption{
text-align:center;
padding: 0.5em 0em 0em 0em;
font-size:1em;
color:#94948F;
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
#imagoroid imagemania{
-pie-background: linear-gradient(#ede1c9, #fef8e2 20%, #f2ebde 60%);
behavior: url(assets/pie/PIE.htc);
position:relative; /*required to make PIE work*/
padding-top:10px\9;
padding-right:10px\9;
}

/*--------------PAGOS Y ENVIOS-------------*/
.numeros img {width: 3em; margin: 1em 0 1em 0;}
.img img {float: left; margin: 1em 0.5em 1em; width: 3.5em;}
.img {width: 3.5em;}
.mapa {clear: right; float: left; margin-bottom: 1em; margin-left: 1em;}
.texto {text-align: justify; float:left;width: 64%;}

/*--------------CONTACTO-------------*/
.contact_form h5{font-size: 2em; text-align: left;}
.contact_form {text-align: left!important;}
.form-check-input, .form-check {position: relative!important; margin:0!important;  padding:0!important;}
.col {padding: 0!important;}
        option:checked {
            background-color: #00AB96;
            color: white;
			border: none;
        }

            option:checked:hover, select:focus option:checked:hover {
            background-color: #00AB96;
            color: white;
			border: none;
            }

form {
    width: 450px;
    padding: 0;
    box-sizing: border-box;
    margin-top: 20px;
}

.titulo  {
    font-weight: bold;
	font-size: 18px;
}

.completar  {
    background: white;
	width: 100%;
    margin-bottom: 20px!important;
    padding: 10px;
    box-sizing: border-box;
    font-size: 17px;
    border: none;
}

textarea {
    min-height: 100px;
    max-height: 200px;
    max-width: 100%;
}

.btn{
    background:#00AB96;
    color: #fff;
    padding: 20px;
	border-radius:40px;
	width:140px;
}

.btn:hover {
    cursor: pointer;
}
/*--------------FOOTER-------------*/
.contactFooterGracias{position:fixed; bottom:0;width:100%!important;}
.contactFooter{margin-bottom:0!important;}
.contact_image .overlay .contact_info .item:nth-of-type(1),.contact_image .overlay .contact_info .item:nth-of-type(2){margin-bottom:0!important}
.contact_body{padding:30px 20px!important;}
.contactFooter{background-color:black;padding:0;color:white}
.contactFooter a{color: white!important;}
.contactFooter a:hover{color: #00AB96!important;}

/****RESPONSIVE****/
	@media screen and (max-width:1000px){
		.menu-content a:before{border: none;}
		.menu-content a { text-align: center;}
		.navbar {overflow-y:hidden!important; background-color: rgba(255, 255, 255, .8)!important; width: 100%; position: fixed!important; z-index:1;}
		.nav-item {text-align: center!important;}	
	}
	@media only screen and (max-width: 800px) {
		#imagoroid imagemania{width:48%;}
		#imagoroid imagecaption{font-size:1em;}
		.grid-bubba figure{width:48%;}

		hr {display:none;}
		ul.gallery-row li {width: 48.5%;padding: 1em!important;height: auto!important;}
		ul.gallery-row li:nth-child(3n) {padding-right: 1.5%;}
		ul.gallery-row li:nth-child(2n) {padding-right: 1.5%;}		
	}	
	
	@media only screen and (max-width: 400px) {
		.texto{width:100%; padding: 1em!important;}
		
		#imagoroid imagemania{width:100%; height: auto!important;}
		
		.col-md-6.contact_body{float:none;}
		.contact_body{padding:30px 20px!important}
		form{width: 100%;}
		.grid-bubba{width:100%;	padding: 1em!important;	margin: 0!important;}
		.grid-bubba figure{width:100%;}
		figure.effect-bubba p {display:none;}

		ul.gallery-row li {width: 100%;padding: 0;height: auto!important;}
		ul.gallery-row li:nth-child(3n) {padding-right: 0;}
		ul.gallery-row li:nth-child(2n) {padding-right: 0;}		
	}