@font-face {
    font-family: Baskerville;
    src: url('../fonts/Baskerville-01.ttf');
}

@font-face {
    font-family: Baskerville-light;
    src: url('../fonts/Baskerville-Light.ttf');
}

@font-face {
    font-family: Bembo-std;
    src: url('../fonts/BemboStd.ttf');
}

@font-face {
    font-family: Bembo-Italic;
    src: url('../fonts/Bembo-ItalicOsF.otf');
}

@font-face {
    font-family: Helvetica-Lt;
    src: url('../fonts/HelveticaLt.ttf');
}

@font-face {
    font-family: Gotham;
    src: url('../fonts/GothamBook.ttf');
}

@font-face {
    font-family: Gotham-bold;
    src: url('../fonts/GothamBold.ttf');
}

@font-face {
    font-family: Gotham-Book;
    src: url('../fonts/Gotham-Book.ttf');
}

@font-face {
    font-family: Gotham-Light;
    src: url('../fonts/Gotham-Light.ttf');
}

@font-face {
    font-family: Gotham-Medium;
    src: url('../fonts/Gotham-Medium.ttf');
}

@font-face {
    font-family: 'Cardo', serif;
    src: url('../fonts/Cardo-Regular.ttf');
}

@font-face {
    font-family: myriandpro;
    src: url('../fonts/MyriadPro-Regular.ttf');
}

@font-face {
    font-family: Helvetica-Light;
    src: url('../fonts/helvetica-light.ttf');
}

@font-face {
     font-family: Helvetica-Bold;
    src: url('../fonts/Helvetica-Bold-Font.ttf');
}

@font-face {
    font-family: ChaletParisNineteenSixty;
    src: url('../fonts/ChaletParisNineteenSixty.ttf');
}

