/*@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Petrona:wght@400;500&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@700&family=Nunito:wght@300;600;700&family=Poppins:ital,wght@0,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;600;700&family=Poppins:ital,wght@0,400;1,700&display=swap');
@font-face {
    font-family: 'LS-Bold';
    src:url('LS-Bold/LS-Bold.ttf.woff') format('woff'),
        url('LS-Bold/LS-Bold.ttf.svg#LS-Bold') format('svg'),
        url('LS-Bold/LS-Bold.ttf.eot'),
        url('LS-Bold/LS-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/*
Títol secció
    font-family: 'LS-Bold',Helvetica,Arial,Lucida,sans-serif; font-weight:500;font-size:30px;line-height:48px;color: rgba(42,61,96,0.5)!important;
    
Text secció (subtitol)    
    font-family: Nunito; font-weight:700;font-size:22px;line-height:36px;color: rgba(42,61,96,0.5)!important;
    
Text destacat "cita"    
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight:700;font-size:22px;line-height:22px;font-style: italic;color:#015a8b;

h1 Sobreimpressionat a la foto superior
    font-family: 'LS-Bold',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 70px;
    color: #ffffff!important;
    letter-spacing: 2px;
    text-align: left;
    line-height:1em;
    
    padding-bottom: 10px;

h2 subtitol sobreimpresionat a la foto superior
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #ffffff!important;
    letter-spacing: 1px;
    line-height: 30px;
    
    padding-bottom: 10px;            
    
imatge pulsometre:
    background-color: #58C6E9;width:80px;height:52px;

Botons:    
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 50px;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    background-color: #04D37F;    

    padding-top: 20px!important;
    padding-right: 40px!important;
    padding-bottom: 20px!important;
    padding-left: 40px!important;    
    
    transition: all 300ms ease 0ms;   
    
    hover: #58C6E9
    


Degradat foto footer
    background-image: linear-gradient(160deg,rgba(42,61,96,0.87) 0%,rgba(42,61,96,0.87) 100%),url(https://www.healthwayinstitut.com/wp-content/uploads/2021/03/medical56.jpeg)!important;

Fons blau corpo
    background-color:#015A8B; // Color blau icones: #0071BA
    
Color Menú repós:
    color: rgba(0,0,0,0.6);
    
Color blau Menú actiu
    color: #2EA3F2;            

Hover Links:
    opacity:.X; => X=?
*/

.cf:before, .cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {zoom:1;width:100%}

body,html {
    margin:0px;
    font-family: 'Nunito', sans-serif;
    color: #0e191b;
    height:100%;
    width:100%;
    line-height:23px;
    position:relative; 
    font-weight:600;
    background-color: #F0F1F4;
    /*
    overflow-y: hidden;
    overflow-x:hidden; 
    */
}

.mainsize {
    max-width: 1080px;
    position: relative;
    margin: 0 auto;
    position:relative;
}

strong, b, .bold {
    font-weight: bold;
}
i, em {
    font-style:oblique;
}
.nunito {
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;    
}

#top {
    /*Degradat foto superior*/
    background-position: top center;
}

#top h1 {
    /*h1 Sobreimpressionat a la foto superior*/
    
    /*font-family: 'Dosis',Helvetica,Arial,Lucida,sans-serif;*/
    font-family: 'LS-Bold',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff!important;
    letter-spacing: 2px;
    text-align: left;
    line-height:1em;
    margin:0;
    padding-bottom: 10px;   
}
#top h2 {
    /*h2 subtitol sobreimpresionat a la foto superior*/
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
    color: #ffffff!important;
    letter-spacing: 1px;
    line-height: 30px;
    padding-bottom: 10px;   
}

