html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
line-height: 1.8em;
scroll-behavior: smooth;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body { line-height: 1; font-family: 'Opens Sans', sans-serif; padding: 0 !important; overflow-x: hidden;} 
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html {overflow-x: hidden;} strong {font-weight: 700; line-height: 1em;}
.text-center {text-align: center;}
* { margin: 0; padding: 0; list-style: none; -webkit-font-smoothing: antialiased;}
i {
font-style: italic;
}
.cookie-comprimida {
padding: 0;
background: #F1F1F1;
margin: 15px 0;
font-size: 16px;
} section.wp-block-group .wp-block-group__inner-container, header.wp-block-group .wp-block-group__inner-container{
margin-left: auto !important;
margin-right: auto !important;
} :root{
--main-color : #5BC4BF;
--main-color-hover : #2E6260;
--accent-color: #5BC4BF;
--accent-color-hover: #2E6260;
--white: #ffff;
--black-color: #000000;
--light-color: #F3F3F3;
--grey-color: #F6F6F6; 
--dark-grey-color: #A29F9F; 
--fondo-gris: #F6F6F6;
--space-hero: 140px;
--space-extra: 30px;
--space-big: 45px;
--space-medium: 30px;
--space-normal: 16px;
--space-small: 7px;
--f-small: 14px;
--f-medium: 17px;
--f-normal: 20px;
--f-big: 28px;
--f-main-title: 50px;
--f-section-title: 44px;
--f-sub-title: 32px;
--lh-normal: 1.4em;
--lh-small: 1.3em;
--lh-title: 1.2em;
} header.wp-block-group {
padding-top: var(--space-extra);
padding-bottom: 0;
padding-left: var(--space-normal);
padding-right: var(--space-normal);
position: relative;
overflow: hidden;
}
.s-gr-towhite {
background: var(--gr-to-white);
}
.s-white {
background: white;
}
.s-primary {
background: var(--main-color-hover);
color: white;
}
.s-primary h1,
.s-primary h2,
.s-primary h3 {
color: white;
}
.s-primary .wp-block-group__inner-container::before,
.s-primary .wp-block-group__inner-container::after {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 0;
height: 0;
border-style: solid;
filter: blur(10px);
}
.s-primary .wp-block-group__inner-container::before {
border-width: 0 30px 52px 30px;
border-color: transparent transparent var(--main-color) transparent;
transform: rotate(40deg);
top: 0%;
left: 25%;
}
.s-primary .wp-block-group__inner-container::after {
border-width: 0 60px 103.9px 60px;
border-color: transparent transparent white transparent;
transform: rotate(-20deg);
top: 8%;
right: 25%;
opacity: 0.5;
}
.page-header h1{
color: var(--main-color-hover);
font-size: var(--f-main-title);
}
.s-cta {
padding-bottom: 0 !important;
}
.s-cta .wp-block-columns {
margin-bottom: 0;
}
.s-cta .wp-block-image figure {
margin-bottom: 0;
}
.s-cta .wp-block-group__inner-container::after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: -5%;
z-index: 2;
width: 250px;
height: 220px;
background: url(//stopyrespira.es/wp-content/themes/stopyrespira/img/sticker-04.svg) no-repeat center center;
background-size: contain;
filter: blur(20px);
}
.s-gr-towhite::after {
content: "";
display: block;
width: 492px;
height: 551px;
position: absolute;
bottom: 0;
right: 0;
background: url(//stopyrespira.es/wp-content/themes/stopyrespira/img/bg-towhite.svg) no-repeat center center;
background-size: contain;
}
.s-products .wp-block-group__inner-container::before,
.s-products .wp-block-group__inner-container::after {
content: "";
display: block;
position: absolute;
}
.s-products .wp-block-group__inner-container::before {
width: 340px;
height: 253px;
background: url(//stopyrespira.es/wp-content/themes/stopyrespira/img/sticker-03.svg) no-repeat center center;
background-size: contain;
bottom: -25%;
left: -15%;
z-index: -1;
}
.s-products .wp-block-group__inner-container::after {
width: 60px;
height: 71px;
background: url(//stopyrespira.es/wp-content/themes/stopyrespira/img/sticker-02.svg) no-repeat center center;
background-size: contain;
top: -10%;
right: -1%;
z-index: 2;
}
.s-products h6 {
margin-bottom: var(--space-medium);
}
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container {
width: 100%;
position: relative;
z-index: 2;
}
@media (min-width: 576px) {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container {
max-width: 540px;
}
.subtitulo-principal{
font-size: 40px;
line-height: 40px;
}
}
@media (min-width: 768px) {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container {
max-width: 720px;
}
.subtitulo-principal{
font-size: 80px;
line-height: 80px;
font-family: 'Bebas Neue', sans-serif;
letter-spacing: 0.02em;
font-weight: 400;
}
}
@media (min-width: 992px) {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container {
max-width: 968px;
}
}
@media (min-width: 1200px) {
section.wp-block-group .wp-block-group__inner-container {
max-width: 1140px;
}
}
@media section.wp-block-group .wp-block-group__inner-container, header.wp-block-group .wp-block-group__inner-container {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container {
max-width: 1320px;
}
}
.wp-block-cover {
border-radius: var(--br-normal);
overflow: hidden;
margin-bottom: var(--space-normal);
min-height: inherit !important;
}
.wp-block-cover .has-background-dim {
opacity: 0;
}
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: var(--main-color-hover);
}
.wp-block-cover .wp-block-quote .has-medium-font-size {
font-size: var(--f-normal) !important;
font-weight: 700;
}
.wp-block-cover .wp-block-quote cite {
font-size: var(--f-medium);
} .bree{
font-family: 'Bree Chiquita Rg';
}
.sans{
font-family: 'Open Sans';
}
.mt-10{
margin-top: 60px;
}
.mb-10{
margin-bottom: 60px;
}
.titulo-normal{
font-size: 50px;
margin-bottom: 20px;
}
.titulo-blanco{
position: relative;
}
.titulo-blanco::before,
.titulo-blanco::after {
content: '';
display: block;
position: absolute;
top: 23%;
width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat;
}
.titulo-blanco::before {
left: 17px; background-image: url(//stopyrespira.es/wp-content/uploads/stop.png); }
.titulo-blanco::after {
right: 17px; background-image: url(//stopyrespira.es/wp-content/uploads/respira.png); }
.subtitulo{
font-size: 28px;
line-height: 40px;
}
.verde{
color: var(--accent-color);
}
.negro{
color: var(--black-color);
}
.gris{
color: #666666;
}
.inicio #field_1_11 label.gfield_label.gform-field-label{
display: none;
}
.imagen-bordes img{
border-radius: 30px!important;
}
.formulario-container p{
font-size: 25px;
margin-bottom: -15px;
font-family: 'Bree Chiquita Rg';
color: var(--black-color);
margin-top: 50px;
}
.texto-destacado{
font-size: 20px;
line-height: 34px;
}
.texto-normal{
font-size: 18px;
}
.texto-grande{
font-size: 21px;
}
.texto-mini{
font-size: 14px;
}
.fondo-verde{
padding: 30px 40px 30px 40px;
border-radius: 40px;
max-width: 1200px;
margin-bottom: 180px;
}
.fondo-verde p{
line-height: 24px;
}
.fondo-gris{
background-color: var(--fondo-gris);
}
.fondo-degradado {
background-image: linear-gradient(to bottom, #EBF5F5, #F5FAFA, #f6f9fc, #fbfcfe, #ffffff);
border-radius: 80px;
}
.p-10{
padding-top: 80px;
padding-bottom: 80px;
}
div#content .politica-cookie a.ver-cookie[aria-expanded="false"] .arrow.down {
transform: rotate(-135deg);
left: calc(100% + 15px);
top: calc(50% - 7px);
transition: .5s;
}
div#content .politica-cookie a.ver-cookie[aria-expanded="true"] .arrow.down {
transform: rotate(45deg);
left: calc(100% + 15px);
top: calc(50% + -1px);
}
div#content .politica-cookie a {position: relative;}
.arrow {
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background: transparent;
text-indent: -9999px;
border-top: 2px solid #505050;
border-left: 2px solid #505050;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
}
div#content .politica-cookie .cookie-comprimida {
padding: 15px;
}
div#content .politica-cookie .info {
margin-top: 15px;
}
div#content .politica-cookie .card.card-body.container {
padding: 15px;
}
a {
text-decoration: none;
color: var(--main-color);
line-height: 1em;
}
#formulario1 {
margin-top: -70px;
position: absolute;
}
a:hover {
text-decoration: none;
color: var(--main-color-hover);
} 
.cta {
text-align: center;
display: inline-block;
font-size: 1.5rem;
color: var(--accent-color);
}
.wp-block-button__link{
color: white !important;
font-size: 18px;
padding: 20px 40px;
text-align: center;
border-radius: 20px;
display: inline-block;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px;
background: linear-gradient(15deg, #2E6260, #397976, #459491, #4FAAA6, #4FAAA6, #4FAAA6, #459491, #397976, #2E6260) no-repeat;
transition: background .3s ease;
background-position: left center;
}
.cta-button {
color: white !important;
font-size: 18px;
padding: 20px 40px;
text-align: center;
border-radius: 20px;
display: inline-block;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px;
background: linear-gradient(15deg, #2E6260, #397976, #459491, #4FAAA6, #4FAAA6, #4FAAA6, #459491, #397976, #2E6260) no-repeat;
transition: background .3s ease;
background-position: left center;
}
header#masthead ul.nav-link li.cta-button a{
padding: 17px 31px!important;
}
.boton-blanco .wp-block-button__link{
color: white !important;
border-color: #ffffff!important;
background: unset!important;
border: solid 2px;
}
.boton {
margin-top: 30px;
display: inline-block;
}
.cta-button:hover, .cta-button:active {
background-size: 320%;
background-position: right center;
text-shadow: 1px 1px rgb(0 0 0 / 30%);
}
.wp-block-button__link:hover, .wp-block-button__link:active{
background-size: 320%;
background-position: right center;
text-shadow: 1px 1px rgb(0 0 0 / 30%);
}
.boton-blanco .wp-block-button__link:hover, .boton-blanco .wp-block-button__link:active{
color: var(--accent-color)!important;
border-color: #ffffff!important;
background: #ffff!important;
border: solid 2px;
text-shadow: none;
}
.centrado-verticalmente {
display: flex;
flex-direction: column;
justify-content: center;
}
p{margin-bottom: 1em;}
h1, h2, h3, h4, h5 {font-family: 'Bree Chiquita Rg', sans-serif !important;}
h1, .h1{
font-size: 2.2rem;
font-weight: 700;
line-height: 120%;
}
h2, .h2{
font-size: 1.8rem;
line-height: 120%;
font-weight: 700;
}
h3, .h3{
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 0.5em;
line-height: 100%;
}
h4, .h4{
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 0.5em;
line-height: 100%;
}
h5, .h5{
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0.5em;
line-height: 100%;
color: var(--main-color);
}
img {
max-width: 100%;
}
.icono-lista {
padding-left: 30px;
}
.icono-lista li {
display: flex;
justify-content: flex-start;
align-items: center;
}
.icono-lista li p {
margin: 0;
}
.icono-lista li i {
margin-right: 15px;
}
.custom-list li{
background-image: url(//stopyrespira.es/wp-content/uploads/lista-x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: left center;
padding-left: 30px;
margin-bottom: 10px;
line-height: 1.5;
font-weight: 600;
font-family: 'Bree Chiquita Rg';
}
.custom-list {
list-style: none;
padding: 0;
margin-bottom: 30px;
margin-top: -16px;	
}
.custom-list2 li{
background-image: url(//stopyrespira.es/wp-content/uploads/lista.png);
background-repeat: no-repeat;
padding-left: 30px;
margin-bottom: 10px;
line-height: 1.5;
font-weight: 600;
font-family: 'Bree Chiquita Rg';
}
.custom-list2 {
list-style: none;
padding: 0;
margin-bottom: 30px;
margin-top: -12px;
}
.custom-list3 li{
background-image: url(//stopyrespira.es/wp-content/uploads/lista.png);
background-repeat: no-repeat;
padding-left: 30px;
margin-bottom: 10px;
line-height: 1.5;
font-weight: 400;
font-family: 'Bree Chiquita Rg';
}
.custom-list3 {
list-style: none;
padding: 0;
margin-bottom: 30px;
margin-top: -12px;
} .borde-izquierdo{
border-left: 2px solid #707070;
padding-left: 27px;
}
section.wp-block-group {
padding-top: 125px;
padding-bottom: 125px;
padding-left: var(--space-normal);
padding-right: var(--space-normal);
position: relative;
overflow: hidden;
}
div.texto-imagen-repeater{
padding-top: 60px;
padding-bottom: 60px;
padding-left: var(--space-normal);
padding-right: var(--space-normal);
position: relative;
overflow: hidden;
}
header.wp-block-group {
padding-top: var(--space-extra);
padding-bottom: 0;
padding-left: var(--space-normal);
padding-right: var(--space-normal);
position: relative;
overflow: hidden;
} header {
background: transparent;
padding: 0;
width: 100%;
z-index: 99;
}
header.scroll,
header.scroll-fijo {
background: white;
}
.sub-menu a{
color: var(--black);
text-shadow: -1px 1px 2px rgb(51 51 51 / 2%);
}
header a {
color: var(--white);
font-size: 15px;
font-weight: 600;
}
header .cta-button a {
text-shadow: 0 0 0;
}
header .cta-button a:hover {
text-shadow: 0 0 0;
color: var(--white);
}
header a:hover {
color: var(--accent-color);
}
header.scroll a,
header.scroll-fijo a {
color: var(--black);
text-shadow: 0 0 0;
}
header.scroll a:hover,
header.scroll-fijo a:hover {
color: var(--accent-color);
}
header.scroll .cta-button a:hover,
header.scroll-fijo .cta-button a:hover {
color: var(--white);
}
header .cta-button a {color:  var(--white);}
header#masthead ul.nav-link li.cta-button {
margin-left: 20px;
padding: 0;
}
header .site-branding {
padding: 12px 0;
transition: 0.5s;
}
header#masthead {
position: fixed;
top: 0;
transition: 0.5s;
}
header#masthead.scroll,
header#masthead.scroll-fijo{
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
}
header#masthead .flex-header {
display: flex;
justify-content: space-between;
align-items: center;
}
nav#site-navigation,
nav#site-navigation > * {
flex-grow: 1;
}
header#masthead ul.nav-link {
display: flex;
justify-content: flex-end;
}
header#masthead ul.nav-link li a {
padding: 15px 25px;
display: block;
}
img.logo-img{
max-height: 80px;
width: auto;
transition: 0.5s;
padding: 5px;
}
header#masthead.scroll img.logo-img,
header#masthead.scroll-fijo img.logo-img{
max-height: 60px;
padding: 5px;
}
header#masthead .when-scroll {display: none;}
header#masthead.scroll .logo-img{display: none;}
header#masthead.scroll-fijo .logo-img{display: none;}
header#masthead.scroll-fijo .when-scroll {display: block;}
header#masthead.scroll .when-scroll{display: block;}
nav#site-navigation ul.sub-menu {
position: absolute;
background: white;
display: none;
}
nav#site-navigation li > a {
position: relative;
}
header#masthead ul.nav-link li.menu-item-has-children > a {
padding-right: 40px;
}
nav#site-navigation li.menu-item-has-children > a::after {
font-family: "Font Awesome 5";
font-weight: normal;
content: "\f107";
display: inline-block;
margin-left: 5px;
margin-right: 0px;
font-size: 1em;
vertical-align: middle;
transition: ease 0.2s;
}
.current-menu-item a{
color: var(--main-color)!important;
} video#BgVideo{
Z-INDEX: -1;
position: absolute;
min-width: 100%;
object-fit: cover;
height: 100%;
}
section.hero {
background-size: cover!important;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
max-height: 650px;
margin-bottom: 30px;
}
.logo-hero {
max-width: 270px;
margin-bottom: 15px;
}
.overlay {
height: 700px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
color: white;
z-index: 1;
}
.overlay p {
font-family: 'Bree Chiquita Rg';
font-size: 28px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 25px;
}
.hero h1 {
font-size: 50px;
line-height: 100%;
margin-bottom: 15px;
}
.hero h3 {
font-size: 30px;
line-height: 100%;
}
.hero span {
font-size: 45px;
line-height: 50px;
font-family: 'Bree Chiquita Rg';
font-weight: bold;
text-transform: uppercase;
} .slider .carousel-item img {
max-height: 700px;
object-fit: cover;
}
.slider .carousel-caption {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%;
} .contenedores-bullets {
flex: 1 1 220px;
margin-bottom: 15px;
}
.hero-bullets .col-md-4.p-0:first-child .cuadrado {
margin: 0 15px;
}
.cuadrado {
background: white;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
margin-right: 15px;
padding: 15px;
height: 100%;
}
.cuadrado img {
min-height: 73px;
margin-bottom: 15px;
}
.cuadrado p {
min-height: 56px;
}
section.hero-bullets {
margin: 0 auto;
} .servicios{
margin-bottom: 120px;
}
.respira-bien .servicios{
margin-bottom: 0px;
}
.columnas-servicios.columnas-2,
.columnas-servicios.columnas-4, .columnas-servicios.columnas-3 {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap; 
}
.columnas-servicios .servicio {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
padding-bottom: 60px;
}
.columnas-servicios.columnas-2 .servicio {
flex: 1 1 50%;
}
.columnas-servicios.columnas-4 .servicio {
flex: 1 1 25%;
}
.columnas-servicios.columnas-3 .servicio {
flex: 1 1 33%;
}
.columnas-servicios .servicio .caja_blanca {
padding: 60px 30px 30px 30px;
background: white;
box-shadow: 0 3px 20px rgba(0,0,0,.2);
border-radius: 15px;
margin: 0 30px;
height: 100%;
min-height: 430px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.columnas-servicios.columnas-4 .servicio .caja_blanca {
padding: 60px 15px 30px 15px;
}
.servicio img {
margin-bottom: -30px;
z-index: 1;
}
section.boton_cta {
display: flex;
}
.caja_blanca span{
font-size: 24px;
font-weight: 600;
color: var(--black-color);
line-height: 30px;
}
.caja_blanca p{
font-size: 20px;
font-family: 'Bree Chiquita Lt';
font-weight: 200;
line-height: 24px;
color: var(--black-color);
}  section.banner-datos {
width: 100%;
background: var(--light-color);
padding: 30px 0;
}
section.banner-datos h3 {
font-size: 65px;
color: var(--main-color);
text-align: center;
margin: 0;
white-space: nowrap;
}
section.banner-datos h5 {
font-size: 24px;
text-align: center;
color: #444;
} .form-container input,
.form-container textarea,
.form-container select {
border-radius: 5px;
border: 2px solid var(--grey-color) !important;
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-radius: 5px;
border: 2px solid var(--accent-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
color: var(--dark-grey-color);
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.form-container input[type="submit"] {
}
.contacto-home .form-container {
margin-top: 0;
}
.background-main .form-container {
padding: 30px 15px;
}
.form-container input,
.form-container textarea,
.form-container select {
border-radius: 5px;
border: 2px solid var(--grey-color) !important;
}
.background-main .form-container input,
.background-main .form-container textarea {
border-radius: 5px;
border: 2px solid transparent !important;
background: var(--light-color);
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-radius: 5px;
border: 2px solid var(--accent-color) !important;
border-bottom: 2px solid var(--accent-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
color: var(--dark-grey-color);
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container label a {
font-weight: 700;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.form-container input[type="submit"] {
background: linear-gradient(15deg, #2E6260, #397976, #459491, #4FAAA6, #4FAAA6, #4FAAA6, #459491, #397976, #2E6260) no-repeat;
color: white !important;
font-size: 20px !important;
padding: 20px 40px !important;
border-radius: 20px !important;
display: inline-block !important;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px !important;
width: 100% !important;
text-align: center;
}
.form-container input[type="submit"]:hover{
background-size: 320%;
background-position: right center;
text-shadow: 1px 1px rgb(0 0 0 / 30%);
}
.form-container .gform_wrapper h3.gform_title {
font-size: 28px;
text-align: center;
font-weight: 400;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top: 0 !important;
}
.form-container ul.gfield_radio li label {
white-space: nowrap;
}
.form-container .gfield_radio li input[type=radio] {
margin-top: 0px !important;
} .noticias .card {
border: 0;
box-shadow: 0px 3px 6px #7EA5D980;
transition: 0.5s;
cursor: pointer;
}
.noticias .card-body {
padding: 15px;
justify-content: flex-start;
}
.noticias .card-body .excerpt {
max-height: 205px;
overflow: hidden;
}
.noticias .img-container {
height: 100%;
}
.noticias a.read_more.plas {
display: block;
background: var(--main-color);
color: white;
border-radius: 75px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
}
.noticias article.card:hover a.read_more.plas {
background: var(--main-color-hover);
box-shadow: 0px 3px 6px #7EA5D980;
}
.noticias article.card a.read_more.plas i {
transition: 0.5s;
}
.noticias article.card:hover a.read_more.plas i {
font-size: 20px;
line-height: 100%;
}
.noticias article.card:hover {
box-shadow: 0px 0px 3px #7EA5D980;
} .content-wrapper{
margin-bottom: 2em;
}
.contenido-texto {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 15px;
} .inicio .form-container form{
padding-left: 0px!important;
}
.form-container form {
border-radius: 15px;
padding: 25px;
}
.single-productos .form-container {
margin-top: 60px;
}
.background-main .form-container form {
background: transparent;
border: 5px solid transparent;
padding: 0;
}
.background-main .form-container {
top: 0;
}
.ancla-form {
display: inline!important;
}
.form-cabecera form {
text-align: left;
margin-top: 1em;
}
.form-container .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100%;
}
.form-container .gform_wrapper .top_label .gfield_label, .form-container .gform_wrapper legend.gfield_label {
line-height: 2;
}
form label {
width: 100%;
margin-bottom: 0.3em;
}
form input[type="text"],
form input[type="email"],
select {
width: 100%;
padding: 20px 15px 10px 15px !important;
font-size: 16px;
border: 1px solid var(--grey-color);
}
select {
padding: 15px !important;
}
select {-webkit-appearance:none; font-size: 16px;}
form select + .error {
pointer-events: none;
line-height: 14px;
}
.gfield[type=text] label {
position: absolute;
left: 30px;
top: 10px;
transition: 0.5s;
}
.gfield input + .error,
.gfield select + .error {
text-align: right;
padding: 0px 60px;
width: 100%;
font-size: 14px;
}
.gfield input:not(:placeholder-shown) + label,
.gfield input:focus ~ label,
.gfield input:not(:placeholder-shown) + .error ~ label {
white-space: nowrap;
text-overflow: ellipsis;
transform-origin: left bottom;
font-size: 10px;
top: 0px;
left: 30px;
}
.gfield input:focus + label.error {
top: -15px;
left: 0;
padding: 0 20px;
}
.gfield input:not(:placeholder-shown) + label.error,
.gfield input:focus + label.error {
top: 45px;
left: 0;
}
.gfield .form textarea {
width: 100%;
padding: 0.5em 0em;
font-size: 1em;
border: none;
border-bottom: 1px solid #1f1f1f;
font-size: 18px;
}
.gfield input:focus,
.gfield textarea:focus,
.gfield select:focus {
outline: 0px solid transparent;
}
.gfield::placeholder,
.gfield:-ms-input-placeholder {
color: #1D252C;
font-size: 18px!important;
padding: 5px;
}
.gfield .check input[type="checkbox"],
.gfield .check label {
display: inline-block;
width: auto;
}
.gfield .check label {
padding-left: 0.5em;
display: inline;
}
.gfield li.check input:focus {
outline: none;
}
.gfield .wildcard {
font-size: 1em;
padding-left: 3px;
vertical-align: top;
}
.gfield {
padding-bottom: 1rem;
padding-top: 4rem;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
}
.form-group.campo-movil input {
width: 100%;
padding: 15px 15px 0 15px;
border-radius: 5px;
border: 1px solid var(--grey-color);
}
form h3 {
margin-bottom: 25px;
}
label.form-check-label {
margin-right: 15px;
}
.oculto {
display: none;
}
form#contact-form input#aceptocondiciones {
margin-top: 6px;
margin-right: 10px;
}
form#contact-form input.cta-button {
padding: 10px 40px;
width: 100%;
}
.gform_wrapper ul.gform_fields .gfield {
position: relative;
margin-top: 0px!important;
padding-bottom: 20px!important;
}
.body .gform_legacy_markup_wrapper .top_label div.ginput_container{
margin-top: 0px!important;
}
.form-container .gform_wrapper .top_label select.medium {
width: 100%;
line-height: 1;
}
.form-container .gform_wrapper .top_label .gfield_label, .form-container .gform_wrapper legend.gfield_label{
font-size: 15px!important;
font-weight: 500!important;
}
textarea::placeholder{
font-size: 15px!important;
font-weight: 500!important;
}
label#label_1_5_1{
font-family: 'Bree Chiquita Rg';
}
.gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit]{
color: white !important;
font-size: 18px;
padding: 20px 40px;
text-align: center;
border-radius: 20px;
display: inline-block;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px;
background: linear-gradient(15deg, #2E6260, #397976, #459491, #4FAAA6, #4FAAA6, #4FAAA6, #459491, #397976, #2E6260) no-repeat;
transition: background .3s ease;
background-position: left center;
}
.gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit]:hover, .gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit]:active{
background-size: 320%!important;
background-position: right center!important;
text-shadow: 1px 1px rgb(0 0 0 / 30%)!important;
}
.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
margin-top: 0px!important;
}
.page-template-template-contacto .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
background-color: var(--fondo-gris)!important;
border: solid 1px;
color: var(--dark-grey-color);
border-radius: 5px;
}
.page-template-template-contacto .gform_legacy_markup_wrapper textarea.medium{
background-color: var(--fondo-gris);
border: solid 1px;
color: var(--dark-grey-color);
border-radius: 5px;
}
.gform_title{
margin-bottom: 10px;
font-size: 1.6rem!important;
color: var(--black-color);
font-weight: 700;
} .form_box label.error,
#contact-form > ul > li.check > label.error {
color: #c40000;
margin: 5px;
}
.form_box .sms_ok {
font-size: 16px;
line-height: 20px;
font-weight: 400;
padding: 30px 30px 50px 30px;
}
.form_box .sms_ok h5 {
color: #6b737e;
font-weight: 700;
margin-bottom: 15px;
}
.sms_ok .tpv_response_code{
background: #c4e8c4;
padding: 1em 2em;
color: #234423;
font-size: 0.9em;
}
.sms_ko .tpv_response_code{
background: #e8c4c4;
padding: 1em 2em;
color: #981414;
font-size: 0.9em;
} .widget a {
color: var(--dark-grey-color);
font-weight: 700;
white-space: nowrap;
}
.widget a:hover {
color: var(--main-color);
} .blog-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.blog-pagination > * {
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--dark-grey-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 700;
margin-right: 15px;
font-size: 20px;
transition: 0.5s;
}
.blog-pagination > a:hover {
background: var(--main-color);
font-size: 24px;
color: white;
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
}
.blog-pagination > span {
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 700;
margin-right: 15px;
font-size: 22px;
} .thumbnail-single-block img {
object-fit: cover;
min-width: 100%;
min-height: 100%;
display: block;
margin-bottom: 30px;
}  footer a:hover {
text-decoration: none;
color: var(--accent-color-hover);
}
footer p{
font-size: 16px;
color: var(--black-color);
margin-bottom: -3px;
}
footer a{
font-size: 20px;
}
footer .row {
align-items: center;
display: flex;
}
footer img{
width: 70px!important;
}
footer {
background-color: #F6F6F6!important;
font-size: 0.8em;
height: auto;
padding-top: 50px;
padding-bottom: 30px;
color: var(--black-color);
}
footer .main-navigation {
max-height: fit-content;
}
.logo-footer {
text-align: left;
}
.services {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
}
.services img {
width: 50px;
max-width: fit-content;
margin-right: 12px;
}
.enlace-footer {
margin-top: 4px;
margin-bottom: 0em;
font-size: 1.25rem;
line-height: 110%;
font-weight: 700;
color: var(--main-color);
}
#copyright {
border-top: 1px solid #5BC4BF;
padding-top: 20px;
margin-top: 30px;
}
#copyright li {
padding: 0 !important;
}
#copyright a {
font-size: 100%;
font: inherit;
vertical-align: baseline;
line-height: 1.8em;
margin-right: 15px;
}
footer img.logo-img{
width: 97px!important;
}
#copyright a{
color: var(--black-color);
}
#copyright a:hover{
color: var(--accent-color);
} .wrapper-idento {
display: inline-block;
vertical-align: middle;
text-align: right;
}
.firma-idento {
background: url(//stopyrespira.es/wp-content/themes/stopyrespira/img/idento.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat;
display: inline-block;
background-size: 53px;
margin: 0;
transition: width 0.3s;
margin-top: 0px;
}
.firma-idento.white {
background-image: url(//stopyrespira.es/images/idento_neg.svg);
}
.firma-idento:hover {
width: 53px;
}
.kit-digital {
padding-top:30px;
padding-bottom:30px;
}
.kit-digital .img {
text-align:center;
} #contact-form #mail,
#contact-form2 #mail{
visibility: hidden;
position: absolute;
opacity: 0;
left: -100vw;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal .h2:after {
display: none;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
} section.cabecera {
height: 220px;
margin-bottom: 56px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: white;
}
section.cabecera img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
position: absolute;
top: 0;
left: 0;
}
section.cabecera::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(51,51,51,0.2);
z-index: -1;
}
section.cabecera::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: black;
z-index: -2;
}
section.cabecera video#BgVideo {
max-height: 600px;
min-width: 100%;
z-index: -1;
position: absolute;
object-fit: cover;
}
section.cabecera .centrar {
height: 100%;
display: flex;
align-items: center;
color: white;
flex-direction: column;
justify-content: center;
margin-top: 20px;
}
section.cabecera .centrar span {
color: white;
}
section.cabecera .centrar .destacado{
display: block;
font-size: 60px;
line-height: 40px;
} .header-pages {
height: 270px;
display: flex;
align-items: center;
}
.header-pages::before{
position: absolute;
content: '';
width: 100%;
height: 270px;
background: rgb(0 0 0 / 60%);
top: 0;
left: 0;
z-index: 0; 
}
.imagen-cabecera h1{
font-size: 50px;
font-family: 'Bree Chiquita Rg';
color: var(--light-color);
z-index: 10;
position: relative;
} @media only screen and (min-width: 1400px) {}
@media only screen and (max-width: 1199px) { .hero h3 {
font-size: 20px;
}
.hero h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
section.faq {
margin: 60px 0 60px 0;
}
}
@media only screen and (max-width: 1091px) {
}
@media only screen and (max-width: 1090px) {
}
@media only screen and (max-width: 991px) {
.imagen-cabecera{
margin-top: 60px;
}
.hero span{
font-size: 37px;
line-height: 47px;
}
.overlay p{
line-height: 30px;
}
.columnas-servicios.columnas-2, .columnas-servicios.columnas-4 {
flex-wrap: nowrap;
}
.header-pages{
height: 255px;
background-position: unset!important;
}
.header-pages::before{
height: 257px
}
.titulo-normal{
font-size: 2.2rem;
}
.fila-horizontal-responsive .col-md-3.p-0 {
width: 90%;
} .flex-header {
flex-grow: 1;
}
nav#site-navigation ul.sub-menu {
position: relative;
}
.menu-toggle {
display: flex;
justify-content:flex-end;
align-items: center;
}
section.hero {
background: url(//stopyrespira.es/wp-content/themes/stopyrespira/img/hero-background.jpg) no-repeat center;
background-size: cover;
height: fit-content;
}
.overlay {
padding: 15px;
height: fit-content;
padding: 120px 15px;
}
.form-cabecera {
top: 15px;
}
.cuadrado:first-child {
margin-left: 15px;
}
section.hero-bullets {
margin: 0 auto;
margin-bottom: 50px;
margin-top: 15px;
}
.home section.hero-bullets + section {
margin-top: 0;
}
section.productos .row.w-100.column.justify-content-center .col-md-6.col-lg-3 {
margin-bottom: 30px;
}
section.productos article.card {
min-height: 400px;
}
section.productos article.card .card-body {
justify-content: flex-end;
align-items: center;
}
section.productos article.card h4.card-title {
color: white;
position: relative;
background: transparent;
margin-bottom: 15px;
}
section.productos article.card a.read_more {
padding: 7px 30px ;
border: 2px solid white;
font-weight: bold;
border-radius: 100px;
z-index: 1;
color: white;
}
section.productos article.card a.read_more i {
margin-left: 5px;
}
section.productos article.card::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
background: rgba(0, 0, 0, 0.3);
}
section.productos article.card .card-body .contenido-texto::after {
background: rgba(0, 0, 0, 0.3);
}
.team .text-team {
padding: 50px 15px;
}
.carousel-control-next, .carousel-control-prev {
color: black;
}
.carousel-control-next {
right: -13px;
}
.carousel-control-prev {
left: -13px;
}
.carousel .carousel-item {
padding: 15px;
}
.carousel .carousel-inner {
padding-bottom: 30px;
}
.carousel-indicators .active {
background-color: black;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
color: black;
}
.carousel-indicators li {
background-color: rgba(0,0,0,.5);
}
footer#colophon .col-sm-12.col-md-6.col-lg-3 {
margin-bottom: 30px;
}
ul#menu-menu-superior {
flex-direction: column;
padding-bottom: 15px;
}
button#button-main-menu-toggle {
display: flex;
justify-content: flex-end;
align-items: center;
}
section.cabecera {
padding-top: 30px;
}
.form-container form {
padding: 15px;
}
.gfield {
padding-bottom: 0;
}
.row-reverse-tablet {
flex-direction: column-reverse;
}
section.proceso.steps .col-lg-6.text-center {
margin-bottom: 30px;
}
.cabecera .img.right {
width: 100vw;
height: fit-content;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
top: 0;
}
.cabecera .img.right::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > span,
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > h2,
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > h4,
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > p {
color: white;
}
.columnas-servicios .servicio .caja_blanca{
margin: 30px;
}
}
@media only screen and (max-width: 767px) {
header#masthead ul.nav-link li.cta-button{
margin-top: 15px;
}
#menu-menu-superior{
padding-right: 266px;
}
.columnas-servicios .servicio .caja_blanca {
margin: 0px;
}
.video-background{
display: none;	
}
section.hero {
background-size: cover!important;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
max-height: 800px;
}
section.wp-block-group {
padding-top: 80px;
padding-bottom: 80px;
padding-left: var(--space-normal);
padding-right: var(--space-normal);
position: relative;
overflow: hidden;
}
.titulo-blanco::before {
display: none;
}
.titulo-blanco::after {
display: none;
}
.fondo-verde {
padding: 30px 10px 30px 10px;
border-radius: 40px;
max-width: 1200px;
margin-bottom: 115px;
}
.fila-horizontal-responsive {
flex-direction: row;
justify-content: flex-start !important;
flex-wrap: nowrap;
overflow: scroll;
padding: 15px;
}
.content-legal {
padding: 1rem;
}
.content-legal h3,
.content-legal .h3 {
font-size: 17px;
font-weight: 700;
line-height: 23px;
}
.content-legal a {
word-break: break-word;
}
.content-legal ul {
padding-left: 1rem;
}
.content-legal h2,
.content-legal .h2 {
font-size: 21px;
line-height: 27px;
}
.content-legal p,
.content-legal li {
font-size: 14px;
line-height: 21px;
}
.content-legal h1{
font-size: 1.4rem;
margin-bottom: 0.5rem;
}
a.telefono.gtm_phone {
position: fixed;
bottom: 30px;
right: 30px;
border-radius: 100px;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
a.telefono.gtm_phone span {
display: none;
}
a.telefono.gtm_phone i {
margin: 0;
font-size: 24px;
}
section.hero-bullets .col-md-4.p-0 {
margin-bottom: 15px;
}
section.hero-bullets .col-md-4.p-0:last-child {
margin-bottom: 0 ;
}
.team .foto {
position: relative;
top: 0;
}
.team .row.position-relative {
flex-direction: column-reverse;
}
.cuadrado p {
min-height: auto;
}
.form-container input[type="submit"] {
line-height: 1 !important;
}
.carousel-control-next {
right: -6px;
}
.carousel-control-prev {
left: -6px;
}
.row-reverse-movil {
flex-direction: column-reverse;
}
.row-reverse-movil .sidebar {
margin-bottom: 30px;
}
.widget .sidebar h2.widgettitle {
position: relative;
transition: 0.5s;
cursor: pointer;
}
.sidebar .widget h2.widgettitle::after {
position: absolute;
content: "\f107";
font-family: 'Font Awesome 5';
font-weight: 900;
right: 15px;
font-size: 24px;
cursor: pointer;
transition: 0.5s;
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
top: 0;
}
.sidebar .widget h2.widgettitle + ul {
max-height: 0;
overflow: hidden;
transition: .5s;
}
.sidebar .widget h2.widgettitle.desplegado::after {
transform: rotate(180deg);
}
.sidebar .widget h2.widgettitle.desplegado + ul {
max-height: 500px;
}
.steps .step {
max-width: 100%;
}
section.proceso.steps .row.mb-4:last-child {
margin-bottom: 0 !important;
}
section.productos article.card .card-body {
justify-content: center;
text-align: center;
}
.texto-imagen .foto {
top: 0;
}
.background-main .form-container {
padding: 30px 0;
}
.form-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1;
min-height: 0;
}
.texto-imagen {
margin: 30px 0 0 0;
} .single-productos section.cabecera > .container > .row > .col-12 {
order: 2;
}
.single-productos section.cabecera {
padding-top: 0;
}
.single-productos .form-container {
margin-top: 30px;
}
.cabecera .img.right.bg-seccion-absolute img {
object-fit: cover;
display: block;
width: auto;
max-width: 500%;
height: 400px;
min-height: 100%;
min-width: 100%;
}
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 {
margin-top: 35px;
}
.single-productos section.cabecera > .container > .row.row-reverse-tablet > .col-12.col-lg-6 {
margin-top: 0;
}
section.banner-datos h3 {
font-size: 60px;
}
.services{
justify-content: flex-start;
padding-top: 20px;
}
.boton {
padding: 0 15px;
}
a.cta-button {
padding: 15px 20px;
font-size: 16px;
}
.single-productos section.productos {
margin-top: 45px;
}
section.faq {
margin: 45px 0 45px 0;
}
.form-container input[type="submit"] {
padding: 15px 20px !important;
font-size: 16px !important;
}
section.cabecera h2.h1 {
font-size: 2rem;
}
}
@media only screen and (max-width: 479px) {
.flex-header {
padding: 0 15px;
}
section.productos article.card {
min-height: 250px;
}
}