@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

/*
font-family: 'DM Sans', sans-serif;
font-family: 'Petrona', serif;
*/

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

body,html {
    margin:0px;
    /*font-family: 'DM Sans', sans-serif;*/
    font:  normal bold 13px / 17px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    color: #0e191b;
    height:100%;
    width:100%;
    line-height:23px;
    position:relative; 
    font-weight:400;
    /*
    overflow-y: hidden;
    overflow-x:hidden; 
    */
}

.mainsize {
    width:1332px;
    max-width:98%;
    /*height:100%;*/
    margin: 0 auto;
    position:relative;
}

strong, b, .bold {
    font-weight: 700;
}
i, em {
    font-style:oblique;
}

.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;
}
.text-corp {
    color: #00b1b5 !important;
}
.text-vermell {
    color:#ed6d7c;
}

.text-verd {
    color: #53d61b;
}
.text-blanc {
    color:#fff;
}
.text-negre {
    color:#000;
}
.bg-corp {
    background-color: #00b1b5;
}
.error {
    color:red;
    border-color:red;
}

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

a:not(.boto) {
    color: #34495e;
    opacity:1;
    text-decoration:underline; 
    /*border-bottom:1px solid;*/
    transition: all .2s;
}
a:hover {
    
    opacity:1;
    transition: all .2s;
}

nav.navigation ul {
    display:block;
    margin:0 50px;
}
nav.navigation ul li {
    display:inline-block;
    padding:5px 20px;    
}
nav.navigation ul a {
    text-decoration:none;
    font-weight:700;
    font-size:13px;
    line-height:17px;
    letter-spacing:1.2px;
}
nav.navigation ul a:hover {
    font-weight:700;
    font-size:13px;
    line-height:17px;
    color: #00B1B5;
}
.seccions button, .boto {
    color: #fff; border: 2px #fff solid; background-color:#00B1B5;
    font-style: normal; font-weight: 700; font-size: 16px; letter-spacing:1.2px;
    height:50px;line-height:50px;padding:0 22px;
    border-radius:25px; outline:none;box-shadow:none;
    transition: all .3s;
}
.seccions button:hover, .boto:hover {
    background-color:#fff;
    border-color: #00B1B5;
    color:#00B1B5;
    transition: all .3s;
}

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;
    border:1px #00B1B5 solid;
    border-radius:25px;
    /*margin-bottom:1em;*/
    padding:0px 22px;
    height:50px;
    line-height:50px;
    font-size:16px;
    color:inherit;
    font-weight:400;
}

/*
.seccions input[type='checkbox'] {
    width:30px;height:30px;color:red;
}
*/

.fkck {
    width:30px;height:30px;position:relative;z-index:2
}
label {
    display:inline-block;
    width:250px;text-align:left;vertical-align:middle;line-height:115%;
    font-size:16px;
}
input[type="checkbox"] {
    cursor:pointer;
    background:#fff;
    width:34px;height:34px;
    display:inline-block;
    border:7px #a9f1f2 solid;
    margin-right:10px;
    outline:2px #00B1B5 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
*/     
h3 {
    color:#34495e;
    font-size:30px;line-height:45px;font-weight:400;
}
h4 {
    font-size:30px;line-height:40px;
}
h5 {
    font-size:17px;line-height:20px;
}
.seccions:not(.vis) {display:none}
.titsup {
    font-size:26px;
    font-weight:700;
    letter-spacing: 1.4px;
    line-height:36px;
    text-align:center;
    margin-bottom:10px;
    color:#34495e;
}
a.jsl {
    color: #00B1B5;
    font-weight:500;
    text-decoration:none;
}
a.jsl:hover {
    text-decoration:underline;
}

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

#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:25px;border:0px #00B1B5 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: #00B1B5;
}
.creu:hover {
    background: #c90606;
}
#peuConfirma {
    margin-top:40px;
}
#titAlerta, #titConfirma {
    font-family: inherit;
    color:#00B1B5;
    font-size:25px;
    font-weight:700;
}
#titAlerta p {
    margin-top:10px; 
    color: #34495e;
    font-weight:400;
}