h3 {
    /*Títol secció*/
    font-family: 'LS-Bold',Helvetica,Arial,Lucida,sans-serif;
    font-weight:500;line-height:48px;color: rgba(42,61,96,0.5)!important; 
    margin-bottom:18px;   
}
h4 {
    /*Text destacat "cita"    */
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight:700;line-height:22px;font-style: italic;color:#015a8b;  
    margin-bottom:18px;  
}
h5 {
    /*Text secció (subtitol)    */
    font-family: Nunito; font-weight:700;line-height:36px;color: rgba(42,61,96,0.5)!important;      
}
h1,h2,h3,h4,h5,h6,caption {

}
.pull-right {
    float:right;
}
.pull-left{
    float:left;
}
.text-center {
    text-align:center;
}
.text-right {
    text-align:right;
}
.text-left {
    text-align:left;
}
.small {
    font-size:.8em;
}
.big {
    font-size:1.15em;
}
.centrat {
    display:block;
    margin-left:auto !important; margin-right:auto !important;
}
.inline {
    display:inline;
}
.inline-block {
    display:inline-block;
}
.block {
    display:block;
}
.nowrap {
    white-space:nowrap;
}
.nomargin {
    margin:0 !important;
}
.fonttit {
    font-family:Herculanum,sans-serif !important;
}
.text-corp {
    color: #015A8B !important;
}
.text-corpC {color:#2ea3f2!important;}

.text-vermell {
    color:#ed6d7c;
}

.text-verd {
    color: #53d61b;
}
.text-blanc {
    color:#fff;
}
.text-negre {
    color:#000;
}
.bg-corp {
    /*Fons blau corpo*/
    background-color:#015A8B;
}
.bg-blanc {
    background:#fff;
}
.bg-vermell {
    background-color:#ed6d7c !important;
}
.font-text {
    font-family: 'DM Sans', sans-serif !important;
}
.error {
    color:red;
    border-color:red;
}

.avis {
    color:orange;
    border-color:orange;
}
.info {
    color:blue;
    border-color:blue;    
}

a {
    color:inherit;
    opacity:1;
    text-decoration:underline; 
    /*border-bottom:1px solid;*/
    transition: all .3s;
    text-decoration:none;
}
a:not(.boto):not(.notrans):hover {
    opacity:.7;
    transition: all .3s;
}
.seccions:not(.vis) {display:none}

.seccions {
    border-radius:10px;
    background-color:#fff;
    box-shadow: 0px 2px 80px 0px rgba(0,0,0,0.04);
}
.seccions button, .boto {
    /*
    color: rgb(255, 255, 255); border-color: rgb(131, 52, 52); font-style: normal; font-weight: 500; font-size: 14px; background-color: rgb(131, 52, 52); 
    border:2px rgb(131, 52, 52) solid;  
    height:50px;line-height:50px;font-size:14px;padding:0 36px;
    transition: all .3s;
    */
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 50px;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
    background-color: #04D37F;    
    
    transition: all 300ms ease 0ms;   
}
.seccions button:hover, .boto:hover {
    /*
    background-color:#fff;
    border-color: #833434;
    color:#833434;
    transition: all .3s;
    */
    transition: all 300ms ease 0ms;   
    background-color:#58C6E9     
}

input[type="button"][disabled], input[type="submit"][disabled], button[disabled], .disabled {
    background:#ccc !important;
    opacity:1 !important;
    text-shadow:none !important;
    pointer-events:none;
}

.seccions input:not([type='checkbox']) {
    min-width:300px;
    font-family:Poppins, sans-serif;
    padding:0px 16px;
    height:71px;
    line-height:71px;
    background: #F0F1F4;
    border-radius:10px;
    font-size:14px;
    border:none;
    color:#999;
    font-weight:400;
    letter-spacing:1px;
}
.seccions input:not([type='checkbox']):focus {
    color:#333;    
}
/*
.seccions input[type='checkbox'] {
    width:30px;height:30px;color:red;
}
*/

.fkck {
    width:30px;height:30px;position:relative;z-index:2;
}
label {
    cursor:pointer;display:inline-block;
    width:250px;text-align:left;vertical-align:middle;line-height:115%;
}
input[type="checkbox"] {
    cursor:pointer;
    background:#fff;
    width:34px;height:34px;
    display:inline-block;
    border:7px #edd solid;
    margin-right:10px;
    outline:2px #015a8b solid;
    transition: all .4s;
}  
input[type="checkbox"]:checked  {
    background:#4fdd02;
    border:5px #fff solid;
    outline:2px #5b0 solid;
    position:relative;
    transition: all .5s;
}   
input[type="checkbox"]:checked:after  {
  content:  ' \2714';
  color:#fff;
  font-size:20px;
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
/*
┘
✓ / ✓/

2611
2705
2714
*/     

.topbar {
    background-color:#015A8B;color:#fff;
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;    
    z-index:110;
    transition:.4s all;
}
.topbar.down {
    background-color: #2659c9;
    transition: .4s all;
}
.subtopbar {
    top:31px;left:0;right:0;line-height:80px;
    background-color:#fff;
    z-index:100;
    transition:.4s all;
}

.lsubtopbar {
    line-height:80px;   
    transition: .4s all; 
}

ul.mensup {
    float:right;
    line-height:inherit;
}
ul.mensup li {
    display:inline-block;font-size:14px;font-family:Nunito,sans-serif;line-height:inherit;padding-right:22px;
}
ul.mensup li a {
    display:inline-block;
    color: rgba(0,0,0,0.6);font-weight:600;
    line-height:inherit;
    transition: color 0.4s ;
}
ul.mensup li a:hover {
    transition: color 0.4s ;
}

.form {
    text-align:center;  
}
.form div {
    margin-bottom:1em;
}
.selHora:hover {
    background-color:#6bcafe!important;
    transition: all .2s;
}

p.copy {
    font-weight:400;font-size:14px;line-height:25px;
    padding:20px 1% 15px 1%;
}

p.copy a.flegals:hover {
    opacity:.5;
    transition: .3s all;
}

#alerta, #modal, #confirma, #bigLoader {
    position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.5);z-index:1010;text-align:center;
}
#modal {z-index:800}
#confirma {z-index:900}

