/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

@font-face {
  font-family: 'AvenirRegular';
  src: url("fonts/original_AvenirNextLTPro-Regular.woff");
  font-display: swap;
}

@font-face {
  font-family: 'Avenir-Bold';
  src: url('fonts/Avenir-Bold.eot');
  src: url('fonts/Avenir-Bold.eot@') format('embedded-opentype'),
       url('fonts/Avenir-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirDemi';
  src: url("fonts/original_AvenirNextLTPro-DemiCn.woff");
  font-display: swap;
}

@font-face {
  font-family: 'DemiBold';
  src: url("fonts/original_AvenirNextLTPro-Demi.woff"); 
  font-display: swap;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.font-18{
    font-size: 18px;
}
.font-22{
    font-size: 22px;
}
.font-24{
    font-size: 22px;
}

.font-26 {
    font-size: 26px;
}
.font-28{
    font-size: 28px;
}
.font-30{
    font-size: 30px;
}
.font-32{
    font-size: 32px;
}
.color-base{
    color: #d6233f;
}


ul.top-head.interior {
    float: none;
}

p.txt-llamanos.font-26 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 35px;
}


ul.top-head.interior a {
    cursor: pointer;
    font-size: 19px;
}

ul.top-head.interior li .fa {
    color: #d6233f;
    font-size: 29px;
    left: -32px;
    top: 3px;
}
/*
 * A better looking default horizontal rule
 */

 body{
	font-family: 'AvenirRegular'!important;
 }
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: 'Avenir-Bold';
 }

.hoja-1120 { width:1120px; width: 90%;
    margin: auto;
    text-align: left;}
.font18 { font-size:18px; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.txt-center{
    text-align: center;
}

.txt-italica{
    font-style: italic;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.content-wrapper {
    float: none;
    max-width: 1000px;
    margin: 0 auto;
}

.content-wrapper-1400 {
    float: none;
    max-width: 1400px;
    margin: 0 auto;
}

.content-wrapper-tecnicas {
    text-align: center;
}

.abs {
    position: absolute;
    left: -22px;
}

.rojo {
    color: #d6233f;
}

b, strong {
  font-family: 'Avenir-Bold';
}

span.txt-hospital {
    font-weight: 600;
    font-size: 18px;
}
span.txt-col {
    font-family: Arial!important;
    font-size: 14px;
    font-style: italic;
    color: #231f20;
}
span.icono-tel {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-iconos.png);
    background-repeat: no-repeat;
    background-position: 6px 0;
    display: inline-block;
    margin-right: 6px;
    width: 33px;
    height: 28px;
    vertical-align: middle;
}
span.icono-tel a:hover {
    color: #000!important;
}
span.icono-dir {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-iconos.png);
    background-repeat: no-repeat;
    background-position: -25px 0;
    display: inline-block;
    margin-right: 12px;
    width: 24px;
    height: 40px;
    vertical-align: middle;
    float: left;
    margin-top: 5px;
}
li {
    margin-bottom: 17px;
    list-style: none;
    margin: 0 auto;
}
li a {
    color: #000;
    cursor: text;
    font-size: 17px;
    vertical-align: middle!important;
	text-decoration: none;
}
li.txt-dir {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
}

/* banner */

.txt-certificado {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.banner-back {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico.jpg);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
}
.banner-back-rehabilitacion {
    background-image: url(../img/rehabilitacion/rehabilitacion-fisica-en-ciudad-de-mexico-banner.jpg);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
    height: 376px;
}
.banner-back-agenda-cita {
    background-image: url(../img/agenda_cita/cta-agenda-tu-cita.jpg);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
    height: 376px;
}
.content-wrapper.mod-banner {
    padding: 50px 0 0;
}
.secc-banner-izq {
    display: inline-block;
    vertical-align: bottom;
    width: 38%;
    text-align: left;
    margin: 30px 0;
}
.secc-banner-izq h1 {
    color: #fff;
    font-size: 32px;
    line-height: 33px;
    max-width: 100%;
    margin: 0 0;
}
.secc-banner-izq p {
    color: #fff;
    font-size: 22px;
    max-width: 100%;
   margin: 15px 0 17px;
   line-height: 25px;
}
.video-banner {
    border: 10px solid #fff;
    width: 385px;
    float: right;
}
p.txt-ubicada {
    font-family: Arial!important;
    margin: 0 0;
    padding: 18px 0 0;
    text-align: left;
    color: #d6233f;
    font-weight: bold;
}
.secc-banner-derch {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: right;
    margin: 27px auto;
}

.img-cuadro1 {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-rehabilitacion-ortopedica.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
    height: 175px;
}
.img-cuadro2 {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-rehabilitacion-piso-pelvico.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
    height: 175px;
}
.img-cuadro3 {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-rehabilitacion-deportiva.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
    height: 175px;
}

h1.titulo-banner {
    max-width: 70%;
    text-align: center;
    margin: 55px auto;
    color: #d6233f;
    font-size: 30px;
    line-height: 34px;
    font-weight: 500;
}
span.txt-pacientes {
    font-weight: 800;
}
.cuadro h3 {
    text-align: center;
    color: #d6233f;
    max-width: 63%;
    margin: 20px auto;
    font-size: 24px;
    line-height: 26px;
}
.cuadro:nth-child(2) {
    margin: 0 46px;
}
.cuadro ul {
    min-height: 185px;
}
.secc-blog-izq h3 {
    font-size: 22px;
    font-weight: bold;
    color: #d6233f;
    max-width: 80%;
}
.secc-blog-derch h3 {
    font-size: 22px;
    font-weight: bold;
    color: #d6233f;
    margin: 29px auto;
    text-align: left;
}
.secc-blog-izq p {
    font-size: 16px;
    font-weight: bold;
    max-width: 82%;
}
.secc-blog-derch p {
    font-size: 16px;
    font-weight: bold;
    margin: 30px auto;
    text-align: left;
}
img.hs-featured-image {
    display: none;
}
.secc-blog img {
    max-width: 100%;
}
p.txt-ver {
    font-family: Arial!important;
    text-align: center;
    background-color: #d6233f;
    color: #fff;
    font-size: 18px;
    max-width: 80%;
    margin: 28px auto;
    padding: 7px;
    font-weight: bold;
}
.cuadro a{
    text-decoration: none!important;
}
p.txt-leer {
    font-size: 16px;
    font-weight: bold;
    color: #d6233f!important;
    text-align: center;
    border: 2px solid;
    max-width: 50%;
    margin: auto;
    padding: 8px 50px;
    float: right;
    min-height: initial!important;
}
.cuadro ul li {
    font-size: 17px;
    color: #231f20;
    list-style-type: disc;
    margin-bottom: 8px;
    line-height: 19px;
}