.nomProf {
    height:45px;
    color: #0e191b;
}
.terapeuta img {
    transform: scale(1);
    transition: all .3s;
}
.terapeuta:hover img {
    transform: scale(1.09);
    transition: all .3s;
}

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;
}

#topimg {display:inline;width:100%;height:auto;position:absolute;left:0;right:0;}
#logo {position:absolute;z-index:2;width:auto;}
.terapeuta {display:inline-block;max-width:48%;vertical-align:top;cursor:pointer;}
.delCita {font-size:1em;cursor:pointer;margin-left:2em;}
/* resp */

.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}
    footer h4 {margin-top:25px}
    
    /*h3 {font-size:26px;line-height:34px;}    */
    .centrat {padding:0 5%;} 
    #top {padding-top:100px}
    #imgtop {top:100px;}
    #logo {top:20px;left:50%;transform:translateX(-50%);height:60px;}
    .wboto {display:block;text-align:right}
    /*.seccions input:not([type='checkbox']) {font-size:18px;}*/
    #titAlerta, #titConfirma {font-size:23px;}
    #titAlerta p {font-size:19px;}
    #sloganfoot {padding:30px 0 30px 0px;}
    .iSelProf {height:auto;width:100%;} /*CALC(100% - 1em);}*/
    .terapeuta {margin:.7em 1%}
    .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%}  
    footer h4 {margin-top:25px}
    
    /*h3 {font-size:40px;line-height:50px;}*/   
    .centrat {padding:0 } 
    #sloganfoot {padding:10px 0 0 30px;}
    .iSelProf {height:185px;width:auto;}
    .terapeuta {margin:1em 3%}
}
@media only screen and (min-width: 900px) { /*980*/
    .g1 {width:23.0%}
    .g2 {width:48.0%}
    .g3 {width:73.0%}
    .g4 {width:98.0%} 
    .visg {display:block}
    .visp {display:none}    
    footer h4 {margin-top:0px} 
    
    #top {padding-top:0px}
    #imgtop {top:0px}
    #logo {top:0;left:45px;height:100px;transform:translate(0,0);}
    .wboto {display:inline;text-align:left}
    /*.seccions input:not([type='checkbox']) {font-size:14px;}*/
    #titAlerta, #titConfirma {font-size:21px;}
    #titAlerta p {font-size:17px;}
    .iSelProf {height:200px;width:auto;}
    .delCita {float:right;}
}

#top {max-height:CALC(100vh - 400px);position:relative;overflow:hidden;}
#dummie {width:100%;height:auto;visibility:hidden}
/*@media only screen and (min-height: 769px) {*/
@media screen and (orientation:portrait) {
    #top {max-height:none}
}
/*
@media only screen and (min-height: 0px) {
    #top {
        max-height:360px;    
    }
}
*/
footer .g1 {
    padding:0 1%;
}
footer p {
    font-size:16px;
    font-weight:400;  
    line-height:22px;  
}
footer p a, .copy a{
    display:inline-block;
    /*margin-bottom:10px;*/
}
footer h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size:20px;
    font-weight:500;
    line-height:46px;
    margin-bottom:15px;
}


footer {
    background:#34495E;
    color: rgb(238, 238, 238);
}
.sec-foot {
    float:left;
    width:20%;
    margin-bottom:30px;
    padding:0 25px;
    color:#fff;
}
.tit-foot {
    font-size:16px;
    font-weight:700;
    margin-bottom:20px;
}
.text-foot {
    font-size:14px;
    line-height:35px;
}
.text-foot a {
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
    text-decoration:none;
    line-height:26px;
    display:block;
}
.text-foot a:hover {
    color: #00B1B5;
}
a.ls {
    height:26px;
    width:26px;
    display:inline-block;
    text-align:center;
    background:#fff;
    border-radius:50%;
    color:#34495E;
    margin-right:2px;
}
a.ls:hover {
    color:#fff; 
    background: #00B1B5;  
}
a.ls i {
    line-height:26px;
    font-size:14px;
    display:block; 
}
.links-foot {
    color:rgb(238, 238, 238); 
}
.links-foot a {
    color:inherit;
    text-decoration:none;
}
.links-foot a:hover {
    color:inherit;
}
/* 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;  
}