#contAlerta, #contModal, #contConfirma {
    position:relative;display:inline-block;margin:0 auto;background:#fff;max-width:90%;width:auto;padding:5% 75px 5% 5%;text-align:left;
    box-shadow:0 0 50px rgba(0,0,0,.7);border-radius:10px;border:0px #bea469 solid;
}
#contModal {
    z-index:800;
    max-height:80%;
    height:auto;
    max-width:400px;
    width:98%;
}
#contConfirma {
    min-width:300px;
}
#txtAlerta, #txtConfirma {
    margin-top:1em;
}
#tancaAlerta, #tancaModal, #tancaConfirma {
    position:absolute;top:15px;right:15px;cursor:pointer;
    width:30px;height:30px;
}
.creu {
    background: #833434;
}
.creu:hover {
    background: #c90606;
}
#peuConfirma {
    margin-top:40px;
}

#titAlerta, #titConfirma {
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight:700;color:#015a8b;
    color: #015a8b;
}

#titAlerta p {
    font-family: 'Nunito', sans-serif !important;
    margin-top:10px; 
    color: rgba(42,61,96,0.6);
    font-style:normal;
}

.nomProf {
    position:absolute;bottom:0;left:0;right:0;/*background-color: rgba(42,61,96,0.76);*/
    font-family:Poppins,Helvetica,Arial,sans-serif;color:#fff;font-size:16px;font-weight:700;
    padding:.5em;line-height:130%;
}

p.espProf {
    color:#a3a3a3 !important;text-transform: uppercase;
    font-size:12px;letter-spacing:3px;margin-bottom:5px;
    max-width:178px;line-height:125%;height:30px;
}
.caret {
    position:absolute;top:50%;transform:translateY(-50%);width:15px;height:100px;z-index:10;opacity:.7;
}


.terapeuta {display:inline-block;vertical-align:top;cursor:pointer;}
.terapeuta img {
    transform: scale(1);
    transition: all .3s;
}
.terapeuta:hover img {
    transform: scale(1.09);
    transition: all .3s;
}
.delCita {font-size:1em;cursor:pointer;margin-left:2em;}
/* resp */

footer {
    height:106px;    
}
footer .subfoot {
    font-size:14px;font-family:Nunito,sans-serif;   
}
footer .subfoot.sup {
    background-color:#2d2d2d;color:#bbb;  
    font-weight:600;
}
.subfoot.sup li {
    display:inline-block;padding-right:22px;  
}
footer .subfoot.bot {
    background-color:#171717;color:#bbb; 
    font-weight:500;color:#666;
}
footer .subfoot.bot a.social {
    margin-left:20px;display:inline-block;color:#666666;
    font-size:25px;
    transition: .3s all;
}
footer .subfoot.bot a.social:hover {
    color:#2ea3f2;
    transition: .3s all;
}

/* política de privacitat */

.elementor-widget-container {
    line-height:190%;
}
.elementor-widget-container p, .elementor-widget-container li {
    font-size:18px;margin-bottom:10px;
}
.elementor-widget-container ul {
    line-height:130%;  
    list-style: circle inside;  
}

#menp {
    position:absolute;z-index:100;border-top:3px solid;background:#fff;width:300px;padding:15px;top:78px;left:50%;transform:translateX(-50%);display:none;
}
#menp ul li {
    display:block;
    color:#666;
    padding:10px 5%;
    margin:0;
    line-height:23px;
    font-size:14px;
}