.modulo-cuadros {
	padding: 0 0 40px;
}
.cuadro {
    background: #f7f7f7;
    width: 30%;
    padding: 0 0 12px;
    display: inline-block;
    vertical-align: top;
}

.garantia-back {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-mismo-fisioterapeuta1.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
    height: 380px;
}
.content-wrapper.mod-garantia {
    padding: 45px 0;
}
.secc-izq-garantia {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 80px 0 0;
}
.secc-izq-garantia a {
    text-decoration: none!important;
}
span.txt-garantizamos {
    font-size: 25px;
    font-style: normal;
    margin: 5px auto;
    display: block;
    padding: 0 0 3px;
}
.secc-izq-garantia h3 {
    color: #fff;
}
span.txt-mismo {
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    display: block;
    max-width: 90%;
}
span.txt-durante {
    font-weight: bold;
    font-style: normal;
}
p.txt-conoce {
    text-align: center;
    margin-top: 45px;
    font-size: 18px;
    background-color: #fff;
    color: #d6233f;
    font-family: 'Arial'!important;
    font-weight: bold;
    padding: 11px;
}
.secc-derch-garantia {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    float: right;
}
.cita-back {
    background-image: url(../img/clinica-de-terapia-fisica-cta.jpg);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
    height: 271px;
}
.cita-back-pelvico {
    background-image: url(../img/suelo_pelvico/rehabilitacion-suelo-pelvico-cta.jpg);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
    height: 271px;
}
.cita-back-deportiva {
    background-image: url(../img/deportiva/clinica-de-rehabilitacion-deportiva-cta.jpg);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
    height: 271px;
}
.caja-cita h3 {
    color: #d6233f;
    font-size: 28px;
    text-align: center;
    margin-left: 15%;
}
.caja-cita p {
    text-align: center;
    font-size: 22px;
    font-style: italic;
    max-width: 79%;;
    margin: 0 auto 0 135px;
}
span.txt-evaluar {
    font-weight: bold;
}
p.txt-agenda {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    background-color: #d6233f;
    max-width: 35%;
    margin: 3% auto 0 40%;
    padding: 10px;
}
.caja-cita {
    text-align: right;
    margin-right: 2%;
    padding: 20px 0;
    max-width: 50%;
    float: right;
}
.caja-cita a {
    text-decoration: none!important;
}
.mod-blog {
    padding: 0 0 50px;
    text-align: center;
}
.secc-blog {
    display: inline-block;
    vertical-align: top;
    width: 353px;
    text-align: left;
    margin: 0 69px;
}

.secc-blog h3 {
    font-size: 22px;
    color: #d6233f;
}

.secc-blog p {
    font-size: 16px;
    color: #231f20;
    font-family: 'Arial'!important;
    min-height: 110px;
}

h1.titulo-blog {
    text-align: center;
    max-width: 83%;
    margin: 60px auto;
    font-size: 30px;
    line-height: 30px;
    color: #d6233f;
}

/*  interior rehabilitacion */
.titulo-rehabilitacion {
    display: inline-block;
    vertical-align: bottom;
    width: 45%;
    text-align: left;
    margin: 18px 0;
}
.titulo-rehabilitacion h1 {
    color: #fff;
    font-size: 24px;
    line-height: 29px;
    font-weight: 200;
    max-width: 62%;
    margin: 12px 0 10px;
}
.txt-tecnica {
    margin-bottom: 0;
}
.titulo-rehabilitacion h2 {
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    font-weight: 200;
    max-width: 90%;
    margin: 92px 0 20px;
}

.titulo-rehabilitacion p {
    color: #fff;
    font-size: 17px;
    font-weight: 100;
    line-height: 22px;
}

.box-ico2 p.datos {
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
}
.video-rehabilitacion {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: right;
    margin: 75px auto 0;
}
.video-rehabilitacion p {
    color: #fff;
    font-size: 15px;
    max-width: 100%;
    display: inline-block;
    margin: 7px auto;
    text-align: center;
    margin-left: 155px;
}
.txt-dolor, .txt-fisio {
    font-weight: 600;
}
.modulo-terapia {
    padding: 45px 0;
}
.txt-terapia{
  font-family: 'DemiBold';
  font-size: 30px;
  color: #231f20;
  margin: 0 auto 40px;
  max-width: 95%;
}

.txt-consiste{
  font-size: 18px;
  margin: 0 auto;
  max-width: 60%;
}

.txt-comunes{
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin: 30px auto;
}

.arial-bold2 {
    font-weight: bold;
}
.instituciones-back {
    background-color: #f7f7f7;
    padding: 40px 0;
}
.logos {
    display: block;
    vertical-align: top;
    text-align: center;
    margin: auto;
}
.partners {
    padding: 0;
    margin-bottom: 0;
}
.partners li, .partners li img {
    display: inline-table;
    border: 0;
}
ul.partners li {
    background: url(../img/rehabilitacion_cuerdas/isioterapia-y-rehabilitacion-en-ciudad-de-mexico-instituciones.png);
    margin: 30px 30px 0;
}
ul.partners li.logo-1 {
    background-position: 0 0;
    width: 250px;
    height: 103px;
}
ul.partners li.logo-2 {
    background-position: -246px 0;
    width: 123px;
    height: 118px;
}   
ul.partners li.logo-3 {
    background-position: -366px 0;
   width: 149px;
   height: 103px;
}

.content-wrapper.institutos h2 {
    color: #d62340;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    max-width: 67%;
    margin: 0 auto;
}

.circulos {
    background: url(../img/rehabilitacion/rehabilitacion-fisica-en-ciudad-de-mexico-circulos.png);
    background-repeat: no-repeat;
    height: 140px;
    margin: auto;
    width: 132px;
}

.box-iconos{
  margin: 0px -51px;
}

.box-iconos-terapia{
  margin: 20px -41px 0;
  text-align: left;
}

.conoce-back {
    background-color: #f7f7f7;
}

.box-ico {
    width: 100px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 3px;
}

.box-ico2 {
    width: 118px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 10px 29px;
}

