html {
    scroll-behavior: smooth;
}
.parent {
    position: relative;
}
.child {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
H1, H2, H3, span, div, font {
    font-family: "Open Sans", san-serif !important;
}
.btn {
    z-index:0 !important;
}
#doctors img {
    width: 100%;
}
.greybtn {
    border-radius:5px;
    background-color:#E2E2E2 !important;
    border:1px solid darkgrey;
    color:black !important;
}
#doctors li p {
    text-align:left;
    font-size:14px;
}
.p8 {
    padding: 8px;
}
.profs, .bio, .request {
    display: inline-block;
    border: 1px solid darkgrey;
    padding: 10px;
    border-radius: 5px;
    cursor:pointer;
    margin-top:16px;
    width:100%;
    max-width:266px;
}
.profs.button:hover, .bio:hover, .greybtn:hover, .request {
    background-color: #5671B4 !important;
    color: white !important;
}
.request:hover {
    color:white;
}
.bio {
    margin-bottom:64px;
}
.profs p {
    font-weight:400;
}
.bio p {
    color:#555555;
    text-decoration:none;
    font-size:16px;
}
.bio:hover p {
    color:white;
}
.modal {
    padding-bottom:64px;
    max-height:500px;
}
.modal a.close-modal {
    top: 10px !important;
    right: 10px !important;
    opacity: 0.2;
}
.desktop-facet_sidebar {
    display:none; 
}
.s_text_block_image_fw.background {
    background-image: url(/theme_oculist/static/src/img/jpg/title.jpg);
    background-position:43% 58%;
}
.tarif_card {
    background: rgba(71,71,71,0.04);
    border-radius: 6px;
    min-height: 703px;
    padding-top: 48px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    transition: box-shadow .4s linear;
}
.tarif_card font {
    font-size:14px !important;
}
.tarif_card h3 {
    color:#5671B4;
}
.tarif_btn {
    border-radius:5px;
    background-color:#5671B4;
    color:white;
}
.tarif_btn_wrap {
    position:absolute !important;
    bottom:25px;
    left:0;
    text-align:center;
    width:100%;
}
.tarif_btn:hover {
    color:white;
    text-decoration:none;
}
.topnav {
    overflow: hidden;
    position: relative;
}
.topnav a {
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
}
.topnav a.icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}


@media (max-width: 767px) {
    .facet_sidebar {
        display: block;
    }
    .s_text_block_image_fw.background {
        background-image: none;
    }
    .tarif_card {
        min-height: 400px;
    }
}
@media (min-width: 992px) {
    .col-md-2_5 {
        width:20%;
    }
}
@media (min-width: 768px) {
    .facet_sidebar {
        display: none;
    }
}