.g1, .g2, .g3,.g4,.g5, .g6, .g33,.g66,.f33,.f66, .p33, .p66 {
    display:inline-block; position:relative;float:left; margin-left: 1%; margin-right: 1%
}
@media only screen and (min-width: 0px) {
    .g1,.g2,.g3,.g4,.g5,.g33,.g66, .p33, .p66, .bp66 {width:98.0%} 
    .visg {display:none}
    .visp {display:block}
    .mainsize {
        width: 98%;
    }
    
    .topbar {
        position:static;top:0;left:0;right:0;
        font-size:12px;line-height:40px;font-weight:600;padding-left:0px;text-align:center;
    }    
    .subtopbar {
        position:static;
        box-shadow: none!important;
    }   
    .subtopbar.down {
        line-height:80px;
        transition: .4s all;
    }  
    .lsubtopbar img {
        display:inline-block;vertical-align:middle;
        width:auto;height:43px;margin-left:30%;
        transition: .4s all;
    }    
    .lsubtopbar.down img {
        height:43px;
        transition: .4s all;
    }
    .lsubtopbar.down {
        line-height:80px; 
        transition: .4s all;   
    }    
    #top {
        padding-top:0px;height:300px;
        background-image: linear-gradient(112deg,rgba(44,63,97,0.77) 42%,rgba(44,63,97,0.77) 81%),url(../img/topp.jpg)!important;background-size:cover;
    }  
    #top > .mainsize {padding-top:90px;} 
    #top h1 {font-size: 40px;text-align:center;}
    #top h2 {font-size: 20px;text-align:center;}
    h3 {font-size:18px;}
    h4 {font-size:18px;}    
    h5 {font-size:15px;}    
    .sepcardio {margin:50px 0 30px 0;}
    .cardio {background-color: #58C6E9;width:50px;height:32px;display:inline-block;margin-bottom:2.75%}

    .seccions {padding:2em .5em;}
    .seccions button, .boto {
        padding-top: 15px!important;
        padding-right: 30px!important;
        padding-bottom: 15px!important;
        padding-left: 30px!important;     
    }  
    .seccions input:not([type='checkbox']) {min-width:0;width:300px;max-width:96%;}
    footer .subfoot {height:auto;line-height:1.7em;padding:15px 0;text-align:center}
    .foot-right {float:none;display:block;}
    .foot-left {float:none;display:block;}
    
    .capSelHR {float:none;display:inline-block;max-width:50%;}
    .capSelHL {float:left;display:inline-block;max-width:45%;}    
    .botCapSel {position:absolute;bottom:2.5em;right:0;}
    .selProf.unic {max-width:600px;max-width:92vw;min-width:none;display:block;vertical-align:top;position:relative;}
    .imgCapSel {max-height:none;max-width:100%;display:inline-block;border-radius:10px;}
    
    #logo {top:20px;left:50%;transform:translateX(-50%);height:60px;}
    .wboto {display:block;text-align:right}

    #titAlerta, #titConfirma {font-size:20px;line-height:25px;font-style: oblique;}
    #titAlerta p {font-size:18px;}

    .iSelProf {height:auto;width:100%;} /*CALC(100% - 1em);}*/
    .terapeuta {margin:.7em 1%;max-width:70%;}
    .delCita {display:block;float:none;text-align:right;}
}
/*
@media only screen and (min-width: 600px) {
    .g1 {width:48.0%}
    .g2 {width:98.0%}
    .g3 {width:73.0%}
    .g4 {width:98.0%}  
     .mainsize {
        width: 90%;
    }

    .topbar {
        position:fixed;top:0;left:0;right:0;
        font-size:12px;line-height:31px;font-weight:600;padding-left:30px;text-align:left;
    }    
    .subtopbar {
        position:fixed;
        box-shadow: 0 0 7px rgba(0,0,0,0.3) !important;
    } 
    .subtopbar.down {
        line-height:54px;
        transition: .4s all;
    }   
    .lsubtopbar img {
        display:inline-block;vertical-align:middle;
        width:auto;height:43px;margin-left:0;
        transition: .4s all;
    }    
    .lsubtopbar.down img {
        height:29px;
        transition: .4s all;
    }
    .lsubtopbar.down {
        line-height:54px; 
        transition: .4s all;   
    }     
    #top {
        padding-top:111px;height:500px;
        background-image: linear-gradient(112deg,rgba(44,63,97,0.77) 42%,rgba(0,0,0,0) 81%),url(../img/topp.jpg)!important;background-size:cover;
    }  
    #top > .mainsize {padding-top:65px;} 
    #top h1 {font-size: 70px;text-align:left;}
    #top h2 {font-size: 30px;text-align:left;}
    h3 {font-size:30px;}
    h4 {font-size:22px;}
    h5 {font-size:22px;}
    .sepcardio {margin:100px 0 150px 0;}
    .cardio {background-color: #58C6E9;width:80px;height:52px;display:inline-block;margin-bottom:2.75%;}
    
    .seccions {padding:2em;}
    .seccions button, .boto {
        padding-top: 20px!important;
        padding-right: 40px!important;
        padding-bottom: 20px!important;
        padding-left: 40px!important;     
    } 
    .seccions input:not([type='checkbox']) {min-width:300px;width:auto;}
    footer .subfoot {height:53px;line-height:53px;padding:0;text-align:left;}
    .foot-right {float:right;}
    .foot-left {float:left;}
    
    .capSelHR {float:none;display:inline-block;max-width:50%;}
    .capSelHL {float:left;display:inline-block;max-width:45%;}    
    .botCapSel {position:absolute;bottom:2.5em;right:0;}
    .selProf.unic {max-width:600px;max-width:92vw;min-width:none;display:block;vertical-align:top;position:relative;}
    .imgCapSel {max-height:none;max-width:100%;display:inline-block;border-radius:10px;}
      
    #logo {top:0;left:45px;height:100px;transform:translate(0,0);}
    .wboto {display:inline;text-align:left}

    #titAlerta, #titConfirma {font-size:21px;line-height:25px;font-style: oblique;}
    #titAlerta p {font-size:17px;}
    .iSelProf {height:280px;width:auto;}
    .terapeuta {max-width:48%;}
    .delCita {display:block;float:none;text-align:right;}
  
}
*/