.box-ico p {
    font-size: 17px;
    line-height: 20px;
    margin: 15px 0;
}

.box-ico span {
     font-size: 20px;
    font-weight: bold;
    display: block;margin-bottom: 8px;
}


.ico-1 {
    background-position: -6px 0;
}

.ico-2 {
    background-position: -135px 0;
    
}


.ico-3 {
        background-position: -263px 0;
   
}

.ico-4 {
    background-position: -392px 0;
   
}

.ico-5 {
    background-position: -520px 0;
   
}

.ico-6 {
    background-position: -653px 0;
   
}

p.cta-agenda {
    color: #fff;
    font-size: 18px;
    background: #d6233f;
    max-width: 55%;
    padding: 8px;
    font-weight: bold;
    display: block;
    margin-left: 9%;
}
.tecnicas a{
    text-decoration: none!important;
}

.iconos-terapia {
    background: url(../img/rehabilitacion_cuerdas/isioterapia-y-rehabilitacion-en-ciudad-de-mexico-iconos.jpg);
    background-repeat: no-repeat;
    height: 50px;
    margin: auto;
    width: 57px;
}
.icono-1 {
    background-position: -5px 0;
}

.icono-2 {
    background-position: -62px 0;   
}

.icono-3 {
        background-position: -126px 0;  
}

.icono-4 {
    background-position: -184px 0; 
}

span.txt-iconos {
    font-size: 16px;
    font-weight: normal;
    width: 101px;
}
span.txt-iconos-x {
    font-size: 16px;
    font-weight: normal;
    width: 111px;
}

span.txt-realizado {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    display: block;
}
span.numeros {
    color: #fff;
}
.box-info-tecnicas {
  padding:50px 0;
}

.content-wrapper.mod-neurac {
    padding: 45px 0;
}