@font-face {
    font-family: ArialMT;
    src: url('../fonts/Arial.ttf');
}
@font-face {
    font-family: Chalet-Paris-Nineteen-Sixty;
    src: url('../fonts/chalet-paris-nineteen-sixty.ttf');
}
@font-face {
    font-family: Northwell-Alt;
    src: url('../fonts/Northwell-Alt.ttf');
}
@import url(http://allfont.es/allfont.css?fonts=montserrat-light);

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body a {
    text-decoration: none !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*star header*/
/*star header-top*/
header {
    background: #F2F2F2;
}

.social-networks ul {
    margin-right: 0%;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.social-networks ul li {
    display: inline !important;
    text-decoration: none;
    line-height: 0em;
    color: white;
    font-family: myriandpro;
    font-size: 22px;
}

.btn-appointment {
    width: 100%;
    text-align: right !important;
    display: inline-block;
    text-align: center;
    margin-bottom: 10%;
    position: relative;
    left: 10%;
}
.btn-appointment a{
    background: #1B1F66;
    width: 20vw;
    font-family: Gotham-Book;
    font-size: 1.041vw;
    border-radius:  0px 0px 8px 8px;
}
.link-addres {
    color:#1B1F66 !important;
    font-family: Gotham-Book !important;
    font-size: 1.3vw !important;
}

.link-addres:hover {
    color: #1B75BB!important;
}

.info-phone div {
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0;
}
.social-networks {
    line-height: 13px;
}

.social-networks a {
    color: #fff;
    margin: 1px;
}

.social-networks p {
    margin-bottom: .6rem;
    letter-spacing: 1px;
    font-size: 1.1vw;
}

header .btn-networks a {
    color: #1B75BB;
    font-size: 21px;
    font-weight: 200;
    width: 28px;
    height: 33px;
    line-height: 40px;
    border-radius: 24%;
    display: inline-block;
    text-align: center;
    font-style: normal;
    background: transparent;
    border-radius: 30px;
}

header .btn-networks a:hover {
    color: #1B1F66;
    background: transparent;
}

.info-phone .phone {
    color: #1B1F66;
    font-size: 1.62vw;
    font-family: Gotham-bold;
    letter-spacing: 0px;
    margin-right: 12px;
    border-right: solid 3px #1B1F66;
    display: inline;
    padding-right: 13px;
}

.img-g {
    margin-left: 3px;
    width: 20px;
    margin-top: -7px;
}

.info-phone a:hover {
    color: #1B75BB;
}
.btn-appointment a:hover{
    background: #1B75BB;
    color: white;
}

.logo-home img {
    width: 300px;
    margin-top: 3.5vw;
    position: absolute;
    top: -10%;
}

header nav {
    background: transparent;
    border-bottom: solid 10px #1B1F66;
    padding-right: 5vw;
}

.sep-span {
    margin-right: 18px;
}

header .container-fluid {
    padding: 0px 4.5vw 0px 3vw;
    background: #F2F2F2;
}

header .social-networks {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 2vw;
}

@media screen and (min-width: 992px) and (max-width: 1019px) {
    .info-phone .phone {
        font-size: 30.5px;
    }

    .info-phone .addres {
        font-size: 19.5px !important;
    }
}

@media (max-width: 991px) {
    header .social-networks {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .social-networks ul {
        align-items: center;
        justify-content: center;
    }
    .info-phone .phone{
        font-size: 18px;
    }
    .link-addres {
        font-size: 16px !important;
    }
    .logo-home img{
        margin: auto;
        display: block;
        position: relative;
        padding-top: 5%;
    }
    .btn-appointment {
        width: 100%;
        text-align: center !important;
        display: inline-block;
        text-align: center;
        margin-bottom: 5%;
        margin-top: 5%;
        position: relative;
        left: 0%;
    }
    .btn-appointment a{
        width: 80%;
        font-size: 18px;
        border-radius: 8px 8px 8px 8px;
    }
}
@media (max-width: 767px){
    .btn-appointment a {
        font-size: 13px;
    }
}

/*end header-top*/
.fixed-top {
    background: #F2F2F2;
    border: none;
    justify-content: center !important;
    -webkit-animation-name: fixed-top;
    animation-name: fixed-top;
    padding-right: 0vw;
    padding-bottom: 0px;
}

@-webkit-keyframes fixed-top {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fixed-top {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.scrollToTop {
    display: none;
    padding: 10px 20px;
    background-color: #1B75BB;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 29px;
    text-align: center;
    z-index: 1005 !important;
}

/*end nav*/
@media (max-width:767px) {
    .scrollToTop {
        bottom: 5px;
        right: 5px;
        padding: 15px;
        font-size: 18px;
    }
}

@media (max-width:991px) {
    .sm-blue ul a,
    .sm-blue ul a:hover,
    .sm-blue ul a:focus,
    .sm-blue ul a:active {
        color: #1B1F66!important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1140px) {
    .dropdown:hover>.dropdown-menu {
        margin-left: -35px;
    }
}

@media screen and (min-width: 1140px) and (max-width: 1405px) {
    .dropdown:hover>.dropdown-menu {
        margin-left: -30px;
    }
}

@media (min-width: 1405px) {
    .dropdown:hover>.dropdown-menu {
        margin-left: -20px;
    }
}

@media (max-width: 991px) {
    .navbar {
        padding-right: 0vw;
        padding-left: 0vw;
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        margin-left: 15px;
    }
}

header .nav-patient-forms {
    position: absolute !important;
    right: -16vw;
    top: 0px;
    background: #52C5B4;
}

header .nav-patient-forms a {
    font-family: Gotham-Medium !important;
}

@media (max-width: 1150px) {
    header .nav-patient-forms {
        position: relative !important;
        right: 0vw;
    }
}

/*end header*/
/*===============================s==========================================*/

/* ==================== | HEADER | ==================== */
.main-menu-btn {
    position: relative;
    display: block;
    padding: 0.815em 40px;
    height: 50px;
    overflow: hidden;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-bottom: 0px;
}

/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 20px;
    height: 2px;
    width: 24px;
    background: #FFFFFF;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}

.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}

/* close icon */
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-menu-btn-logo {
    font: italic bold 1.111em/10px Verdana, Arial, Helvetica, sans-serif;
    color: #3092C0;
}

.main-menu-btn-logo-separator {
    margin-right: 0.222em;
    border-right: 1px solid #dad3c9;
    padding-right: 0.5em;
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */
#main-menu-state:not(:checked)~#main-menu {
    display: none;
}

#main-menu-state:checked~#main-menu {
    display: block;
}

@media (min-width: 768px) {
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }

    #main-menu-state:not(:checked)~#main-menu {
        display: block;
    }
}

.sm {
    position: relative;
    z-index: 10;
}

.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0px 10px;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right;
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
    margin: 0;
    padding: 0;
}

.sm ul {
    display: none;
}

.sm li,
.sm a {
    position: relative;
}

.sm a {
    display: block;
}

.sm a.disabled {
    cursor: not-allowed;
}

.sm:after {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.sm,
.sm *,
.sm *:before,
.sm *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sm-blue a,
.sm-blue a:hover,
.sm-blue a:focus,
.sm-blue a:active {
    padding: 10px 15px;
    background: transparent;
    text-transform: uppercase;
    color:#1B1F66 !important;
    font-family: ArialMT;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 2px;
    text-decoration: none;
}

.sm-blue .active,
.sm-blue .active a {
    color: white !important;
    background: #1B1F66;
    padding-right: 11px;
    margin-left: 0px;
}

.sm-blue a.disabled {
    color: #a1d1e8;
}

.sm-blue a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 0px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.sm-blue a.highlighted span.sub-arrow:before {
    display: block;
    content: '-';
}

.sm-blue ul {
    background: #C5C6C8;
}
.sm-blue .active ul li a{
    margin-left: 0 !important;
}

.sm-blue ul a,
.sm-blue ul a:hover,
.sm-blue ul a:focus,
.sm-blue ul a:active {
    background: transparent;
    color: #2b82ac;
    font-size: 14px;
    text-shadow: none;
    border-left: 8px solid transparent;
}

@media (min-width: 965px) {
    header nav {
        justify-items: center;
        display: flex;
        justify-content: center;
        padding-top: 0px;
        padding-bottom: 0px;
        justify-content: center;
        padding-top: 0px;
        padding-bottom: 0.5%;
    }
}

@media only screen and (min-width:768px) and (max-width:964px) {

    .sm-blue a,
    .sm-blue a:hover {
        font-family: gotham-light;
        font-size: 14px;
        padding: 10px 10px;
    }
}

@media (min-width: 768px) {
    .sm-blue ul {
        position: absolute;
        width: 12em;
    }

    .sm-blue li {
        float: left;
    }

    .sm-blue.sm-rtl li {
        float: right;
    }

    .sm-blue ul li,
    .sm-blue.sm-rtl ul li,
    .sm-blue.sm-vertical li {
        float: none;
    }

    .sm-blue a {
        white-space: nowrap;
    }

    .sm-blue ul a,
    .sm-blue.sm-vertical a {
        white-space: normal;
    }

    .sm-blue .sm-nowrap>li>a,
    .sm-blue .sm-nowrap>li> :not(ul) a {
        white-space: nowrap;
        font-size: 14px;
        background: #1B1F66;
        color: white !important;
    }

    .sm-blue .sm-nowrap>li>a:hover {
        background: white;
        color: #1B1F66!important;
    }

    .sm-blue {
        background: transparent;
    }

    .sm-blue a span.sub-arrow {
        /* icon menu movil */
        top: auto;
        margin-top: 0;
        bottom: 13px;
        margin-left: -5px;
        right: 0;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed dashed;
        border-color: #95958F transparent transparent transparent;
        background: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .sm-blue a.highlighted span.sub-arrow:before {
        display: none;
    }
}

@media screen and (min-width: 767px) and (max-width: 1100px) {
    header nav {
        justify-items: center !important;
        display: flex;
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .sm li {
        margin: 10px 0px!important;
    }
    header nav {
        justify-content: flex-start !important;
    }
}

@media (max-width: 1100px) {
    header nav {
        padding-right: 0vw;
    }
}

@media (min-width: 1100px) {
    header nav {
        justify-items: flex-end !important;
        display: flex;
        justify-content: flex-end !important;
    }
    
}

@media (max-width: 860px) {
    .sep-span {
        display: none;
    }
}


.dropdown-submenu span {
    right: 20px !important;
}

.dropdown-submenu .dropdown-menu {
    border: none;
}

@media (max-width: 767px) {
    .dropdown-submenu .dropdown-menu {
        border: solid 1px #106F8B;
        width: 100% !important;
    }

  
}

.contact-page h5 {
    color: #52c5b4;
}

.menu--main li {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.menu--main li:hover .sub-menu {
    max-height: 300px;
    visibility: visible;
    bottom: 100%;
    transition: all 0.4s linear;
}

.menu--main .sub-menu {
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    box-shadow: none;
    max-height: 0;
    width: 150px;
    overflow: hidden;
    background: #106F8B;
    color: white;
}

.menu--main .sub-menu a {
    padding: 10px 0px;
    display: inline-block;
}

.menu--main .sub-menu li {
    display: block;
}
.sub-menu li {
    margin: 0px !important;
}
.sub-menu{
    margin-left: 0;
    margin-right: 40px;
}
/* ===========================================| HEADER |============================================= */

/* ============================================== comentado========================================== */


/* HERO 2 */
.hero-shadow{
    background: red;
    padding: 130px;
    z-index: 5;
    margin-top: -45px;
    margin-bottom: -150px;
    width: 100%;
    -webkit-box-shadow: 0px 1px 15px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 15px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 15px -1px rgba(0,0,0,0.75);
}
.hero-home span {
    border: 1px solid white;
    width: 100%;
    display: inline-block;
    color: white;
    padding: 5px;
}

.hero-home a {
    padding: 10px 0px;
    width: 100%;
    color: white;
    display: inline-block;
    font-family: Gotham-Light;
    font-size: 1.527vw;
}

.hero-home a:hover {
    background: #CC5627;
}

.hero-home .content-btn-hero {
    padding: 0px 9vw;
    position: absolute;
    width: 100%;
    bottom: 4vw;
    left: 0;
}

@media(max-width: 600px) {
    .text-hero-home h1 {
        padding-left: 3vw !important;
    }
}

@media(max-width: 991px) {
    .hero-home a {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .hero-home .content-btn-hero {
        bottom: -200px;
    }
    .hero-home a {
        color: #4B612D;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .hero-home .content-btn-hero {
        bottom: -230px;
    }
}

.hero-home {
    z-index: 3;
    position: relative;
}

.hero-home img {
    width: 100%;
    position: relative;
}
.text-hero-home {
    position: absolute;
    top: 16.4vw;
    width: 100%;
}

.text-hero-home h1 {
    text-align: left;
    color: #1B1F66;
    font-size: 4.72vw;
    font-weight: 100;
    line-height: 4.3vw;
    font-family: ChaletParisNineteenSixty;
    letter-spacing: 1px;
    padding-left: 5vw;
}

/*=================================== Personalized ======================================*/

/* =================================== END Personalized ================================*/
.text-hero-home h2 {
    color: #1B1F66;
    text-align: left;
    font-size: 5.55vw;
    font-family: ChaletParisNineteenSixty;
    font-weight: bold;
    padding-left: 19vw;
}
.text-hero-home hr {
    width: 40%;
    border-top: 2px solid white;
    width: 65%;
    border-top: 2px solid white;
    margin: auto;
}

/* SERVICES BG */
@media (max-width: 767px) {
    .line {
        margin-top: -22vw;
    }
    .text-hero-home h1 {
        letter-spacing: 3.8px;
    }
}
/* END SERVICES BG */
@media (max-width: 463px) {
    .content-description-home p {
        font-size: 4.8vw;
    }
}

@media (max-width: 387px) {
    .hero-home img {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (max-width:338px) {
    .back-orange {
        padding: 9px 23%;
    }
}
/* call-action */

.call-action{
    padding: 0px 4vw;
}
#forma-call-action{
    filter: drop-shadow(0px -1px 10px #01010166);
    /* filter: drop-shadow(1px 5px 5px #01010166); */
    position: relative;
    top: 0vw;
    z-index: 4;
    margin-top: -13.3%;
}
#forma-call-action .container-fluid{
    padding-bottom: 3vw;
    background-color: white;
    margin-bottom: -5%;
}
.call-action .container-diagonal{
    z-index: 10;
    margin-top: -135px;
    background: transparent;
}
.container-line{
    padding: 0px 4vw;
}
.line-white{
    width: 100%;
    padding: 2vw;
    background: white;
    display: block;
    z-index: 4;
    margin-top: 3vw;
    margin-bottom: -3vw;
}
.call-action .diagonal{
    background: white;
    padding: 130px;
    transform: skewY(-5deg);
    z-index: 5;
    margin-top: -45px;
    margin-bottom: -150px;
    width: 99.9%;
    -webkit-box-shadow: 0px -1px 11px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -1px 11px -3px rgba(0,0,0,0.75);
    box-shadow: 0px -1px 11px -3px rgba(0,0,0,0.75);
}
.call-action h2{
    font-size: 2.222vw;
    font-family: Gotham-Light;
    color: #1B1F66;
    margin-top: 60px;
    padding: 0vw 3vw;
}
.call-action h2 span{
    font-family: Gotham-Book;
}
.call-action h4{
    font-family: Gotham-Book;
    font-size: 3.541vw;
    color: #1B1F66;
}
.call-action h5{
    font-family: Gotham-Medium;
    font-size: 5.555vw;
    color: #1B1F66;
    line-height: 6vw;
}

.call-action p{
    font-size: 1.111vw;
    font-family: Gotham-Light;
    color: #1B1F66;
    margin-bottom: 0px;
}

.call-action img{
    margin: auto;
    display: block;
    width: 90%;
    padding: 5px;
    border: solid 10px #1B1F66;
    border-radius: 50%;
}


.call-action .border-r{
    border-right: solid 1px #1B1F66;
}

@media(max-width: 991px){
    .call-action .diagonal{  
        margin-bottom: -185px;
    }
}

@media(max-width: 767px){
    .call-action h3 {
        font-size: 15px;
    }
    .call-action img {
        width: 240px;
    }
    .call-action h2 {
        font-size: 20px;
        text-align: center;
        padding: 0;
    }
    .call-action h4 {
        font-size: 22px;
        margin-top: 35px;
    }
    .call-action p {
        font-size: 15px;
    }
    #forma-call-action {
        filter: drop-shadow(1px -20px 10px #01010166);
    }
}
/* / call-action */

/* philosophy */
.home-philosophy{
    overflow: hidden;
    /* -webkit-box-shadow: inset 0px -5px 10px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -5px 10px -6px rgba(0,0,0,0.75);
    box-shadow: inset 0px -5px 10px -6px rgba(0,0,0,0.75); */
    margin-top: 5vw;
}
.home-philosophy .shadow{
    background: rgb(118,118,118);
    background: linear-gradient(0deg, rgba(169,169,169,0.8186624991793592) 0%, rgba(201,201,201,0.17720591654630602) 35%, rgba(239,239,239,0) 100%);
    width: 100%;
    bottom: 0px;
    z-index: 5;
    height: 30px;
    position: absolute;
}
.home-philosophy .container-text{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1vw;
    padding-left: 12vw;
    z-index: 3;
}
.home-philosophy .container-text p{
    font-size: 1.319vw;
    font-family: Gotham-Light;
    color: white;
    width: 34.5vw;
    margin-bottom: 30px;
}
.home-philosophy .container-text p span{
    font-size: 2.152vw;
    font-family: Gotham-Book;
}
.diagonal-doctors {
    background: white;
    margin-top: -4%;
    padding: 6vw;
    position: absolute;
    transform: skewY(3deg);
    z-index: 2;
    width: 100%;
    /* top: -100px; */
    -webkit-box-shadow: 0px 11px 12px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 12px -11px rgba(0,0,0,0.75);
    box-shadow: 0px 11px 12px -11px rgba(0,0,0,0.75);
}
.home-philosophy .call-action ul {
    justify-content: flex-start;
}

@media (max-width: 991px){
    .call-action .border-r {
        border: none;
    }
    .call-action h3 {
        margin-bottom: 25px;
    }
    .home-philosophy .container-text {
        bottom: 0vw;
    }
}
@media (max-width: 767px){
    .home-philosophy {
        background: #1b1f66;
    }
    .home-philosophy .container-text {
        padding-left: 5vw;
        bottom: 2vw;
        position: relative;
        margin-top: 60px;
    }
    .home-philosophy .container-text h1 {
        font-size: 28px;
    }
    .home-philosophy .container-text p span {
        font-size: 18px;
    }
    .home-philosophy .container-text p {
        font-size: 15px;
        width: 95%;
    }
    .home-philosophy .call-action ul {
        justify-content: center;
    }
    .img-movil-about{
        display: block;
    }
    .img-web{
        display: none;
    }
}
.img-movil-about{
    display: none;
}
/* philosophy */

/* doctor */
.home-doctor{
    background: url("../images/home/background-doctor.svg");
    background-position: center;
    background-size: cover;
    padding: 7vw 6vw;
}
.home-doctor h2{
    font-family: Gotham-Book;
    font-size: 2.152vw;
    color: #1B1F66;
    margin-top: 20px;
    margin-bottom: 40px;
}
.home-doctor p{
    font-family: Gotham-Light;
    font-size: 1.319vw;
    color: #1B1F66;
}
.home-doctor img{
    border: solid 10px white;
    width: 80%;
    margin: auto;
    display: block;
}
@media (max-width: 767px){
    .home-doctor {
        padding: 7vw 0vw;
    }
    .home-doctor h2 {
        font-size: 20px;
    }
    .home-doctor p {
        font-size: 15px;
    }
    .home-doctor img {
        width: 300px;
        margin-bottom: 25px;
    }
}
/* doctor */

/* service */
.home-services{
    background-color: #1B1F66;
    padding: 6vw 7vw;
}
.home-services h1{
    font-family: Gotham-Book;
    font-size: 2.152vw;
    color: white;
}
.home-services h1 span{
    font-family: Gotham-Light;
    font-size: 1.319vw;
}
.home-services h2{
    font-family: Gotham-Light;
    font-size: 2.152vw;
    color: white;
}
.home-services h3{
    font-family: Northwell-Alt;
    font-size: 3.680vw;
    color: white;
}
.home-services h4{
    font-family: Helvetica-Lt;
    font-size: 1.597vw;
    color: white;
}
.home-services h4::before{
    content: '';
    position: absolute;
    width: 26vw;
    left: 1vw;
    background: white;
    height: 1px;
    margin-top: 1vw;
}
.home-services h4::after{
    content: '';
    position: absolute;
    width: 26vw;
    right: 1vw;
    background: white;
    height: 1px;
    margin-top: 1vw;
}
.home-services ul{
    list-style: none;
}
.home-services ul li{
    font-size: 1.319vw;
    font-family: Gotham-Light;
    color: white;
    margin-left: 4vw;
}
.home-services ul li:nth-child(1){
    font-size: 1.666vw;
    margin-bottom: 8px;
}

@media(max-width: 767px){
    .home-services {
        padding: 10vw 4vw;
    }
    .home-services h1 {
        font-size: 19px;
    }
    .home-services h1 span, .home-services h4 {
        font-size: 14px;
    }
    .home-services h2 {
        font-size: 18px;
    }
    .home-services h3 {
        font-size: 40px;
    }
    .home-services h4::before {
        width: 100%;
        top: -20px;
        left: 0;
    }
    .home-services h4::after {
        width: 100%;
        bottom: 0;
        right: 0;
    }
    .home-services ul li {
        font-size: 13px;
        margin-left: 28vw;
    }
    .home-services ul li:nth-child(1) {
        font-size: 16px;
    }
}
@media(max-width: 575px){
    .home-services ul li {
        margin-left: 4vw;
    }
}
/* services */

/* Reviews */
.home-reviews{
    overflow: hidden;
}
.home-reviews .carousel-item p{
    margin-top: 10px;
    font-size: 1.666vw;
    font-family: Gotham-Light;
    color: #1B1F66;
}
.home-reviews .shadow{
    background: linear-gradient(180deg, rgba(169,169,169,0.8186624991793592) 0%, rgba(201,201,201,0.17720591654630602) 35%, rgba(239,239,239,0) 100%);
    width: 100%;
    top: 0px;
    z-index: 5;
    height: 30px;
    position: absolute;
}
.img-review{
    width: 100%;
}
.home-reviews .carousel-item p span{
    font-family: Gotham-Light;
    text-align: right;
    padding-top: 10%;
}
.home-reviews i{
    color: #1B1F66;
    font-size: 1.5vw;
}
.home-reviews .container-text img{
    width:6%;
    margin-left: 10px;
    margin-bottom: 10px;
}
.home-reviews .container-text{
    position: absolute;
    width: 37%;
    left: 11%;
    z-index: 1;
}
.img-movil{
    display: none;
}
@media(max-width: 991px){
    .home-reviews .container-text {
        right: -90px;
    }
}
@media(max-width: 767px){
    .img-movil{
        display: block;
        width: 400px;
        margin: auto;
        margin-top: 50px;
    }
    .img-review{
        display: none;
    }
    .home-reviews i{
        font-size: 20px;
    }
    .home-reviews .container-text img{
        width: 20px;
    }
    .home-reviews .container-text {
       position: relative;
       right: 0px;
       padding: 8vw 14vw;
       width: 100%;
       left: 0;
    }
    .home-reviews .carousel-item p {
        font-size: 15px;
    }
}
/* Reviews */
/* ---------------------------end reviews-home ------------------------------------*/
/* ---------------------------footer ---------------------------*/
footer {
    background: #1B1F66;
    overflow: hidden;
    color: #FFFFFF;
    padding-bottom: 3vw;
    margin-top: -1px;
}
footer .tel-location{
    margin: 5vw 0vw 5vw 0vw;
}
footer .tel-location img {
    width: 26vw;
    height: 14.5vw;
    margin-left: 10%;
    position: relative;
    padding-bottom: 3%;
    padding-top: 6%;
    top: 0vw;
}
footer .content-location .content-social-f{
    display: block;
}
footer .content-location {
    padding-left: 3vw;
}
footer .content-location p{
    width: 71%;
}
footer .tel-location a{
    color: #FFFFFF;
    font-size: 1.25vw;
    font-family: ArialMT;
    margin-bottom: 5px;
    text-align: initial;
}
footer .tel-location a:hover{
    color: #1B75BB;
}
footer .fa-phone{
    transform: rotate(90deg);
}
footer h3{
    font-family: ChaletParisNineteenSixty;
    font-size: 2.2vw;
    color: #C5C6C8;
    padding-top: 0px;
    padding-bottom: 10px;
}
footer h3 span{
    font-size: 2.5vw;
    color: #FFFFFF;
}

footer .content-social-f i{
    font-size: 20px;
    margin-right: 10px;
}
.btn-request-footer a{
    font-family: ArialMT;
    color: #1B1F66 !important;
    margin-top: 10%;
    background-color: #C5C6C8;
    border: 2px solid #1B1F66;
    border-radius: 10px;
    padding: 2% 10%;
}
.btn-request-footer a:hover{
    color: #FFFFFF !important;
    background-color: #1B1F66;
    border: 2px solid #C5C6C8;
}
/* office hour */
footer table{
    width: 470px;
}
footer .office-h-f{
    margin: 5vw 0vw 5vw 0vw;
    max-width: 22%;
}
footer .office-h-f h1, footer .resources-f h1{
    font-family: Gotham-Medium;
    font-size:  2.22vw;
    color:#C5C6C8;
    font-weight: 100;
    margin-top: 2.5vw;
    margin-bottom: 25px;
}
footer .office-h-f table td{
    color: #fff;
    Font-family: Gotham-Book;
    margin-top:15px;
    font-size:  1.11vw;

}
footer .office-h-f p{
    margin-top: 0px;
    margin-bottom: 7px;
    font-family: ArialMT;
    font-size: 13px;
    color: #FFFFFF;
}
/* patient resources */
footer .resources-f{
    margin: 5vw 0vw 5vw 0vw;
    padding: 0vw 1vw 0vw 0vw;

}
footer .resources-f a{
    color: #fff;
    display: block;
    Font-family: Gotham-Book;
    font-size:  1.11vw;
}
/* contenedor */
footer .container{
    max-width: 1740px;
}
footer .content-location ul{
    padding-left: 0px; 
    list-style: none; 
    display: flex;
    margin-bottom: 2px;
}
footer .content-location ul li:nth-child(1){
    margin-right: 10px;
}

/* ---------------------------footer--------------------------- */

/* Querys */
@media (min-width: 1441px){
    footer .office-h-f p {
        font-size: 1vw;
    }
}
@media (max-width: 1199px){
    footer .content-location {
        padding-left: 3vw;
    }
    footer .content-location p {
        width: 100%;
    }
    footer .office-h-f {
        max-width: 33.333333%;
    }
    footer table{
        width: 300px;
    }
    footer .office-h-f table td {
        font-size: 16px;
    }
 
    footer .resources-f a{
        font-size: 16px;
    }
    footer .office-h-f h1, footer .resources-f h1{
        font-size: 25px;
    }
}
@media (max-width: 991px){
    footer table {
        width: 244px;
    }
    footer .office-h-f table td {
        font-size: 13px;
    }
    footer .office-h-f {
        padding: 0vw 2vw;
        border: none;
        padding: 0px;
    }
}
@media (max-width: 767px){
    footer{
        padding-bottom: 14vw;
    }
    footer .resources-f, footer .office-h-f{
        padding: 0vw;
        margin: auto;
        text-align: center;
    }
    footer .content-location ul {
        width: 305px;
        margin: auto;
    }
    footer .tel-location img {
        width: 60%;
        height: auto;
        margin: auto;
        padding-bottom: 5%;
        display: block;
    }
    footer h3 {
        font-size: 30px;
    }
    footer h3 span {
        font-size: 35px;
    }
    footer .tel-location a{
        font-size: 13px;
    }
    footer .content-location {
        text-align: center;
    }
    footer .resources-f{
        margin-bottom:3vw;
    }
    .btn-request-footer a{
        font-size: 16px !important;
    }

    .resources-f h1 {
        font-size: 29px;
    }
    footer table {
        width: 337px;
    }
    footer .office-h-f table td {
        font-size: 16px;
    }
  
    footer .resources-f a {
        font-size: 18px;
    }
}
@media (max-width: 575px){
    footer .resources-f, footer .office-h-f {
        max-width: 100%;
        text-align: center;
    }
   
}