@media only screen and (min-width: 768px) { /*980*/
    .g1 {width:23.0%}
    .g2 {width:48.0%}
    .g3 {width:73.0%}
    .g4 {width:98.0%} 
    .visg {display:block}
    .visp {display:none}    
    .mainsize {
        width: 80%;
    }

    .topbar {
        position:fixed;top:0;left:0;right:0;
        font-size:12px;line-height:31px;font-weight:600;padding-left:30px;text-align:left;
    }    
    .subtopbar {
        position:fixed;
        box-shadow: 0 0 7px rgba(0,0,0,0.3) !important;
    } 
    .subtopbar.down {
        line-height:54px;
        transition: .4s all;
    }   
    .lsubtopbar img {
        display:inline-block;vertical-align:middle;
        width:auto;height:43px;margin-left:0;
        transition: .4s all;
    }    
    .lsubtopbar.down img {
        height:29px;
        transition: .4s all;
    }
    .lsubtopbar.down {
        line-height:54px; 
        transition: .4s all;   
    }     
    #top {
        padding-top:111px;height:500px;
        background-image: linear-gradient(112deg,rgba(44,63,97,0.77) 42%,rgba(0,0,0,0) 81%),url(../img/topp.jpg)!important;background-size:cover;
    }  
    #top > .mainsize {padding-top:65px;} 
    #top h1 {font-size: 70px;text-align:left;}
    #top h2 {font-size: 30px;text-align:left;}
    h3 {font-size:30px;}
    h4 {font-size:22px;}
    h5 {font-size:22px;}
    .sepcardio {margin:100px 0 150px 0;}
    .cardio {background-color: #58C6E9;width:80px;height:52px;display:inline-block;margin-bottom:2.75%;}
    
    .seccions {padding:2em;}
    .seccions button, .boto {
        padding-top: 20px!important;
        padding-right: 40px!important;
        padding-bottom: 20px!important;
        padding-left: 40px!important;     
    } 
    .seccions input:not([type='checkbox']) {min-width:300px;width:auto;}
    footer .subfoot {height:53px;line-height:53px;padding:0;text-align:left;}
    .foot-right {float:right;}
    .foot-left {float:left;}
    
    .capSelHR {float:left;max-width:none;}
    .capSelHL {float:left;max-width:none;}
    .botCapSel {position:absolute;bottom:3em;right:0;}
    .selProf.unic {max-width:none;width:auto;min-width:100%;display:block;vertical-align:top;position:relative;}
    .imgCapSel {max-height:200px;max-width:250px;display:block;}
      
    #logo {top:0;left:45px;height:100px;transform:translate(0,0);}
    .wboto {display:inline;text-align:left}

    #titAlerta, #titConfirma {font-size:21px;line-height:25px;font-style: oblique;}
    #titAlerta p {font-size:17px;}
    .iSelProf {height:280px;width:auto;}
    .terapeuta {max-width:48%;}
    .delCita {float:right;}
}


@media screen and (orientation:portrait) {
    #top {max-height:none}
}