.img-beneficios {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0 45px 0 0;
}
.beneficios {
    display: inline-block;
    vertical-align: top;
    max-width: 50%;
    padding: 55px 0;
}
.beneficios h3 {
    color: #d62340;
    font-size: 30px;
    padding-left: 37px;
    margin-bottom: 35px;
}
.beneficios ul li {
    font-size: 20px;
    list-style: disc;
    margin-bottom: 18px;
}
.neurac-cta {
    display: inline-block;
    vertical-align: top;
    max-width: 45%;
    margin: 0 47px 0 0;
    padding: 28px 0;
}
.video-neurac {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.neurac-cta h3 {
    /*color: #d6233f;*/
    font-size: 28px;
    margin: 0 0 25px;
}
p.txt-neurac {
    font-size: 17px;
    max-width: 85%;
}
.agenda-cta {
    text-align: center;
    padding: 20px 0 0;
}
.agenda-cta a {
    text-decoration: none!important;
}
p.valoracion {
    color: #fff;
    background-color: #d6233f;
    font-size: 17px;
    font-weight: 600;
    max-width: 63%;
    padding: 7px 20px;
    margin: auto;
}
p.txt-realizado {
    font-size: 15px;
    font-weight: bold;
    max-width: 69%;
    margin: 15px auto;
}
p.video-conoce {
    text-align: center;
    font-size: 15px;
    margin: 10px auto;
}
.tecnicas {
    width: 97%;
    display: inline-block;
    vertical-align: top;
}

.tecnicas p {
  font-size:18px; 
  margin-bottom: 12px;
}

.tecnicas h4 {
    font-family: 'DemiBold';
    font-size: 30px;
    text-align: left;
    line-height: 34px;
    margin: 0 0 30px 0;
    max-width: 95%;
    color: #d6233f;
}
.txt-metodos {
    text-align: left;
}

.video-tecnicas {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 40px 0 30px 0;
}

/* interior ortopedia */

.back-gray {
    background: #f7f7f7;
}
.back-gray-ortopedia {
    background: #f7f7f7;
    padding: 50px 0;
}
.secc-orto-izq {
    display: inline-block;
    width: 50%;
    margin: 0 46px 0 0;
}
.secc-orto-izq-mb p, .secc-orto-izq-mb h1 {
    padding: 0 7px;
}
.secc-orto-derch {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}
.mod-caso {
    padding: 50px 0;
}
.secc-caso {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.txt-caso {
    margin: 25px 0;
    float: right;
    padding-left: 30px;
}
.secc-caso h2 {
    text-align: center;
    margin: auto;
    font-size: 26px;
    line-height: 29px;
    color: #d6233f;
    font-family: 'Arial'!important;
    font-weight: bold;
    padding-bottom: 20px;
}
.secc-caso p {
    font-family: 'Arial';
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto;
    text-align: center;
    max-width: 94%;
    font-style: italic;
}
.txt-carlos {
    text-align: right!important;
    padding-top: 20px;
    font-style: normal!important;
}
/* footer section */


.footer-back {
    background: #434444;
}
.content-wrapper.mod-footer {
    padding: 65px 0 30px;
}
.head-footer {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}
.head-footer a {
    cursor: pointer;
}
.head-datos {
    display: inline-block;
    vertical-align: top;
    width: 59%;
}
.head-footer ul {
    padding: 0;
}
.head-footer ul li {
    margin-bottom: 20px;
}
.head-footer ul li a {
    color: #fff;
    font-size: 18px;
}
p.contact {
    font-size: 22px;
    margin-top: 0;
    color: #fff;
    margin-bottom: 25px;
}
.mod-fot {
    margin-bottom: 35px;
    margin-right: 92px;
}
.phone {
    display: inline-block;
    margin-right: 30px;
}
.phone a, .phone a:hover, .mail a, .mail a:hover, .fot-aviso a:hover, .txt-cliento a:hover {
    color: #fff;
}
.phone span, .mail span {
    position: relative;
    top: -3px;
}
.mail {
    display: inline-block;
    vertical-align: top;
}
.cont-img-fot {
    display: inline-block;
    vertical-align: top;
    width: 58%;
}
.phone a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.mail a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
p.fot-datos {
    display: inline-block;
    width: 41%;
    color: #fff;
}
span.icon-tel-fot {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-iconos.png);
    background-repeat: no-repeat;
    background-position: -48px 0;
    display: inline-block;
    margin-right: 6px;
    width: 28px;
    height: 28px;
    vertical-align: middle;
}
span.icon-mail-fot {
    background-image: url(../img/clinica-de-fisioterapia-en-ciudad-de-mexico-iconos.png);
    background-repeat: no-repeat;
    background-position: -74px 0;
    display: inline-block;
    margin-right: 6px;
    width: 33px;
    height: 28px;
    vertical-align: middle;
}
.mod-aviso {
    font-size: 14px;
    max-width: 80%;
    text-align: center;
    margin: 50px auto 0;
}
.fot-aviso {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}
.txt-cliento {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}
.fot-aviso a {
    color: #fff;
    font-size: 15px;
    font-style: italic;
}
.txt-cliento a {
    color: #fff;
    font-size: 15px;
    font-style: italic;
}
.txt-cliento p {
    color: #fff;
}
span.txt-ubicacion {
    font-size: 22px;
    display: block;
}
span.txt-hosp {
    font-weight: bold;
    font-size: 16px;
}
span.txt-direccion {
    font-style: italic;
    font-size: 16px;
}
.head-footer img {
    margin-bottom: 30px;
}


/* Terapeutas */

.back-white {
    text-align: center;
}
.content-wrapper.titulo-conoce h1 {
    font-size: 28px;
    color: #d6233f;
    margin: 40px auto;
}

.content-wrapper.mod-neurac.titulo-conoce h1{
  margin: 0 auto 40px;
  text-align: center;
} 

.contenido_texto {
    max-width: 60%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.contenido_foto {
    display: inline-block;
    vertical-align: middle;
    max-width: 40%;
}
.contenido_texto h2 {
    color: #d6233f;
    font-weight: 400;
    font-size: 30px;
}

.back-white.borde-1 {
    border-top: 2px solid #d6233f;
}

p.txt-cp {
    font-size: 18px!important;
    font-weight: bold;
    display: block;
    margin-bottom: 40px;
}
.contenido_texto p {
    font-size: 16px;
}
p.txt-medico {
    font-weight: bold;
}

.secc-orto-izq h1 {
    font-size: 30px;
    max-width: 50%;
    color: #d6233f;
}
span.txt-orto, span.txt-minuto {
  font-family: 'Avenir-Bold';
}
.secc-orto-izq p {
    font-size: 16px;
}
.video-orto {
    margin-top: 10px;
}

.content-wrapper.txt-center.st-sintomas {
    padding: 40px 0;
}

.content-wrapper.txt-center.st-sintomas.mobile {
    display: none;
}

.txt-rehabilitacion {
    font-weight: bold;
}

.txt-center.mod-sintomas h2 {
    font-size: 30px;
    font-weight: 500;
    color: #d62346;
    margin-top: 0;
}
.txt-center.mod-sintomas h3 {
    font-size: 24px;
    color: #d62346;
    margin: 0 auto;
}
.txt-center.mod-sintomas p {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 30px;
}
.img-espalda{
    background-image: url(../img/ortopedia/rehabilitacion-ortopedica-en-ciudad-de-mexico-espalda.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-mano{
    background-image: url(../img/ortopedia/rehabilitacion-ortopedica-en-ciudad-de-mexico-muneca.png);
    background-repeat: no-repeat,repeat;
    background-position: -18px 0;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-rodilla{
    background-image: url(../img/ortopedia/rehabilitacion-ortopedica-en-ciudad-de-mexico-rodilla.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-pie{
    background-image: url(../img/ortopedia/rehabilitacion-ortopedica-en-ciudad-de-mexico-tobillos.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-hombro{
    background-image: url(../img/ortopedia/rehabilitacion-ortopedica-en-ciudad-de-mexico-hombro.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}

.img-disfuncion-sexual{
    background-image: url(../img/suelo_pelvico/rehabilitacion-piso-pelvico-disfunciones-sexuales.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-estrenimiento{
    background-image: url(../img/suelo_pelvico/rehabilitacion-piso-pelvico-estrenimiento.png);
    background-repeat: no-repeat,repeat;
    background-position: -18px 0;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-incontinencia{
    background-image: url(../img/suelo_pelvico/rehabilitacion-piso-pelvico-incontinencia-urinaria.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-parto{
    background-image: url(../img/suelo_pelvico/rehabilitacion-piso-pelvico-pre-y-post-parto.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-lesiones{
    background-image: url(../img/deportiva/therapy-cir-lesionesmusc.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-esguinces{
    background-image: url(../img/deportiva/therapy-cir-esguinse.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-alteraciones{
    background-image: url(../../templates/therapy/img/deportiva/therapy-cir-alteracionpost.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.img-ligamentos{
    background-image: url(../img/deportiva/therapy-cir-ligamentos.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 445px;
    height: 195px;
}
.seccion-img {
    display: inline-block;
    vertical-align: top;
    max-width: 45%;
}
.seccion-sintomas {
    display: inline-block;
    vertical-align: top;
    max-width: 45%;
    margin-top: 1px;
}
div.mod-1:nth-child(2n+0) {
  /*  background: blue; */
}
div.mod-1:nth-child(2n+1) {
   /* background: red; */
    
}
div.mod-1:nth-child(2n+1) p.txt-titulos{
    text-align: right;
}

p.txt-titulos {
    font-size: 20px!important;
    text-align: left;
    color: #d62346;
    font-weight: 600;
}
.seccion-sintomas p {
    font-size: 15px;
    text-align: justify;
}

.back-ortopedia-garantia{
    background-image: url(../img/ortopedia/rehabilitacion-ortopedica-en-ciudad-de-mexico-cta.png);
    background-repeat: no-repeat,repeat;
    margin: 0 auto;
    width: 1400px;
    height: 350px;
}
.contenido-garantia {
    display: inline-block;
    max-width: 50%;
    text-align: center;
    margin-top: 7%;
}
.contenido-garantia h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}
.txt-garantia {
    max-width: 64%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    font-style: italic;
}
.txt-necesario {
    font-size: 16px;
    color: #fff;
    font-style: italic;
    margin-top: 40px;
}
.txt-gratis {
    font-weight: bold;
}
.mod-1 {
    padding: 20px 0;
}

/* Agenda cita */

.content-wrapper.mod-cita h1 {
    font-size: 30px;
    font-weight: 200;
    color: #d6233f;
    text-align: center;
}
.contenido-cita {
    padding: 40px 0;
}
.secc-llamanos {
    display: inline-block;
    max-width: 45%;
    vertical-align: top;
    text-align: center;
}
.secc-form {
    display: inline-block;
    width: 50%;
}
.form-cita select {
  -webkit-appearance: searchfield;
  padding:12px 20px;
  height:50px;
  border-radius:0;
  background:#fff;
  border-color:#8a8a8a;
  color:#777;
}


hr {
    border: 0!important;
    border-left: 2px solid #9b1c31!important;
    height: 35em!important;
    width: 10%!important;
    float: left!important;
    margin: 0 auto!important;
}
.linea-top {
    border-top: 2px solid #9b1c31;
}
p.txt-llamanos {
    font-size: 28px;
    color: #d6233f;
    font-weight: bold;
    margin: 20px auto;
}
p.cta-tel {
    background: #d6233f;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    max-width: 60%;
    margin: 0 auto;
    padding: 6px;
}
p.cta-tel {
    background: #d6233f;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    max-width: 70%;
    margin: 0 auto;
    padding: 5px;
}
.cta-tel a {
    color: #fff!important;
}
p.txt-horarios {
    font-size: 18px;
    width: 70%;
    margin: 25px auto;
}
.fa.fa-phone.fa-lg {
    margin-right: 10px;
}
.secc-form h2 {
    color: #d6233f;
    font-weight: 500;
    text-align: center;
}
.secc-form p {
    margin: 0 0 20px;
    font-size: 19px;
    text-align: center;
}
span.hs-form-required {
    display: none;
}
input, select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}
input[type=submit] {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 15px;
    margin: 8px 0;
    box-sizing: border-box;
}
.form-cita input.hs-button.primary.large {
    background: transparent;
    border: 2px solid #d6233f;
    margin: 20px auto 15px;
    line-height: normal;
}
ul.hs-error-msgs.inputs-list {
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 9px 0 0;
    font-style: italic;
}

fieldset.form-columns-1 .input {
    margin-right: -14px!important;
}
p.txt-aviso {
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
}
p.txt-aviso a {
    color: #000;
}
.actions {
    text-align: center;
}
.logo-mobile, .titulo-blog-mobile, .txt-tecnica-mobile, .secc-orto-izq-mb, .logos-mb, .txt-conoce-mb {
    display: none!important;
}
.contenido_foto-mb, .mod-datos-head {
    display: none!important;
}
.logo-resp {
    display: none;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

.pad50 { padding: 50px 0; }
.rojo { color: #d6233f; }

.font25 { font-size: 25px; }

.font22  { font-size: 22px; }

p.txt-regresar {
    background: #d6233f;
    max-width: 285px;
    margin: 25px auto;
    padding: 7px;
}

p.txt-regresar a {
    color: #fff;
    font-size: 20px;
}

.col1 {
    width: 100%;
}

.flex .col2 input {
    max-width: 100%;
    border: none;
    margin-bottom: 20px;
}

.flex .col2 {
    max-width: 50%;
    flex: 2;
    margin: 20px 0px 0;
    padding: 0 5px;
}

.flex .col1 input {
    max-width: 98%;
}

.negro { color:#000; }

p#message {
    color: #d6233f;
    font-size: 20px;
    padding: 10px 0;
}


p.txt-leer a {
    color: inherit;
    text-decoration: inherit;
}

.pop20 {
    background: white;
    font-size: 20x;
    font-size: 22px;
    line-height: 20px;
    text-align: center;
}

.pad20 { padding:20px; 0; }
	
 @media only screen and (max-width: 768px), (max-width: 812px) and (orientation: landscape) {

.menu-boton {
    display: inline-block;
    vertical-align: middle;
   /* max-width: 15%;*/
    margin-top: 15px; 
    float: right;
}

header {
    padding: 3px 0;
}
.modulo-datos {
    width: 100%;
    float: none;
}
.header-datos {
    width: 100%;
    padding: 0;
    max-width: 100%;
    margin: 20px auto 0;
    text-align: center;
}
.header-datos ul li a, span.txt-hospital {
    color: #fff;
}
.hoja-1120 {
    width: 90%;
    margin: auto;
    text-align: left;
}
ul.secc-tel {
    margin: 0 auto;
    width: 46%;
    padding: 13px 7px;
    display: inline-block;
    background-color: #434444;
    border: none;
}
li.img-datos {
    display: inline-block;
    max-width: 50%;
    vertical-align: top;
}
li.img-datos img {
    margin-top: 3px;
}
li.tel-datos {
    display: inline-block;
    max-width: 50%;
    margin-left: 10px;
}
span.icono-dir {
    margin-top: 0;
    width: 24px;
    height: 31px;
}
ul.secc-dir {
    float: unset;
   padding: 10px 7px;
   margin: 0 auto;
   max-width: 49%;
   display: inline-block;
   background-color: #434444;
   border: none;
}
li.txt-dir {
    display: inline-block;
    vertical-align: top;
}
li.txt-dir img {
    margin-top: 2px;
}
li.datos-hosp {
    display: inline-block;
    vertical-align: top;
    max-width: 70%;
}
span.el-menu {
    color: #d6233f;
}
.secc-tel-mb {
    display: inline-block;
    vertical-align: top;
    max-width: 45%;
    background-color: #434444;
    padding: 8px 5px;
}
.secc-dir-mb {
    display: inline-block;
    vertical-align: top;
    max-width: 54%;
    background-color: #434444;
    padding: 8px 5px;
}
.img-datos {
    display: inline-block;
}
p.tel-datos {
    display: inline-block;
    margin: 0;
}
span.txt-datos-tel a {
    color: #fff;
}
.img-datos {
    display: inline-block;
    vertical-align: text-bottom;
    max-width: 4%;
}
span.txt-datos-tel {
    font-size: 15px;
    max-width: 69%;
    display: inline-block;
}
.txt-dir {
    display: inline-block;
    vertical-align: text-bottom;
}
p.datos-hosp {
    display: inline-block;
    max-width: 65%;
    margin: 0;
}
span.txt-col, .fa.fa-angle-right.fa-lg {
    display: none;
}
.neurac-cta {
    padding: 0 5px;
}
span.txt-hospital {
    font-size: 15px;
}
.secc-tel a {
    font-size: 15px;
}
.numero-tel {
    padding-left: 42px;
}
.nav-child.unstyled.small {
    position: relative;
    text-align: center;
    width: auto;
}
.mex, .nav.menu, .secc-menu, p.txt-ubicada, .head-footer img, .head-footer ul li, p.fot-datos, .contenido_foto, .head-footer, hr, .img-beneficios, 
h1.titulo-blog, .back-ortopedia-garantia, .box-iconos-terapia, .txt-tecnica, .secc-orto-izq, .logos, .video-rehabilitacion p, .secc-izq-garantia a, .logo,
ul.secc-tel.tp1, ul.secc-dir.tp1 {
    display: none;
}

nav.navbar.navbar-default.menu-logo, .secc-orto-izq-mb, .contenido_foto-mb, .mod-datos-head {
    display: block!important;
}
.logo-resp{
    display: inline-block!important;
    margin-top: 10px;
}
.nav.menu li, .secc-banner-izq, .fot-aviso, .txt-cliento, .head-datos, .tecnicas, .secc-orto-derch, .secc-form, .video-neurac {
    width: 100%;
}
.txt-conoce-mb {
    display: block!important;
    text-align: center!important;
    margin-left: 0px!important;
}
.nav.menu li.item-106 {
    margin-left: 0px;
}
.nav.menu li.item-106 a{
    color: #fff !important;
}
.nav.menu.collapse.in {
    background: #434444;
}
.item-103.deeper.parent .nav-header, ul.nav.menu li a{
    color: #fff;
}
li.item-107 a, li.item-109 a, li.item-110 a {
    color: #434444!important;
}
span.icono-dir {
    margin-top: 0;
}
.item-104 {
    margin-left: 0px;
}
.banner-back, .banner-back-agenda-cita, .garantia-back {
    background-image: none;
    width: 100%;
    background: #d6233f;
    height: auto;
}

.back-gray-ortopedia {
    padding: 10px 0;
}
.banner-back-rehabilitacion {
    width: 100%;
    height: auto;
    background: #d6233f;
}
.content-wrapper.mod-garantia {
    padding: 5px 0;
}
.secc-izq-garantia {
    width: 100%;
    margin: 0 auto;
    padding: 9px 9px;
}
.secc-izq-garantia h3 {
    margin-top: 0;
}
.secc-orto-izq-mb h1 {
    font-size: 24px;
    color: #d6233f;
}
span.txt-orto, span.txt-minuto, span.txt-mismo {
    font-weight: bold;
    text-align: center;
    margin: 10px auto;
}
.titulo-rehabilitacion {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}
.titulo-rehabilitacion h1 {
    margin-bottom: 0!important;
}
.titulo-rehabilitacion h1, .caja-cita p, p.txt-neurac {
    max-width: 100%;
    margin: 15px auto;
}
.content-wrapper.institutos h2 {
    font-size: 17px;
}
p.txt-cp {
    font-size: 15px!important;
    margin-bottom: 10px;
}
.back-white.borde-1, .linea-top {
    border-top: none;
}
p.txt-neurac {
    text-align: center;
}
p.valoracion {
    max-width: 90%;
    margin: auto;
}
.txt-terapia {
    font-size: 17px;
    width: 96%;
    margin: auto;
    line-height: 26px;
}
.video-rehabilitacion {
    width: 100%;
    float: none;
    margin: 0 auto 16px;
}
.video-orto {
    width: 97%;
    margin: auto;
}
.neurac-cta h3 {
    margin: 10px auto;
    text-align: center;
    font-size: 26px;
}
p.txt-realizado {
    font-size: 10px;
    margin: 7px auto;
}
.video-neurac {
    margin-top: 25px;
}
.banner-back-agenda-cita {
    height: auto;
}
.tecnicas, .caja-cita h3 {
    margin-left: 0;
    font-size: 26px;
}
.tecnicas h4 {
    text-align: center;
    line-height: 34px;
    margin: 10px auto;
    max-width: 100%;
}
.tecnicas p {
    text-align: center;
}
.box-iconos {
    margin: 0 auto;
}
p.cta-agenda {
    max-width: 90%;
    margin: 0 auto;
}
.video-tecnicas {
    width: 90%;
    margin: 0 auto;
}
.box-info-tecnicas {
    padding: 10px 0;
}
.secc-banner-izq h1, .secc-banner-izq p {
    text-align: center;
}

.secc-banner-izq p {
    font-size: 18px;
    line-height: 22px;
    max-width: 90%;
    margin: 20px auto 0;
}
.content-wrapper.mod-banner {
    padding: 2px 0 0;
}
.navbar {
    border: none!important;
}
.secc-banner-derch {
    width: 100%;
    float: none;
    margin: 0 auto 30px;
}
.video-banner {
    width: 90%;
    float: none;
    margin: 0 auto 15px;
}

h1.titulo-banner, .txt-terapia, .txt-consiste, .secc-orto-izq h1, .contenido-garantia, .seccion-sintomas, .seccion-img, .secc-llamanos {
    max-width: 100%;
}
h1.titulo-blog-mobile {
    display: block!important;
    max-width: 100%;
    margin: 30px auto;
    font-size: 28px;
    text-align: center;
    color: #d6233f;
}
.cuadro,.cuadro2, .cuadro3 {
    width: 100%;
    margin: 0 auto;
}
.cuadro.esp-2 ul {
    min-height: 135px;
}
.content-wrapper.institutos h2, .beneficios, .neurac-cta {
    max-width: 100%;
    margin: 0 auto;
}
.beneficios {
    max-width: 95%;
    padding: 5px 0;
}
.content-wrapper.titulo-conoce h1 {
    font-size: 23px;
    margin: 20px auto 0;
}
.content-wrapper.mod-neurac.titulo-conoce h1 {
	margin: 0 auto 20px;  
}
.secc-blog {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.secc-blog p {
    max-width: 90%;
    margin: 10px auto;
    text-align: left;
}
.secc-blog img {
    width: 90%;
}
.mod-1 {
    padding: 10px 0;
}
.modulo-cuadros {
    padding: 0;
}
.mod-blog {
    padding: 0 0 30px;
}
p.txt-leer, p.txt-leer2 {
    margin: 10px auto;
    float: none;
    text-align: center!important;
}
p.txt-leer a {
    color: #d6233f;
    font-size: 16px;
}
.caja-cita {
    margin-right: 0;
    padding: 25px 0;
    max-width: 100%;
    float: none;
}
p.txt-horarios {
    width: 86%;
}
input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    border-radius: 0px;
}
.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field, .hs_phone.hs-phone.hs-fieldtype-text.field.hs-form-field,
.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field, .hs_servicio_de_interes_.hs-servicio_de_interes_.hs-fieldtype-select.field.hs-form-field {
    padding: 0 14px!important;
}

.hs_servicio_de_interes_ {
    position: relative;
}
.hs_servicio_de_interes_:after {
    content: "▼";
    position: absolute;
    top: 35px;
    right: 37px;
    color: #000;
}
.secc-form p {
    max-width: 80%;
    margin: auto;
}
.actions {
    margin-left: -10px;
}
.hs-form fieldset.form-columns-1 .hs-input {
    width: 93%!important;
}
.hs_servicio_de_interes_.hs-servicio_de_interes_.hs-fieldtype-select.field.hs-form-field .input {
    margin-right: 0!important;
}
#servicio_de_interes_-23ef2fc3-0f2a-444b-ae7e-ddbd6a7cca7d {
    width: 95% !important;
}
.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .input {
    width: 90%!important;
}
.hs-form fieldset.form-columns-2 .input {
    margin-right: 0px!important;
    width: 93%!important;
}

.titulo-rehabilitacion h2 {
    margin: 10px auto;
}
.secc-form h2 {
    font-weight: bold;
}
i.fa.fa-phone.fa-3x {
    margin-top: 10px;
    color: #d6233f;
}
i.fa.fa-map-marker.fa-3x {
    color: #d6233f;
}
.img-cuadro1, .img-cuadro2, .img-cuadro3 {
    width: 84%;
}
.mod-fot, p.contact {
    column-count: inherit;
    text-align: center;
}
.cont-img-fot, .secc-orto-izq {
    width: 100%;
    text-align: center;
}
.cuadro:nth-child(2) {
    margin: 0 auto;
}
.secc-blog:nth-child(2) {
    display: none!important;
}
.secc-blog h3 {
    max-width: 90%;
    margin: 14px auto;
}
.mod-fot{
   margin: 25px auto; 
}
.contenido_texto {
    max-width: 100%;
    text-align: center;
    display: block;
    padding: 7px 9px;
}
.navbar-default .navbar-toggle {
    border-color: transparent!important;
    width: 100%!important;
    margin: 0;
}
.navbar-toggle {
    background-color: transparent!important;
    position: unset!important;
    float: none!important;
    padding: 4px 10px!important;
    border-radius: 0!important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff!important;
}
.fa.fa-bars.fa-3x {
    color: #d6233f;
}
.content-wrapper.mod-footer {
    padding: 45px 0 30px;
}
.contenido_texto h2 {
    font-size: 23px;
}
.logo-resp {
    margin-top: 15px;
}
.logos-mb {
    display: block!important;
    vertical-align: top;
    text-align: left;
    margin: auto;
}
.partners-mb {
    padding: 0;
    margin-bottom: 0;
    text-align: center;
}
.partners-mb li, .partners-mb li img {
    display: inline-table;
    border: 0;
}
ul.partners-mb li {
    background: url(../img/rehabilitacion_cuerdas/logos-mobile.png);
    margin: 10px 0px 0;
}
ul.partners-mb li.logo-1-mb {
    background-position: -20px 0;
    width: 148px;
    height: 78px;
}
ul.partners-mb li.logo-2-mb {
    background-position: -297px 0;
    width: 100px;
    height: 91px;
}   
ul.partners-mb li.logo-3-mb {
    background-position: -597px 0;
    width: 82px;
    height: 93px;
}
.beneficios h3 {
    font-size: 23px;
    margin-bottom: 16px;
}
.beneficios ul li {
    margin-bottom: 9px;
    font-size: 18px;
}
h1.titulo-banner {
    margin: 25px auto;
    font-size: 20px;
    line-height: 25px;
}
p.txt-conoce {
    font-size: 15px;
}
/* ortoprdia 768 */
.back-gray {
    padding: 10px 0;
}
.instituciones-back, .content-wrapper.mod-neurac {
    padding: 30px 0;
}
.secc-orto-izq {
    margin: 0 auto;
}
.cita-back, .cita-back-deportiva, .cita-back-pelvico {
    background-image: none;
    margin: 0 auto;
    width: 100%;
    background: #f3f3f3;
    height: auto;
}
.txt-garantia {
    max-width: 80%;
}
p.txt-agenda {
    max-width: 90%;
    margin: 20px auto;
    padding: 10px;
}
.txt-center.mod-sintomas h3 {
    font-size: 14px;
    font-weight: bold;
    max-width: 78%;
}
p.txt-titulos {
    text-align: center;
}
.txt-tecnica-mobile{
    display: block;
}
div.mod-1:nth-child(2n+1) p.txt-titulos {
    text-align: center;
}
.content-wrapper.txt-center.st-sintomas {
    display: none;
}
.content-wrapper.txt-center.st-sintomas.mobile {
    display: block;
}
.content-wrapper.txt-center.st-sintomas.mobile .img-espalda, .content-wrapper.txt-center.st-sintomas.mobile .img-rodilla {
    width: 193px;
    float: right;
}
.content-wrapper.txt-center.st-sintomas.mobile .img-hombro{
    width: 201px;
    float: right;
}
.content-wrapper.txt-center.st-sintomas.mobile .img-mano {
    background-position: -251px 0;
    width: 193px;
    float: right;
}
.content-wrapper.txt-center.st-sintomas.mobile .img-pie{
    background-position: -234px 0;
    width: 193px;
    float: right;
}
.seccion-sintomas p {
    text-align: left;
    padding: 0 10px;
    margin-top: 20px;
}
.content-wrapper.mod-cita h1 {
    font-size: 24px;
}
.content-wrapper.txt-center.st-sintomas {
    padding: 20px 0;
}
input {
    width: 90%!important;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: unset;
    border: 1px solid #000;
}
input[type=submit] {
    width: 87%!important;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 15px;
    margin: 8px 0;
    box-sizing: border-box;
}
fieldset.form-columns-1 .input {
    margin-right: 8px!important;
}
 }

   @media only screen and (max-width: 1024px) and (min-width: 768px) {
.banner-back, .garantia-back, .cita-back, .banner-back-rehabilitacion, .back-ortopedia-garantia, .banner-back-agenda-cita, .secc-llamanos {
    width: 100%;
 }

 .logo {
    max-width: 90%;
}
.navbar-header, {
    display: block!important;
}
 ul.nav.navbar-nav {
    display: none; 
}

.navbar.navbar-default.menu-logo {
    display: block;
}
 .navbar-toggle {
    float: left;
    display: block!important;
}
.mex {
    position: relative;
}
.secc-dir-mb, .secc-tel-mb {
    max-width: 100%;
    width: 380px;
}
.secc-dir-mb{
    padding: 9px 5px;
}

ul.secc-tel {
    margin: 0 auto;
    width: 43%;
    padding: 12.8px 0;
    display: inline-block;
    margin-top: 10px;
}
.img-cuadro1, .img-cuadro2, .img-cuadro3 {
    width: 44%;
}
.tecnicas {
    width: 100%;
    margin-left: 0;
}
.box-iconos {
    margin: 0 auto;
}
.box-iconos-terapia {
    margin: 0 auto;
    text-align: center;
}
.txt-metodos, .box-iconos-terapia {
    text-align: center;
}
.tecnicas h4 {
    text-align: center;
    margin: 15px auto;
    max-width: 95%;
}
p.cta-agenda {
    margin-left: 0%;
    margin: 0 auto;
}
.form-columns-1, .form-columns-2{
    max-width: 95%!important;
 }
}
@media only screen and (max-width: 768px) {
    .secc-caso {
    display: block;
    vertical-align: top;
    width: 80%;
    margin: auto;
}
.txt-caso {
    margin: 10px auto;
    float: none;
    padding-left: 0;
}
.secc-caso p {
    max-width: 100%;
}

ul.top-head {
    float: none; 
}
ul.top-head li {
    background: #414342;
    padding: 10px 0;
    width: 49%;
    color: #fff !important;
    margin: 0;	
}

ul.top-head.interior li {
    background: transparent;
    padding: 0;
    width: 100%!important;
    color: #000 !important;
    margin: auto;	
}

ul.top-head.interior li .fa {
    color: #d6233f;
    font-size: 29px!important;
    left: -5px;
    top: 3px;
}

ul.top-head.interior li:last-child {
    margin: -22px 0 0;
}

.abs {
     position: relative; 
     left: 0;
}

.fa { font: normal normal normal 14px/1 FontAwesome!important; }
ul.top-head li .fa, ul.top-head li strong {
    color: white;
  font-family: 'Avenir-Bold';
}

ul.top-head li:last-child {
    margin-right: 0;
    width: 99%;
    margin: 3px 0 0;
    padding: 15px 0 0;
}

.item-103.deeper.parent .nav-header, ul.nav.menu li a {
    color: #414342;
}

.nav.menu.collapse.in {
    background: #ffffff;
}

.nav.menu li {
    display: inline-block;
    border-bottom: solid 1px #d6233f;
    padding: 10px 0;
    max-width: 100%;
}

ul.nav-child.unstyled.small {
    background: white;
}

ul.nav-child.unstyled.small li {
    border: none;
}

ul.top-head li i.fa.fa-angle-right {
    display: none;
}
 }

@media only screen and (max-width: 480px) {
    .phone,.mail{
        margin: 5px 10px;
        padding: 5px 0;
    }
}

@media only screen and (max-width: 320px) {
    .secc-dir-mb {
    max-width: 100%;
    width: 300px;
    margin-bottom: 8px;
}
.secc-tel-mb {
    max-width: 100%;
    padding: 8px 5px;
    width: 300px;
    margin-bottom: 8px;
}
#servicio_de_interes_-23ef2fc3-0f2a-444b-ae7e-ddbd6a7cca7d {
    width: 98% !important;
}
    }
 @media only screen and (max-width: 736px) and (orientation: landscape), (max-width: 812px) and (orientation: landscape){
    .secc-dir-mb {
    max-width: 100%;
    width: 350px;
    margin-bottom: 8px;
    padding-top: 12px;
}
.secc-tel-mb {
    max-width: 100%;
    padding: 8px 5px;
    width: 350px;
    margin-bottom: 8px;
}
    .img-cuadro1, .img-cuadro2, .img-cuadro3 {
    width: 45%;
    margin: auto;
}
.contenido-cita {
    text-align: center;
}
.hs-form fieldset {
    max-width: 100%!important;
}
 }    

@media only screen and (max-width: 667px) and (orientation: landscape), (max-width: 684px) and (orientation: landscape) {
    .img-cuadro1, .img-cuadro2, .img-cuadro3 {
    width: 45%;
    margin: auto;
}
.secc-tel-mb, .secc-dir-mb {
    width: 320px;
}
    }

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*********lazy**********/
img.lazy {
  font-size: 10px;
  color: transparent;
}
.lazy {
  background-image: none !important;
  position: relative;
}
/*********getscript**********/
.getscript{
  cursor: pointer;
}
.play-button{
  cursor: pointer;
  position: relative;
}
.play-button:before{
  border-radius: 0;
  content: '';
  height: 80px;
  position: absolute;
  width: 110px;
  z-index: 1;
  background-color: rgba(215,35,62, 0.76);
  left: 39.5%;
  top: 38%;
  transition: all 80ms ease-out 0s;
  mix-blend-mode: normal;
}
.play-button:after{
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABRCAYAAAD7G3lVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNrs22FtwkAYx+F2QcAkMAfgYBKQwBxMQh1MwiRQB+CgEoaDzkG5S1a+E5IF+n+e5D4ve3+7N0s4mgYAAAAAAAAAAAAA7jFN06cp5MavjuWsTSMzfjWWszORzPizQzmvJpMZ3xYIj28LiG8LpMeffdsCufGrn3LeTS0z/uzLFsiNbwuEx7cFxL9ugY1pZsafdSaaG78abIHc+LaA+MvbAi/+XG5Sww9L2QLtEm/+P/2oUzkfbduexc+LX51L/DdrP09fzvaZf4GVhjf7/Vv3vVFk/bfvMUhg/PoAZG+6efE9Aw+MP/oCSGZ8tz0wvtseGn9w2zPjdyaXF99n9aHx3fbA+G57aHy3PTC+N/mh8b3DD4zvtofGd9tD47vtAAAAAAAAAAAAADymiwADAOSj1JBfF8xMAAAAAElFTkSuQmCC) 0px 0px / 127px 81px no-repeat transparent;
  display: block;
  height: 81px;
  outline: none;
  position: absolute;
  width: 127px;
  z-index: 1;
  left: 38%;
  top: 38%;
}
/*.play-button:hover:before{
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: rgba(204,5,38, 0.8);
  left: 0px;
  top: 0px;
  transition: all 80ms ease-out 0s;
  mix-blend-mode: multiply;
}*/
@media(max-width: 480px){
    .play-button:before, .play-button:after{
        left: 38.5%;
        top: 28%;
    }
    .play-button:after{
        left: 33%;
    }
}