@import url('https://fonts.googleapis.com/css2?family=Martel&family=Roboto:wght@300;400;700&display=swap');
/*! font families -----------

font-family: 'Martel', serif;
font-family: 'Roboto', sans-serif;
------!*/
*{color:#6C6C6C; font-family: 'Roboto', sans-serif; font-weight: 300}
.container-fluid{padding-left:60px; padding-right:60px;}

@media (max-width:991.98px){
	
	.container-fluid{padding-left:10px; padding-right:10px;}

}

/*!--------- COLORS -------!*/

.bco{color: #Fff}
.rosa {color:#BA858A}
.rosa2{color:#7E3940}
.azul {color:#7FA2C1}
.oro {color:#A87724}
.verde {color:#8BA18C}
.gris{color: #6C6C6C}


.bg-rosa {background:#BA858A}
.bg-azul {background:#7FA2C1}
.bg-oro {background:#A87724}
.bg-verde {background:#8BA18C}




/*!--------- Fonts -------!*/

h1{font-family: 'Roboto', sans-serif; font-weight: 300; margin-bottom: 30px}
.biger{font-family: 'Martel', serif;
	  font-size: calc(1.675rem + 1.5vw);
	}
	
	
h4{font-family: 'Roboto', sans-serif; font-weight: 300!important}	
.subtit{margin-top: 10px; margin-bottom: 20px}
li{margin-bottom: 5px}

a{color: inherit; text-decoration: none; cursor: pointer!important}
a:hover{color:#7E3940}


section {padding-top: 80px; padding-bottom: 80px}

/*!---------NAV -------!*/

.nav{font-family: 'Martel', serif!important;  background-image: url("../images/nav2.jpg");  background-size: cover; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.18); border-radius: 50px; padding-left: 25px!important; padding-right: 25px!important; margin-top:50px;padding-bottom: 8px }

.navbar-nav span{margin-top: 8px; margin-left: 11px; margin-right: -8px; color:#A87724}
.navbar-nav{margin-top: 20px; margin-bottom: 10px}
.navbar-nav a{color:#A87724; font-weight: 700; font-family: 'Martel', serif; cursor: pointer!important}
.navbar-nav a:hover{color: #7E3940}
.nav-item.idioma .nav-link{ display: inline; }
.nav-item.idioma {margin-top: 8px}
.nav-item.idioma span{margin-left: -10px}
.nav-item.boton {background: #A87724; margin-left: 10px; color:#fff; padding-left:10px!important; padding-right:10px!important; padding-top: 3px; border-radius: 30px; position: relative; margin-top: -5px}
.nav-item.boton:hover{background:#7E3940; box-shadow: 0px 0px 10px rgba(126, 57, 64, .81); }
.nav-item.boton a{color:#fff}
.collapse{margin-top: 8px}
.logo img{opacity: 1; height: 47px;  }


.nav-home.shrink{ max-width: 100%!important; transition: 1.5s ease-out all; }
 
.logo1{max-height: 180px!important; left: 2%; position: absolute; top:40%; width: auto!important; max-width: 100%!important; transition: 1.5s ease-out ; }
.logo1.shrink{ height: 10px; left: 31%; height: 20px!important; opacity: 0; top:10%}
 
 .nav-home .logo img{opacity: 0; display: none;   height: 60px; margin-top: 10px; transition: 1.5s ease-out all;  }
 .nav-home .logo.shrink img{  opacity: 1; display: block;} 
 
@media (max-width: 1399.98px){
	.nav{border-radius: 30px;}
	.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {display: block!important;
	flex-wrap: none!important; }
	nav .logo {    height: 60px;  display: block!important; margin-top: 10px;}
  nav .collapse{margin-top: -20px;}
	#navbarNav{width: 100%!important}

	.nav-home.shrink{ min-width: 1140px; }
  .nav-home .logo{height: 53px; margin-bottom: -25px;}
}

@media (max-width:991.98px){
  
  
  section {padding-top: 80px; padding-bottom: 40px}
  
  
	.nav-home.shrink, .nav-home{ min-width: 620px; }
	
	nav .logo img { height: 30px; margin-top:-10px; margin-bottom: 10px; }

	.nav-link{margin-right: 20px;}
	nav{margin-left:15px; margin-right: 15px }
	.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {display: flex!important;
	flex-wrap:wrap!important }
	.nav{padding-top: 10px; margin-top:20px;}

	
	.nav-home .logo {height: 40px; margin-top: 0px; margin-bottom: 0px }
	#navbarNav{width: auto!important; }
	.navbar-nav span{margin-left: 20px; margin-right: 0px;}
	.nav-item.idioma {text-align: end}
	.nav-item.boton{padding-left: 20px!important; padding-right: 0px!important; margin-top: 20px}
}

.navbar-toggler {
  width: 30px;
  height: 25px;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.01);
  transition: 0.2s ease-in-out;
  border:none;
  border-radius: 0px;
  padding: 0px; 
}
.navbar-toggler:before, .navbar-toggler:after, .navbar-toggler .bar {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #A87724;
  transition: 0.25s ease-in-out;
  transform-origin: left center;
  border-radius: 4px;
}
.navbar-toggler .bar {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  left: 1
}
.navbar-toggler:before {
  top: 0;
  left: 0;
}
.navbar-toggler:after {
  bottom: 0;
  left: 0;
}
.navbar-toggler.active:before, .navbar-toggler.active:after {
  width: calc(100% - 2px);
  left: 2px;
  background: #7E3940
}
.navbar-toggler.active:before {
  transform: rotate(0deg);
   opacity: 0
}
.navbar-toggler.active:after  {
  transform: rotate(-0deg);
  opacity: 0
}
.navbar-toggler.active .bar  {
  opacity: 1;
  background: #7E3940;
  transition: all ease-out 0.2s 0.05s;
  transform: translateX(-0%);
}

@media (max-width: 767.98px) {

  nav .logo { height: 30px; margin-bottom: -1px }
  .nav-home .logo{height: 30px; }
  
}


.fixed-top.top-nav-collapse .logo{display: block!important; height: 50px!important; margin-top: -12px;	}


.top{margin-top: 2%}
.top2{margin-top: -1%}
.img {padding: 0px}
.img img{width: 100%; border-radius: 30px!important; overflow: hidden}

/*!------------------------- Bloques -----------------------!*/
.home{min-height: 100vh; background-image: url("../images/home.jpg");  background-size: cover;}
.radius{border-radius: 30px}


/*!--- About---!*/
.about{min-height: 300px; position: relative; z-index: -1}
.about2{margin-top: -8%}
.about-img {margin-top: ; margin-right: 2%}
.welcome2{margin-top: 8%; margin-left: 2%; z-index: 1;   bottom: 0; display: none}
.welcome{padding-bottom: 80px;}

/*!--- Osteopathy---!*/
.osteopathy{ padding-left: 3%; padding-top: 5%; padding-right: 2%;}
.osteopathy2{margin-top: -4%; z-index: 3; position: relative}
.osteopathy-text, .osteopathy-text2{ padding: 5%}



/*!--- Session---!*/
.session-text{ padding-left: 3%; padding-top: 5%; padding-bottom: 0%; padding-right: 5%; border-radius:0 30px 0 0;  }
.session-text2{ padding-left: 3%; padding-top: 3%; padding-bottom: 2%; padding-right: 3%;  border-radius:0 0 30px 30px;  }
.session2{z-index: -1; position: relative; margin-top: -1.5%; border-radius: 0 0 30px 30px}


/*!--- Pain---!*/
.pain {padding-top: 5%;}



/*!--- Conditions---!*/
.conditions{ padding-left: 2%; padding-top: 5%}
.conditions-text{padding-top:8%; padding-right:8%; padding-bottom:8%; padding-left:11%; margin-left: -10%;position: relative; z-index: 1}
.conditions-img{ position: relative; z-index: 2}


/*!--Pregnancy---*/
.pregnancy{margin-right: 2%; position: relative}
.pregnancy-text{padding-top:8%; padding-right:8%; padding-bottom:8%; padding-left:8%; margin-left: 15%!important; margin-bottom: -10%;  position: relative; z-index: 1}

/*-----Headaches----*/
.headaches-text{ padding: 4%}
.headaches-img{min-height: 500px;  background-image: url("../images/headaches.jpg"); background-size: cover; background-position: center }


/*-----Concussions----*/
.concussions-text{padding-top:11%; padding-right:8%; padding-bottom:11%; padding-left:8%; margin-left: -10%; margin-bottom: -8%}


  /*!--Contact---*/
  .contact-text{padding-top: 3%; padding-left: 6%}
.contact-map{min-height: 600px!important}


@media (max-width: 1399.98px){
  
  .top2{margin-top: 8%}
  
/*!--- About---!*/
.about2{margin-top: -12%}
.welcome{padding-bottom: 30px;}


/*!--- Osteopathy---!*/
.osteopathy{ padding-left: 3%; padding-top: 13%; padding-right: 2%;}

/*!--- Session---!*/
.session-text{ padding-left: 3%; padding-top: 5%; padding-bottom: 0%; padding-right: 3%; border-radius:30px 30px 0 0; margin-top: -4.5%  }
    .session-text2{ padding-left: 3%; padding-top: 3%; padding-bottom: 2%; padding-right: 3%; margin-left: 0%; border-radius:0 0 30px 30px;  }
/*!--- Conditions---!*/
.conditions-text{padding-top:8%; padding-right:8%; padding-bottom:8%; padding-left:8%; margin-left: 0%; }

/*!--Pregnancy---*/
.pregnancy-img{margin-left: 30% }
.pregnancy-text{margin-left: 5%!important;}

/*-----Concussions----*/
  .concussions-text{padding-top:11%; padding-right:8%; padding-bottom:11%; padding-left:8%; margin-left: -12%; margin-bottom: -8%}

/*!--Contact---*/
  .contact-text{padding-top: 18%; padding-left: 6%}

}



@media (max-width:991.98px){
  .top{margin-top: 5%}
   /*!--- About---!*/
.welcome{display: none}
.welcome2{display: block}
.about2{margin-top: -30%}
.about{min-height: 200px; position: relative; z-index: -1}
.about-text{padding: 7%}
.about-img {margin-left:7% } 

 /*!--Osteopathy---*/ 
.osteopathy{padding: 5%; }
.headaches-text { padding:10% 7%}
.session-text, .osteopathy-text { padding:10% 7% 0 7%}
	.session-text2, .osteopathy-text2 { padding:0 7% 10% 7%}

  
  /*!--Pregnancy---*/
  .pregnancy-text{ margin-left: 0%!important; margin-bottom: -10%;  position: relative; z-index: 1}
  .pregnancy-img{margin-left: 0% }
  


}



@media (max-width: 767.98px) {
  
 
  
	/*-----Concussions----*/
  .concussions-text{padding-top:11%; padding-right:8%; padding-bottom:11%; padding-left:8%; margin-left:0%; margin-top: -8%}
  .nav-home.shrink, .nav-home{ min-width: 100%}
  
  /*!--Pregnancy---*/
  .pregnancy{margin-right: 2%; position: relative}


}



/*!--------- Footer -------!*/
footer {background-image: url("../images/footer.jpg"); background-position: center center;  background-size: cover; padding: 40px; padding-bottom: 40px; margin-top: 90px; border-radius: 30px 30px 0px 0px; }
footer .logof{height: 65px; }
footer .osteo{height: 85px}
footer a{ color: #fff!important; font-weight: 400; text-decoration: none; text-shadow: 0px 0px 6px rgba(0,0,0,.5)}
footer a:hover{color:#7E3940!important}
footer span{font-size: 14px; font-weight: 400;color:#A87724}
@media (max-width:991.98px){
	.logof{margin-bottom: 20px}
	footer{padding-left: 10px; padding-right: 10px; border-radius: 30px 30px 0px 0px; margin-top: 80px}
}


/*!---------contact -------!*/

.place:before{content: "."; height: 40px; width: 50px; background-image: url("../images/location.png"); background-size: 70%; background-repeat: no-repeat; display: inline-block; float: left;color: #fff}
.phone:before{content: "."; height: 40px; width: 50px; background-image: url("../images/phone.png"); background-size: 70%; background-repeat: no-repeat;  display: inline-block; color: #fff}
.mail:before{content: "."; height: 40px; width: 50px; background: url("../images/mail.png"); background-size: 70%; background-repeat: no-repeat;  display: inline-block;color: #fff}


.post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 30px;
    transition: transform 0.2s linear;
}
.post-slide:hover {
    background: #BA858A;

}
.post-slide .post-img {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    margin: 0px;
   height: 380px;
  background-size: 100%;
  transition:all 0.5s ease;
  background-position: center
}

.post-slide:hover .post-img  {
  background-size: 110%;
}




.post-slide .post-content {
    padding: 2px 20px 40px;
    border-radius: 0 0 30px 30px;
    transition:all 0.5s ease;
}
.post-slide:hover .post-content {
background: #BA858A;
}


.post-slide .post-title  {
    display: block;
    transition: all 0.3s ease 0s;
    position: absolute;
    left:15px;
    margin-top:-55px;
    padding:10px 30px;
    z-index: 2;
    border-radius: 0 20px 0 20px;
    background-color: rgba(250,250,250,.6);
    color:#7E3940;
    font-family: 'Martel', serif;
    
}

.post-slide:hover .post-title {
  margin-top: 20px;
    text-decoration: none;
    background-color: rgba(250,250,250,0);
    width: 100%;
    color: #fff;
    text-align: center
    
}

.post-slide .post-description {
    line-height: 24px;
    color: #fff;
    margin-bottom: 25px;
    margin: auto;
    width: 80%;
    text-align: center;
    margin-top: -70%;
    display: none;
    transition: transform 0.2s linear;
}
.post-slide:hover .post-description {
  margin-top: 100px;
  display: block;
  margin-top:18%;}



.owl-controls .owl-buttons {
    text-align: center;
    margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev {
    background: #7FA2C1;
    position: absolute;
    top: -50px;
    right: 65px;
    padding: 0 18px 0 15px;
    border-radius: 10px;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-next {
    background: #7FA2C1;
    position: absolute;
    top: -50px;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 10px;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    content: "\f104";
    font-family: FontAwesome;
    color: #fff;
    font-size: 30px;
}

.owl-controls .owl-buttons .owl-next:after {
    content: "\f105";
}



@media (max-width:991.98px){
.post-slide .post-img {
  height: 230px
}
.post-slide:hover .post-description {

margin-top:28%;}
}