*{margin:0; padding:0;}
:root {
--color1: #23393f;
--color2: #c29e59;
--color3: #6f8da0;
--color4: #6c937f;
}
body{font: 19px "Montserrat", sans-serif;margin: 0;color: #222;position: relative;overflow-x: hidden !important;}
img{padding:0; max-width:100%; height:auto;}
.alignleft{float:left;width: auto !important;border:none;margin:0 20px 10px 0;padding: 10px;box-shadow: 0 0 10px -3px #b7b7b7;background-color: #FFF;box-sizing: border-box;position: relative;z-index: 100;}
.alignright{float:right;width: auto !important;border:none;margin:0 0 10px 20px;padding: 10px;box-shadow: 0 0 10px -3px #b7b7b7;background-color: #FFF;box-sizing: border-box;position: relative;z-index: 100;text-align: center;}
.aligncenter{display:block;width: auto !important;margin: 0 auto 20px;padding: 10px;box-shadow: 0 0 10px -3px #b7b7b7;background-color: #FFF;box-sizing: border-box;position: relative;z-index: 100;text-align: center;}
.content .wp-caption p{padding: 0;}
.content .bloque1 .wp-caption p, .content .bloque2 .wp-caption p, .content .bloque3 .wp-caption p{color: #222;} a{color:var(--color2);text-decoration:none;transition:0.3s;font-weight: 500;}
a:hover{color:var(--color1); text-decoration: underline;}
li{list-style: none;} header {position: relative;z-index: 100;padding: 40px;text-align: center;display: flex;align-items: center;justify-content: space-between;}
header.header {border-bottom: 1px solid #DDD;}
.container {max-width: 1220px;margin: 0 auto;padding: 0 20px;}
.logo {line-height: 0;} #menu ul{display: flex;justify-content: center;}
#menu ul li{padding: 0 18px;position:relative;border-right: 1px solid #DDD;text-transform: uppercase;line-height: 16px;}
#menu ul li:last-child{border-right: none;}
#menu ul li a{color:#222;font-weight: 500;font-size: 17px;}
#menu ul li a:hover{text-decoration: none; color: var(--color2);}
#menu ul li ul{display:block;opacity:0;visibility:hidden;padding:20px;background-color:#FFF;text-align:left;position:absolute;top:55px;left:0;width:270px;transition:all .3s .1s;}
#menu ul li:hover ul{opacity:1;top:100%;visibility:visible;}
#menu ul ul li{position:relative;padding: 0;display: block;text-transform: initial;border: none !important;}
#menu ul ul li a{color:#323232;font-size:15px;line-height: 24px;padding: 10px;display:block;}
#menu ul ul li a:hover{background-color: var(--color1);color:#FFF}
#menu ul li:hover ul ul{visibility:hidden;opacity:0;}
#menu ul li ul ul:before{top: 0;}
#menu ul ul li ul{position:absolute;top:15px;margin: 0;left:100%;background-color:#FFF;z-index: 100;}
#menu ul ul li:hover ul{opacity:1;top:-20px;visibility:visible}
#menu ul li:hover ul ul ul{visibility:hidden;opacity:0; top: 10px;}
#menu ul li ul ul ul:before{top: 0;}
#menu ul ul ul li ul{position:absolute;top:15px;margin: 0;left:100%;background-color:#FFF;z-index: 100;}
#menu ul ul ul li:hover ul{opacity:1;top:-20px;visibility:visible}
.idiomas {font-size: 13px;display: flex;align-items: center;justify-content: center;padding-bottom: 10px;}
.idiomas ul {display: flex;justify-content: center;}
.idiomas li {margin: 0 5px;line-height: 0;}
.idiomas li a {display: block;}
#imgprin{position: relative;background-color: #000;}
#imgprin .parallax-image{animation: zoomeffect 30s infinite;will-change: transform;opacity: 0.7;}
#imgprin.imgdest .parallax-container{height: 660px;}
#imgprin h1{width: 100%;color: #FFF;text-shadow: 1px 1px 4px #222;box-sizing: border-box;padding: 20px;font-size: 40px;line-height: 46px;text-align: center;}
#imgprin.imgdest h1{position: absolute;top: 50%; transform: translateY(-50%);}
.imgcon {
position: absolute;
line-height: initial;
z-index: 10;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding: 35px 10px 0;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #FFF;
box-sizing: border-box;
text-shadow: 1px 1px 4px #222;
}
.imgcon p{font-size: 20px;line-height: 26px;}
.imgcon h1 {
font-size: 60px;
line-height: 60px;
padding-bottom: 20px;
letter-spacing: 6px;
display: block;
}
.imgcon ul{display: flex;justify-content: center;padding-bottom: 20px;margin-bottom: 15px;position: relative;}
.imgcon ul::after{content: "";position: absolute;border-bottom: 1px dashed #FFF;left: 50%;bottom: 0;transform: translateX(-50%);width: 200px;}
.imgcon li {position: relative;padding: 0 20px;font-size: 24px;}
.imgcon li::after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
right: -4px;
top: 50%;
transform: translateY(-50%);
background-color: #FFF;
}
.imgcon li:last-child::after {
display: none;
}
#slider{position: relative;line-height: 0;}
.page+#slider{margin-bottom: 80px;}
#slider .item{overflow: hidden;margin: auto;}
#slider .owl-nav{position:absolute;top: 50%;transform: translateY(-50%);width:100%;opacity:0;transition:all .3s .1s;}
#slider:hover .owl-nav{opacity:1}
#slider .owl-nav div{position:absolute;top:50%;transform:translateY(-50%);font-size: 25px;color: #FFF;display:flex;width: 48px;height: 48px;border-radius:50%;justify-content:center;align-items:center;box-sizing: border-box;border: 4px solid #FFF;transition:all .3s .1s;}
#slider .owl-nav .owl-prev {padding-left: 7px;}
#slider .owl-nav .owl-next {padding-right: 7px;}
#slider .owl-nav div:hover{background-color:#FFF;color:#222}
#slider .owl-prev{left: 10%;padding-right: 10px;}
#slider .owl-next{right: 10%;left:auto;padding-left: 10px;}
.parallax-container {
position: relative;
overflow: hidden;
height: 780px;
width: 100%;
}
.parallax-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150%;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.conslider {
position: absolute;
line-height: initial;
z-index: 10;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding: 10px 20px 0;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #FFF;
box-sizing: border-box;
text-shadow: 1px 1px 4px #222;
}
.conslider h2 {
font: 700 50px/52px "Lora", serif;
padding-bottom: 15px;
}
.conslider p{
line-height: 24px;
padding-bottom: 10px;
}
.conslider p a {
display: table;
margin: 5px auto auto;
padding: 12px 80px 12px 40px;
color: #FFF;
background-color: rgb(35 57 63 / 80%);
font-size: 15px;
font-weight: 300;
text-shadow: none;
border-radius: 25px;
border: 1px solid #FFF;
position: relative;
}
.conslider p a:hover {
text-decoration: none;
background-color: var(--color1);
color: #FFF;
}
.conslider p a::before {content: "";position: absolute;width: 15px;height: 2px;background-color: #FFF;right: 45px;top: 50%;transform: translateY(-50%);}
.conslider p a::after {
content: "";
width: 0;
height: 0;
border-top: 4px solid transparent;
border-left: 8px solid #FFF;
border-bottom: 4px solid transparent;
position: absolute;
right: 37px;
top: 50%;
transform: translateY(-50%);
}
@keyframes zoomeffect{
0%{
transform:scale(1);
}
50%{
transform:scale(1.1);
}
100%{
transform:scale(1);
}
}
#slider .owl-dots {
display: flex;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 50px;
z-index: 10;
}
#slider .owl-dots div {
width: 14px;
height: 14px;
background-color: #FFF;
border-radius: 50%;
border: 2px solid var(--color1);
margin: 0 7px;
}
#slider .owl-dots div.active {
background-color: var(--color4);
}
.boxcita a, .boxcita h3{font: 700 15px / 17px "Lora", serif;border: 1px solid var(--color2);color: #222;border-radius: 5px;display: block;padding: 10px 20px;transition: 0.3s; cursor: pointer;}
.boxcita a:hover, .boxcita h3:hover{background-color: var(--color2);color: #FFF;text-decoration: none;}
.reserbox{display: none;}
.popup-open {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1001; background: white;
padding: 22px 22px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8); display: none;
z-index: 1000; } .content{max-width: 1240px;padding: 0 20px;box-sizing: border-box;}
.content.page,.content.single{padding: 60px 20px 40px;}
.content.reserva{max-width: 100%;border-top: 2px solid var(--color2);}
.content.cat{padding: 60px 20px;}
.content h1{font: 700 50px "Lora", serif;padding-bottom: 15px;}
.content.home p:first-child{font: 700 60px/62px "Lora", serif;color: var(--color1);padding-bottom: 20px;}
.content h2{font: 700 32px/38px "Lora", serif;color: var(--color2);padding-bottom: 20px;}
.content h3{font: 700 28px/34px "Lora", serif;color: var(--color3);padding-bottom: 20px;}
.content h4{font: 700 22px/28px "Lora", serif;color: var(--color4);padding-bottom: 20px;}
.content p{line-height: 36px;font-weight: 300;padding-bottom: 20px;}
.content ul, .content ol{margin-left: 30px;padding-bottom: 20px;}
.content li{list-style-type: disc;line-height: 36px;font-weight: 300;}
.content ol li{list-style: decimal;}
.content table {width: 100% !important;border-collapse: collapse;display: block;padding-bottom: 25px;}
.content tr:nth-child(odd) {background-color: #f2f2f2;}
.content tr {background-color: #FFF;border-bottom: 1px solid #DDD;}
.content td {line-height: 28px;padding: 20px;width: 70%;}
.content.single th{text-align: left;padding: 20px;line-height: 28px;}
.content.page th{text-align: left;padding: 20px;line-height: 28px;}
.content .tabla2 td, .content .tabla2 td:nth-child(2) {width: auto;font-size: 17px;}
.content .tabla2 td:nth-child(1) {min-width: 164px;}
.content.single td{width: auto;}
.content .woocommerce td{width: inherit;}
.content td:nth-child(2) {font-size: 21px;}
.content.single td:nth-child(2){font-size: 19px;}
.action {background-color: #f5f5f5;display: flex;align-items: center;justify-content: space-between;gap: 30px;padding: 30px;margin: 50px 0 80px;border: 2px solid var(--color4);border-radius: 10px;clear: both;}
.bloque1+.action,.bloque2+.action,.bloque3+.action{margin: 80px 0;}
.action.action3{border-color: var(--color2)}
.action i{font-size: 40px;}
.action p{padding: 0;line-height: 28px;}
.action p strong {font-size: 30px;line-height: 38px;display: block;padding-bottom: 5px;}
.action a, .action span {display: table;background-color: var(--color4);padding: 15px 30px;line-height: 26px;color: #FFF;border-radius: 5px;transition: 0.3s;cursor: pointer;min-width: 160px;text-align: center;}
.action.action3 span{background-color: var(--color1);}
.action a:hover, .action span:hover {text-decoration: none;background-color: var(--color2);}
.boxestilo {background: linear-gradient(130deg, rgb(35 57 63) 18%, rgb(194, 158, 89, 0.5) 85%) !important;width: 66%;padding: 100px 30px 100px 150px;clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);color: #FFF;box-sizing: border-box;}
.action.estilo2, .action.estilo3 {border: none;border-radius: 0;padding: 0;justify-content: flex-end;}
.action.estilo2{background: url(https://neuroon.es/wp-content/uploads/Terapias-Psicologicas-1.webp) no-repeat center center/cover;}
.action.estilo3{background: url(https://neuroon.es/wp-content/uploads/Terapias-Psicologicas-2.webp) no-repeat center center/cover;}
.action.estilo2 p, .action.estilo2 p strong, .action.estilo3 p, .action.estilo3 p strong {padding-bottom: 10px;margin: 0;}
.action.estilo2 a, .action.estilo2 span, .action.estilo3 a, .action.estilo3 span{background-color: var(--color2);}
.action.estilo2 a:hover, .action.estilo2 span:hover, .action.estilo3 a:hover, .action.estilo3 span:hover{background-color: var(--color4);}
.bloque1, .bloque2, .bloque3 {background: var(--color1) url(https://neuroon.es/wp-content/uploads/n-1.png) no-repeat 96% 90%;position: relative;padding: 60px 0 40px;margin: 30px 0 50px;content-visibility: visible !important;clear: both;}
.action+.bloque1, .action+.bloque2, .action+.bloque3{margin: 0 0 50px;}
.bloque1 a:hover, .bloque2 a:hover, .bloque3 a:hover{color: #FFF;}
.bloque2 {background-color: var(--color2);}
.bloque3 {background-color: var(--color4);}
.content .bloque1 h2, .content .bloque1 h3, .content .bloque1 h4, .content .bloque1 p, .content .bloque1 li,
.content .bloque2 h2, .content .bloque2 h3, .content .bloque2 h4, .content .bloque2 p, .content .bloque2 li, .content .bloque2 a,
.content .bloque3 h2, .content .bloque3 h3, .content .bloque3 h4, .content .bloque3 p, .content .bloque3 li, .content .bloque3 a
{color: #FFF;position: relative;z-index: 10;}
.sinmargin {margin-bottom: 0 !important;}
.sinmargin+div{margin-top: 0;}
.bloque1::before, .bloque1::after {content: "";position: absolute;left: -100%;margin-left: 2px;top: 0;width: 100%;height: 100%;background-color: var(--color1);}
.bloque1::after {left: auto;right: -100%;margin-left: 0;margin-right: 2px;}
.bloque2::before, .bloque2::after {content: "";position: absolute;left: -100%;margin-left: 2px;top: 0;width: 100%;height: 100%;background-color: var(--color2);}
.bloque2::after {left: auto;right: -100%;margin-right: 2px;}
.bloque3::before, .bloque3::after {content: "";position: absolute;left: -100%;margin-left: 2px;top: 0;width: 100%;height: 100%;background-color: var(--color4);}
.bloque3::after {left: auto;right: -100%;margin-right: 2px;}
.bloque1 img.nextend-shadow-image.skip-lazy.jetpack-lazy-image {max-width: 650px !important;margin: auto;}
.bloque4, .bloque5 {
padding: 20px 20px 0px;
border: 1px dashed #dddddd;
margin-bottom: 30px;
border-radius: 10px;
}
.bloque5{border: 1px dashed var(--color2);}
.pasos {display: flex;flex-wrap: wrap;}
.boxpaso {display: inline-block;max-width: 520px;padding-top: 25px;}
.pasos .boxpaso:nth-child(1){border-right: 1px solid #DDD;padding-right: 30px;margin-right: 30px;}
.content .pasos ul{}
.content .pasos li{
padding: 15px 0 15px 60px;
position: relative;
list-style: none;
font-size: 17px;
line-height: 30px;
}
.content .boxpaso p {
padding: 0;
}
.content .pasos li strong {
width: 34px;
height: 34px;
color: #FFF;
background-color: var(--color2);
position: absolute;
left: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
padding: 5px 60px;
border-radius: 25px !important;
cursor: pointer;
}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{background: var(--color4) !important;color: #FFF !important;}
.boxteam {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
border-top: 1px solid #DDD;
padding-top: 30px;
}
.boxteamleft {
width: 64%;
padding-right: 40px;
box-sizing: border-box;
}
.boxteamright {
width: 36%;
position: sticky;
top: 20px;
}
.boxteamright img {
padding: 10px;
box-shadow: 0 0 10px -3px #b7b7b7;
box-sizing: border-box;
}
.content .boxteamright p {
text-align: right;
}
#mapa {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #DDD;
}
#mapa iframe {
padding: 10px;
box-sizing: border-box;
box-shadow: 0 0 7px #acacac;
border-radius: 5px;
}
.content #mapa iframe{height: 600px}
.content #mapa{border: none;padding-bottom: 50px;}
.content #mapa h2{padding-bottom: 10px;}
.equipo {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 20px 20px;
border-bottom: 2px solid #DDD;
margin-bottom: 40px;
}
.equipoleft {
width: 35%;
position: sticky;
top: 20px;
}
.equiporight {
width: 65%;
padding-left: 40px;
box-sizing: border-box;
}
.equipoleft img {
padding: 10px 10px 30px;
box-sizing: border-box;
box-shadow: 0 0 7px #acacac;
border-radius: 5px;
}
.content .equipoleft h2 {
padding-bottom: 10px;
}
.boxinstalacion {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
padding-top: 70px;
margin-top: 70px;
border-top: 2px solid #DDD;
}
.imginstalacion {
width: 40%;
}
.coninstalacion {
width: 60%;
padding-left: 40px;
box-sizing: border-box;
}
.boxinstalacion:nth-child(even) {
flex-direction: row-reverse;
}
.boxinstalacion:nth-child(even) .coninstalacion {
padding: 0 40px 0 0;
}
.boxinstalacion::before {
content: "";
background: #FFF url(https://neuroon.es/wp-content/uploads/n-4.png) no-repeat center;
background-size: 100%;
width: 30px;
height: 30px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -15px;
border-left: 30px solid #FFF;
border-right: 30px solid #FFF;
}
.content .imginstalacion p {
line-height: 0;
padding: 0;
}
.boxinstalacion:last-child {
padding-bottom: 40px;
}
.imginstalacion img {
padding: 10px 10px 30px;
box-sizing: border-box;
box-shadow: 0 0 7px #acacac;
border-radius: 5px;
}
.boxservicio {
padding: 20px;
box-sizing: border-box;
position: relative;
padding: 40px 0 30px 70px;
border-left: 2px solid #DDD;
border-bottom: 2px solid #DDD;
margin: 0 10px 100px;
display: flex;
flex-wrap: wrap;
}
.boxservicio::before {
content: "";
background: #FFF url(https://neuroon.es/wp-content/uploads/n-4.png) no-repeat center;
background-size: 100%;
width: 30px;
height: 30px;
position: absolute;
left: -15px;
transform: translateY(-50%);
top: 50%;
border-top: 30px solid #FFF;
border-bottom: 30px solid #FFF;
}
.boxservicio:first-child {
margin-top: 60px;
}
.boxservicio:last-child {
margin-bottom: 50px;
}
.boxservicio a {
display: table;
background-color: var(--color1);
color: #FFF;
padding: 5px 40px;
border-radius: 25px;
}
.boxservicio a:hover {
text-decoration: none;
background-color: var(--color4);
}
.bsc {width: 64%;padding-right: 30px;box-sizing: border-box;}
.bsi {width: 36%;}
.content .bsi .wp-caption p {font-size: 15px;line-height: 22px;text-align: center;padding-bottom: 2px;}
.content.home article {
padding: 140px 0 125px;
}
.content.home article p em {
font-size: 30px;
font-style: normal;
color: var(--color4);
display: block;
line-height: 28px;
}
#metodologia {
background: var(--color1) url(https://neuroon.es/wp-content/uploads/n-1.png) no-repeat 96% 90%;
padding: 140px 0;
position: relative;
color: #FFF;
}
#doctora {
position: relative;
color: #FFF;
}
#doctora .parallax-container {
height: 900px;
}
#doctora .container {
display: flex;
justify-content: flex-end;
}
#doctora .condoctora{position: absolute;top: 50%;transform: translateY(-50%);width: 50%;text-align: right;}
#metodologia h2, #doctora h2 {font: 700 50px/56px "Lora", serif;padding-bottom: 15px;}
#metodologia p, #doctora p {
font-size: 19px;
font-weight: 300;
line-height: 36px;
}
#videos{background-color: var(--color2);}
#videos .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
padding: 100px 20px 85px;
}
#videos p {
width: 33.3333%;
padding: 5px;
box-sizing: border-box;
color: #FFF;
}
#videos p:last-child {
width: 100%;
font-size: 24px;
}
#videos p strong{font-weight: 500;}
#videos p:last-child strong {color: var(--color1);}
#videos iframe {
width: 100%;
height: 260px;
padding: 15px;
box-sizing: border-box;
box-shadow: 0 0 10px -3px #b7b7b7;
background-color: #FFF;
}
#servicios .container, #tratamientos .container {
padding: 140px 20px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.boxwebleft {
width: 40%;
padding-right: 10%;
position: sticky;
top: 20px;
}
.boxwebleft p{line-height: 36px;
font-weight: 300;
padding-bottom: 15px;}
.boxwebleft em {
font-size: 30px;
font-style: normal;
color: var(--color4);
display: block;
line-height: 28px;
}
.boxwebleft h2{
font: 700 50px/52px "Lora", serif;
color: var(--color1);
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
}
.boxwebleft h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 260px;
height: 2px;
background-color: var(--color1);
}
.boxwebright {
width: 50%;
color: #FFF;
}
.boxwebright li {
background-color: var(--color4);
padding: 35px;
margin-bottom: 60px;
font-size: 14px;
line-height: 24px;
font-weight: 300;
position: relative;
}
.boxwebright li:last-child{margin-bottom: 0;}
#tratamientos .boxwebright li{background-color: var(--color3);}
.boxwebright li::before, .boxwebright li::after {
content: "";
border: 15px solid var(--color4);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
box-sizing: border-box;
}
.boxwebright li::before {
border: 16px solid #FFF;
}
#tratamientos .boxwebright li::after{border: 15px solid var(--color3);}
.boxwebright a {
font: 500 24px/26px "Lora", serif;
display: block;
color: #FFF;
margin-bottom: 10px;
position: relative;
z-index: 10;
}
.boxwebright a:hover{text-decoration: none;}
.boxwebright li br {
display: none;
}
#botones {
background-color: var(--color2);
padding: 100px 0;
}
#botones ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#botones li {
padding: 10px 2%;
}
#botones li a {font-size: 20px;line-height: 22px;color: #FFF;border: 2px solid #FFF;padding: 15px 40px;display: block;}
#botones li a:hover {
text-decoration: none;
background-color: #FFF;
color: var(--color1);
}
#btnreserva {
background-color: var(--color2);
margin: auto;
position: relative;
z-index: 10;
padding: 80px 20px;
}
#btnreserva a {
background-color: var(--color2);
border: 2px solid #FFF;
font: 20px/22px "Montserrat", sans-serif;
font-weight: 400;
border-radius: 0;
color: #FFF;
padding: 15px 35px;
display: table;
margin: auto;
}
#btnreserva a:hover{background-color: #FFF;color: var(--color2);text-decoration: none;}
#btnreserva a::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 2px;
background-color: #FFF;
z-index: -1;
}
#cuaderno {
position: relative;
}
#cuaderno .parallax-container{
height: 920px;
}
.concuaderno {
max-width: 730px;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: left;
background-color: #FFF;
padding: 100px;
box-sizing: border-box;
}
.concuaderno::before, .concuaderno::after {
content: "";
border: 25px solid #FFF;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
box-sizing: border-box;
}
.concuaderno::before {
border: 26px solid var(--color1);
}
.concuaderno p{
line-height: 36px;
font-weight: 300;
padding-bottom: 15px;
position: relative;
z-index: 10;
}
.concuaderno p:last-child{padding-bottom: 0;}
.concuaderno h2{
font: 700 50px/52px "Lora", serif;
color: var(--color1);
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
z-index: 10;
}
.concuaderno h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 260px;
height: 2px;
background-color: var(--color1);
}
.concuaderno a {
position: relative;
z-index: 10;
font: 400 20px / 22px "Lora", serif;
border: 2px solid var(--color1);
color: var(--color1);
padding: 15px 30px;
display: table;
margin-top: 10px;
}
.concuaderno a:hover {
text-decoration: none;
background-color: var(--color1);
color: #FFF;
}
#especialidades {
padding: 140px 20px;
background-color: var(--color4);
}
#especialidades h2{
font: 700 50px/52px "Lora", serif;
color: #FFF;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
z-index: 10;
text-align: center;
}
#especialidades h2::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100px;
height: 2px;
background-color: var(
--color1);
}
.conespecialidades {
max-width: 940px;
margin: auto;
background: url(https://neuroon.es/wp-content/uploads/n-2.png) no-repeat center #FFF;
padding: 80px 50px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.boxlista {
width: 50%;
padding: 0 40px;
box-sizing: border-box;
}
.boxlista li {
font-size: 16px;
font-weight: 500;
position: relative;
padding: 8px 0 8px 20px;
color: #000;
}
.boxlista li::before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 8px;
height: 8px;
background-color: #222;
border-radius: 50%;
}
.boxlista li a{color: #000;}
.faqshome {width: 100%;padding-bottom: 100px;}
.opiniones .faqshome .accordionweb {max-width: 940px;width: auto;margin: auto;box-shadow: 0 0 10px -3px #d0d0d0;padding: 30px;border-radius: 5px;box-sizing: border-box;}
.opiniones .faqshome div:last-child > p, .opiniones .faqshome div:last-child > .accordion_content {border-bottom-width: 2px;}
.opiniones .faqshome div:last-child > p.active{border-bottom-width: 1px;}
.opiniones {
padding: 130px 20px 115px;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.opiniones h2{
font: 700 50px/52px "Lora", serif;
color: var(--color1);
padding-bottom: 20px;
margin-bottom: 40px;
position: relative;
z-index: 10;
text-align: center;
width: 100%;
}
.opiniones h2::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 250px;
height: 2px;
background-color: var(--color1);
}
.opiniones p{padding-bottom: 15px;width: 100%;}
.opiniones a{color: #000;}
.ti-widget.ti-goog {padding: 20px 0;} footer {
background-color: var(--color1);
padding: 140px 0 130px;
color: #FFF;
}
footer p span {
display: block;
font: 700 20px / 22px "Lora", serif;
padding-bottom: 20px;
}
footer .fleft p strong {display: block;font: 700 20px / 22px "Lora", serif;padding: 20px 0 10px;}
footer p{padding-bottom: 10px;margin: 0;font-size: 14px;line-height: 26px;font-weight: 300;}
footer .container {
display: flex;
flex-wrap: wrap;
}
footer a{color: #FFF;}
footer a:hover{color: #FFF}
.fleft {
width: 26%;
padding: 10px 0;
}
.fleft ul {
display: flex;
}
.fleft li {
padding: 5px;
}
.fleft li img {
max-width: 110px;
height: 60px;
}
.fcenter {
width: 48%;
text-align: center;
padding: 10px 5%;
box-sizing: border-box;
}
.fcenter iframe {
border: 1px solid #FFF !important;
padding: 10px;
width: 100%;
max-width: 400px;
box-sizing: border-box;
}
.fright {
width: 26%;
text-align: right;
padding: 10px 0;
}
.fright ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
padding-top: 10px;
}
.fright li {
font-size: 40px;
padding-left: 25px;
}
.fright li a:hover {
text-decoration: none;
color: var(--color2);
}
.fixedsocial {
position: fixed;
right: -90px;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
border: 1px solid #FFF;
z-index: 100;
}
.fixedsocial:hover {
right: 0;
}
.fixedsocial li a {
display: block;
font-size: 15px;
line-height: 17px;
padding: 10px;
background-color: #23393f;
}
.fixedsocial li i {
width: 30px;
font-size: 21px;
text-align: center;
margin-right: 5px;
}
.fixedsocial li a:hover {text-decoration: none;background-color: rgb(35 57 63 / 80%);}
.mfooter {width: 100%;padding-top: 30px;}
.mfooter ul {display: flex;justify-content: center;}
.mfooter ul li {padding: 0 15px;font-size: 15px;border-right: 1px solid;}
.mfooter ul li:last-child {border: none;}
.mfooter ul li a {font-weight: 400;}
.mfooter ul li a:hover {color: var(--color2);text-decoration: none;}
.accordionweb {border-bottom: 1px solid #e2e2e2;margin-bottom: 20px;}
.single .accordionweb{margin-bottom: 20px;clear: both;}
.accordion_title {color: #222;padding: 15px 35px 15px 15px;margin:0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;font-weight: 300;font-size: 17px;position: relative;cursor: pointer;text-align: left;transition: .3s;box-sizing: border-box;}
.single .accordion_title{font-size: 20px;font-weight: 500;}
.accordionweb div:nth-child(1) .accordion_title {border-top: none;}
.accordion_title:hover {background-color: var(--color2);border-color: #a1a1a1}
.accordion_title.active {background-color: var(--color4);border-color: var(--color1);color: #FFF;}
.accordion_title:before {font-family: "Font Awesome 5 Free";font-size: 14px;font-weight: 600;right: 15px;top: 50%;transform: translateY(-50%);position: absolute;content: "\f067"}
.accordion_title.fa-plus.active:before {content: "\f068"}
.accordion_title.fa-plus.active + .accordion_content {border-bottom: 1px solid #ebebeb;}
.accordion_content {display: none;padding: 25px 15px 15px;text-align: left;}
.single .accordion_content{padding-bottom: 5px;}
.opiniones .accordionweb {width: 50%;margin: 0 20px;}
span.stars {display: block;font-size: 12px;padding-bottom: 5px;color: var(--color1);}
span.stars i {margin-right: 2px;}
.opiniones .accordion_content p {font-size: 17px;padding-bottom: 10px;font-weight: 300;line-height: 28px;}
.opiniones .accordion_content p:nth-child(2) {border-bottom: 1px dashed #ebebeb;margin-bottom: 10px;display: table;}
.opiniones .accordion_content p em {font-size: 14px;font-style: normal;}
.opiniones iframe {margin: 0 20px;}
.opiniones .accordion_title{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.opiniones .accordion_title span{
font-size: 11px;
color: #067360;
background-color: #e0f7f4;
padding: 2px 5px;
border-radius: 3px;
text-transform: uppercase;
font-weight: 600;
}
.opiniones .accordion_title span i{margin-left: 5px}
.woocommerce input, .woocommerce select, .woocommerce textarea {
padding: 14px 14px 12px;
border: 1px solid #DDD;
border-radius: 5px;
}
.content .summary .price {
font-size: 50px;
font-weight: 500;
color: var(--color1);
padding-bottom: 25px;
}
ul.products .price {
font-size: 30px !important;
color: var(--color1);
}
.woocommerce-cart-form__cart-item.cart_item .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
height: 35px;
width: 45px;
}
.qib-button{cursor: pointer;}
.summary .qib-button {
width: 40px !important;
}
.woocommerce-cart-form__cart-item.cart_item .qib-button:not(#qib_id):not(#qib_id) {
height: 35px;
}
input#coupon_code {width: 100px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
background: var(--color2) !important;
transition: 0.3s;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt{
background: var(--color4) !important;
transition: 0.3s;
padding: 20px 40px;
font-weight: 500 !important;
border-radius: 25px;
}
.woocommerce a:hover{text-decoration: none;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
background: var(--color4) !important;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover{background: var(--color3) !important;}
.woocommerce-message, .woocommerce-info {
border-top-color: var(--color2) !important;
}
.woocommerce-message::before, .woocommerce-info::before {
color: var(--color2) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
background: var(--color2) !important;
color: #FFF !important;
font-weight: 400 !important;
padding: 12px 35px;
border-radius: 50px;
border: none;
cursor: pointer;
}
.woocommerce div.product form.cart .button {
display: block;
background: var(--color2) !important;
}
.woocommerce div.product form.cart div.quantity {
float: none;
padding-bottom: 20px;
}
.woocommerce div.product form.cart .button:hover {
background: var(--color4) !important;
}
textarea#order_comments {
min-height: 300px;
}
span.select2-selection.select2-selection--single {
height: 38px;
border-color: #DDD;
}
.select2-selection__rendered {
line-height: 36px !important;
}
#customer_details {
padding-bottom: 40px;
}
#payment ul {
margin: 0;
}
#payment li {
list-style: none;
}
.cat {
display: flex;
flex-wrap: wrap;
}
.cat.relacionados{padding: 40px 10px 60px;border-top: 1px solid #DDD;}
.cat h1{text-align:center;padding-bottom: 30px;}
.cat h1, .cat h2{width: 100%;}
.cat .item {
width: 31.3333%;
margin: 0 1%;
padding: 15px;
position: relative;
box-sizing: border-box;
box-shadow: 0 0 10px -3px #b7b7b7;
background-color: #FFF;
}
.cat .imgbox {
position: relative;
line-height: 0;
overflow: hidden;
background-color: #000;
}
.cat .imgbox img {
transition: 0.3s;
width: 100%;
}
.cat .item:hover .imgbox img {
opacity: 0.5;
}
.cat .item h2, .relacionados .item h3{
padding: 15px 0;
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.cat.relacionados h2{width: 100%;padding: 0 15px 10px;font-size: 38px;}
.cat.relacionados h2 strong{
color: var(--color2);
}
.cat .item h2 a:hover, .relacionados .item h3 a:hover{text-decoration: none;}
.cat .item p, .relacionados .item p{
font-size: 16px;
line-height: 30px;
padding-bottom: 55px;
}
.cat .item .detalles, .relacionados .item .detalles{
font-size: 17px;
text-align: right;
position: absolute;
right: 15px;
bottom: 15px;
}
.cat .item .detalles a, .relacionados .item .detalles a{
display: inline-block;
border: 1px solid #a9a9a9;
padding: 5px 20px;
border-radius: 50px;
}
.cat .item .detalles a:hover, .relacionados .item .detalles a:hover{
text-decoration: none;
border-color: #007da9;
}
.content #ez-toc-container {margin: 30px 0 50px;}
div#ez-toc-container ul li {padding: 5px;}
.joinchat__button__image {opacity: 1 !important;top: -66px !important;height: 58px;}
#result {
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.content .responsive-tabs-wrapper{padding-bottom: 40px}
.content .responsive-tabs ul.responsive-tabs__list {margin: 20px 0 0;}
.content .responsive-tabs .responsive-tabs__list__item {background-color: #429d6e;color: #FFF;border: none;border-radius: 5px;padding: 18px !important;margin-bottom: 10px;transition: 0.3s;top: 0 !important;}
.content .responsive-tabs .responsive-tabs__list__item:nth-child(2) {background-color: #4783a8;}
.content .responsive-tabs .responsive-tabs__list__item:hover {background-color: #0db85f;color: #FFF;}
.content .responsive-tabs .responsive-tabs__list__item:nth-child(2):hover {background-color: #1889ce;}
.content .responsive-tabs .responsive-tabs__heading{background-color: #429d6e !important;color: #FFF !important;padding: 15px 45px 15px 15px;border: none;margin: 5px 0;font-size: 17px;line-height: 25px;text-align: center;border-radius: 5px;}
.escrito {
display: flex;
align-items: center;
border-top: 1px solid var(--color2);
margin-top: 60px;
padding-top: 20px;
}
.esleft {
width: 250px;
padding: 0 50px 10px 0;
border-right: 10px solid var(--color2);
box-sizing: border-box;
}
.esleft img {
border-radius: 50%;
display: table;
margin: auto auto 10px;
}
.esleft p {
text-align: center;
padding: 10px 0;
}
.esright {
width: 100%;
padding-left: 50px;
box-sizing: border-box;
}
.content .escrito p.wp-caption-text {
font-weight: 700;
font-size: 14px;
}
.content .esright p {
padding: 10px 0;
font-size: 15px;
}
.breadcrumbs {
font-size: 15px;
padding: 30px 10px;
text-align: center;
border-bottom: 1px solid #f5f5f5;
}
.breadcrumbs a {
text-decoration: none;
color: #444;
font-weight: 300;
}
.breadcrumbs a:hover {
text-decoration: none;
color: var(--color2);
}
.breadcrumbs .current {
font-weight: 400;
color: #000;
}
.breadcrumbs span{display: inline-block; margin: 0 5px;}
@media(max-width:1366px){
body {font-size: 17px;}
.container{max-width: 1040px;}
header{padding: 20px 30px;}
.logo{max-width: 180px;}
#menu ul li {padding: 0 15px}
#menu ul li a {font-size: 14px;}
.imgcon h1 {font-size: 60px;line-height: 60px;}
.imgcon li {font-size: 22px;}
.content p, .content li {line-height: 34px;}
.content.home article p em, .boxwebleft em {font-size: 26px;line-height: 24px;}
.content.home p:first-child {font-size: 54px;line-height: 56px;}
.boxwebleft {width: 42%;padding-right: 8%;}
#imgprin.imgdest .parallax-container{height: 550px;}
#imgprin.imgdest .parallax-image {background-size: 140%;}
#metodologia p, #doctora p {font-size: 17px;line-height: 34px;}
#videos .container {padding: 55px 20px;}
#videos p:last-child {font-size: 21px;}
.boxwebleft p {line-height: 34px;}
#imgprin h1, #metodologia h2, #doctora h2, .conslider h2, .concuaderno h2, #especialidades h2, .opiniones h2 {font-size: 44px;line-height: 50px;}
.boxwebleft h2{font-size: 44px;line-height: 46px;}
.concuaderno p {line-height: 34px;}
.content h1 {font-size: 40px;}
.content h2 {font-size: 30px;line-height: 36px;}
.content h3 {font-size: 25px;line-height: 30px;}
.fleft .textwidget > p img {max-width: 80px;}
}
@media(max-width: 1280px){
header {padding: 25px;}
.logo {max-width: 218px;}
#menu ul li a {font-size: 14px;}
#menu ul li {padding: 0 12px;}
.boxcita{padding: 8px 12px;}
}
@media(max-width: 1200px){
.bloque1::before, .bloque2::before, .bloque3::before {
width: 22px;
left: -20px;
margin: 0;
}
.bloque1::after, .bloque2::after, .bloque3::after {
width: 22px;
right: -20px;
margin: 0;
}
}
@media(max-width: 768px){
.alignleft, .alignright{display: block;margin: auto auto 10px;float: none !important;text-align: center;display: table;}
body {font-size: 15px;}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {padding-top: 0 !important;}
.mob-menu-header-holder {background: #FFF !important;height: 32px !important;right: 10px !important;top: 31px !important;width: 42px !important;border-radius: 10px;}
.mobmenul-container {top: 2px !important;margin: 0 !important;height: initial !important;}
.mob-menu-logo-holder{display: none !important;}
.mobmenul-container i{color: #222 !important;}
header {
padding: 20px;
justify-content: center;
}
.idiomas {position: absolute;left: 15px;top: 30px;}
.idiomas p {display: none;}
.idiomas ul {display: block;}
.idiomas li {margin: 10px;}
.logo {
width: 180px;
background-color: #FFF;
padding: 0 10px;
border-radius: 3px;
}
header .boxcita {display: none;}
.imgcon p {font-size: 14px;line-height: 20px;font-weight: 300;}
.imgcon h1 {font-size: 35px;line-height: 38px;}
.imgcon li {font-size: 16px;}
.content h1{font-size: 40px;}
.content p, .content li {line-height: 26px;}
.content h2{font-size: 28px;line-height: 34px;}
.content h3{font-size: 24px;line-height: 30px;}
.content h4{font-size: 20px;line-height: 26px;}
.content.home article p em, .boxwebleft em {font-size: 22px;line-height: 20px;}
.content.home p:first-child {font-size: 36px;line-height: 38px;}
#imgprin.imgdest .parallax-container{height: 450px;}
#imgprin.imgdest .parallax-image {background-size: 150%;}
#metodologia p, #doctora p {font-size: 15px;line-height: 28px;}
#videos .container {padding: 45px 20px;}
#videos p:last-child {font-size: 18px;}
.boxwebleft p {line-height: 28px;}
#imgprin h1, #metodologia h2, #doctora h2, .conslider h2, .concuaderno h2, #especialidades h2, .opiniones h2 {font-size: 36px;line-height: 42px;}
.boxwebleft h2{font-size: 36px;line-height: 38px;}
.concuaderno p {line-height: 28px;padding-bottom: 10px;}
.parallax-container {
height: 480px;
}
.parallax-image {
background-size: 130%;
}
.content.home article {padding: 100px 0 85px;}
.boxteam{flex-direction: column-reverse;padding-top: 20px;}
.boxteamleft, .boxteamright{
width: 100%;
padding: 0;
position: relative;
top: 0;
}
.content .boxteamright p{
text-align: left;
}
#metodologia  {
padding: 100px 0;
}
#doctora .parallax-container {
height: 400px;
}
#doctora .parallax-image {background-size: 200%;background-position-x: 23% !important;}
#doctora .condoctora {
width: 60%;
}
#doctora p {
max-height: 168px;
overflow: scroll;
}
#servicios .container, #tratamientos .container, #especialidades {
padding: 100px 20px;
}
.boxwebleft {
padding-right: 5%;
}
.boxwebright {
width: 55%;
}
.boxwebright li{margin-bottom: 40px;}
.boxwebright a {
font-size: 20px;
line-height: 22px;
}
#tratamientos .boxwebright li {
font-size: 13px;
line-height: 22px;
}
#slider .parallax-container {
height: 480px;
}
#slider .parallax-image{
background-size: 200%;
}
.conslider p a {
padding: 10px 75px 10px 40px;
}
#imgprin.imgdest .parallax-container{height: 300px;}
#imgprin.imgdest .parallax-image {background-size: 180%;}
#slider .owl-dots {
bottom: 25px;
}
#cuaderno .parallax-container {
height: 800px;
}
#cuaderno .parallax-image {
background-size: 200%;
}
.concuaderno {
padding: 50px;
width: 92%;
}
.conespecialidades {
padding: 40px 20px;
}
.boxlista {
padding: 0 20px;
}
.boxlista li {
font-size: 14px;
}
.opiniones {
padding: 90px 20px 75px;
}
footer {
padding: 90px 0 80px;
}
.fleft {
width: 100%;
padding: 20px 0;
text-align: center;
}
.fleft img {
max-width: 70px;
}
.fcenter {
width: 100%;
padding: 10px 0;
}
.fright {
width: 100%;
text-align: center;
}
.fleft ul, .fright ul {
justify-content: center;
}
.fright li {
padding: 0 12px;
}
.boxpaso {
margin: 0 !important;
padding: 0 !important;
border: none !important;
width: 100%;
}
.boxservicio{padding: 20px 0 10px 40px;}
.cat .item{ width: 50%;}
.cky-revisit-bottom-left {bottom: 60px !important;}
.content .responsive-tabs .responsive-tabs__panel{display: none;border: none;padding: 20px 0 0;}
.content #tablist1-panel1 + .responsive-tabs__heading{background-color: #4783a8 !important;}
.content .responsive-tabs-wrapper {border: none;}
.content .responsive-tabs .responsive-tabs__heading:after {
border-bottom: 0 !important;
border-top: 8px solid #FFF !important;
top: 50% !important;
margin-top: -4px;
}
}
@media(max-width:480px){
.breadcrumbs{display: none;}
.parallax-container {
height: 240px;
}
.parallax-image {
background-size: 160%;
}
.imgcon h1 {
font-size: 26px;
line-height: 30px;
padding-bottom: 15px;
}
.imgcon ul{padding-bottom: 15px; margin-bottom: 10px;}
.imgcon li {
font-size: 13px;
padding: 0 10px;
}
.imgcon li::after {
width: 4px;
height: 4px;
right: -2px;
}
.content.home article {
padding: 60px 0 45px;
}
.content h1{font-size: 34px;}
.content h2{font-size: 24px;line-height: 30px;}
.content h3{font-size: 20px;line-height: 26px;}
.content h4{font-size: 18px;line-height: 24px;}
.bloque1, .bloque2, .bloque3 {
padding: 30px 0 10px;
margin: 10px 0 30px;
}
.equipoleft, .equiporight, .imginstalacion, .coninstalacion {width: 100%;position: relative;padding: 0;}
.equipoleft{padding-bottom: 10px;}
.boxinstalacion{
padding-top: 50px;
margin-top: 25px;
}
.imginstalacion {padding-bottom: 25px;}
.boxservicio {
padding-left: 20px;
margin-bottom: 40px;
flex-wrap: wrap-reverse;
}
.bsc {width: 100%;padding: 0;}
.bsi {width: 100%;}
.boxservicio::before{
width: 18px;
height: 18px;
left: -10px;
}
.boxservicio:first-child {
margin-top: 20px;
}
.boxservicio:last-child {
margin-bottom: 25px;
}
#metodologia {
padding: 60px 0;
}
#doctora .parallax-container {
height: 480px;
}
#doctora .parallax-image {
background-size: 270%;
background-position-x: 22% !important;
}
#doctora .condoctora {
width: 100%;
right: 0;
padding: 20px;
box-sizing: border-box;
}
#doctora p {
max-height: 148px;
}
#imgprin.imgdest .parallax-image{
background-size: 210%;
}
.imgcon{
padding: 10px;
}
#metodologia h2, #doctora h2, #especialidades h2, .opiniones h2 {font-size: 30px;line-height: 36px;}
#imgprin h1{font-size: 18px;line-height: 26px;padding: 10px 0;}
.boxwebleft h2{font-size: 30px;line-height: 32px;}
.conslider h2{
font-size: 26px;
line-height: 28px;
}
#videos p {
width: 100%;
}
#videos iframe{height: 220px;}
#servicios .container, #tratamientos .container, #especialidades {
padding: 60px 20px;
}
.boxwebleft {
width: 100%;
padding: 0 0 20px;
top: 0;
position: initial;
}
.boxwebright {
width: 100%;
}
.boxwebright li{margin-bottom: 20px;}
#botones {
padding: 40px 0;
}
#botones li {
width: 75%;
text-align: center;
}
#slider .parallax-image{background-size: 280%;}
.conslider p a {
font-size: 14px;
padding: 8px 70px 7px 35px;
}
#slider .owl-dots {
bottom: 15px;
}
#slider .owl-dots div {
width: 12px;
height: 12px;
}
.concuaderno p img {
max-width: 29px;
}
.concuaderno a {
padding: 10px 20px;
font-size: 16px;
line-height: 19px;
border-width: 1px;
margin-top: 2px;
}
.concuaderno {
padding: 25px;
width: 92%;
}
.concuaderno::before, .concuaderno::after {
border-width: 10px;
}
.concuaderno::before {
border-width: 11px;
}
.concuaderno p{font-size: 14px;line-height: 26px;}
.concuaderno h2{
font-size: 25px;
line-height: 31px;
padding-bottom: 11px;
margin-bottom: 10px;
}
#cuaderno .parallax-container {
height: 700px;
}
#cuaderno .parallax-image {background-size: 270%;}
.boxlista {
width: 100%;
padding: 0 10px;
}
.conespecialidades {
padding: 20px;
}
.opiniones .faqshome .accordionweb{padding: 10px;}
.opiniones {
padding: 50px 20px 35px;
}
.opiniones .accordionweb {
width: 100%;
margin: 0 0 20px;
}
footer {
padding: 60px 0 5px;
}
.cat .item{width: 100%;margin: 5px 0;}
.content #mapa iframe{height: 400px}
.fixedsocial {
top: inherit;
transform: none;
bottom: 0;
left: 0;
right: 0;
border: none;
width: 100%;
}
.fixedsocial ul {
display: flex;
align-items: center;
box-shadow: 0 0 5px -2px #555;
}
.fixedsocial li a {
font-size: 0;
text-align: center;
padding: 15px;
line-height: 0;
background-color: #FFF;
color: #23393f;
}
.fixedsocial li {
width: 100%;
}
.fixedsocial li a:hover {
background-color: #c29e59;
}
.action {display: block;text-align: center;padding: 20px;margin: 20px 0 50px;}
.bloque1+.action,.bloque2+.action,.bloque3+.action{margin: 50px 0;}
.action a, .action span {margin: 20px auto auto;}
.action p strong {font-size: 25px;line-height: 32px;margin-bottom: 20px;}
.boxestilo{width: 100%;clip-path: none;padding: 30px;}
.mfooter {padding: 10px 0 70px;}
.mfooter ul {display: block;text-align: center;}
.mfooter ul li {border-bottom: 1px dashed var(--color3);border-right: none;padding: 13px 0;font-size: 14px;}
.escrito {
display: block;
margin-top: 30px;
padding: 5px 0 20px;
}
.esleft {
border: none;
border-bottom: 1px solid #66A4AA;
width: 100%;
padding: 0 0 20px;
margin-bottom: 10px;
}
.esright {
padding: 0;
}
}
@media(max-width: 400px){
.imgcon ul {
padding-bottom: 12px;
margin-bottom: 8px;
}
.imgcon li {
font-size: 10px;
padding: 0 5px;
}
.imgcon li::after {
width: 2px;
height: 2px;
right: -1px;
}
.content td{display: block;}
.content td:nth-child(1){padding-bottom: 0;}
.content td:nth-child(2){padding-top: 0;}
}