/*
	1. General
		1.1. General styles (fonts, elemental tags, colors)
		1.2. Helpers
		1.3. Hubspot forms
		1.4. Headings (h1,h2,h3,h4,h5,h6)
		1.5. Buttons

	2. Eden products
		2.1. Carousel 
		2.2. Features
		2.3. How works it
		2.4. Price
		2.5. Finder section
		2.6. Related product
		2.7. Eden products general styles

 	3. Landing (Finder) + (App) + (Friends)
 		3.1. Hero slide
 		3.2. Finder
 		3.3. App
 		3.4. Friends

    4. Home
        4.1. Carousel
        4.2. Eden features
        4.3. Light search bar
        4.4. Best Dental Clinics
        4.5. App section
        4.6. Reviews
        4.7. B2B CTA

    5. Dental Treatements
        5.1. Slide options
        5.2. Search section
        5.3. Reviews

    6. Dental Clinics and Doctors
        6.1. Slide
        6.2. Benefits eden
        6.3. Regional list

    7. Results List
        7.1. Header
        7.2. Filters
        7.3. List

    8. Pagination

    9. SEO content

    10. Treatement Info

    11. Mobile Filters

    12. Dental Clinic Template

    13. Book appointment Step1

    14. Doctor Detail Template

-------------------------------------------------------------*/

/* 1.1. General styles */

body{
    background: #fdfdf6;
}
@font-face{
    font-family:lightitalic;
    src:url(../fonts/SuisseIntl-Light.otf);
}
@font-face{
    font-family: mediumnormal;
    src:url(../fonts/SuisseIntl-Medium.otf);
}
@font-face{
    font-family:mediumitalic;
    src:url(../fonts/SuisseIntl-MediumItalic.otf)
}
@font-face{
    font-family:light;
    src:url(../fonts/SuisseIntl-Light.otf)
}
@font-face{
    font-family:regular;
    src:url(../fonts/SuisseIntl-Regular.otf)
}
@font-face{
    font-family:regularitalic;
    src:url(../fonts/SuisseIntl-RegularItalic.otf)
}
footer{
    background: #302e3b;
    padding: 35px 0;
}
footer h4{
    color: #fdfdf6;
    font-size: 1.1rem;
    font-family: mediumnormal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
footer li{
    font-size: 14px;
    font-family: light;
    color: #fdfdf6;
}
footer hr{
    background: rgba(253, 253, 246, .3);
}
footer a, footer span{
    color:#fdfdf6;
    font-family: light;
    font-size: 12px;
}
footer i{
    border-radius: 100%;
    width: 47px;
    height: 47px;
    padding:10px;
    background: transparent;
    color: #fdfdf6;
    border: 1px solid #fdfdf6;
}
footer a:hover{
    text-decoration: none;
    color:#fdfdf6;
    opacity: 0.5;
}
@media (max-width: 600px){
    footer h4, footer li{
        text-align: center;
    }
    footer h4{
        margin-top: 20px;
    }
}
.color1{
    color: #88EEEF;
}
.color2{
    color: #fdfdf6;
}
.color3{
	color: #302e3b;
}
.color4{
    color:#5e19fe;
}
.color5{
    color: #6f8ba4;
}
body{
    font-family: regular;
}
.lightitalic{
    font-family:lightitalic;
}
.mediumnormal{
    font-family:mediumnormal;
}
.mediumitalic{
    font-family:mediumitalic;
}
.light{
    font-family:light;
}
.ultralight{
    font-family:light;
    font-weight: 200;
}
.regular{
    font-family:regular;
}
.regularitalic{
    font-family:regularitalic;
}


/* 1.2. Helpers */

.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-20{
    margin-top: 20px;
}
.mt-40{
    margin-top: 40px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-35{
    margin-bottom: 35px;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-45{
    margin-bottom: 45px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-55{
    margin-bottom: 55px;
}
.mb-60{
    margin-bottom: 60px;
}
.mb-65{
    margin-bottom: 65px;
}
.mb-70{
    margin-bottom: 70px;
}
.mb-75{
    margin-bottom: 75px;
}
.mb-80{
    margin-bottom: 80px;
}
.mb-85{
    margin-bottom: 85px;
}
.mb-90{
    margin-bottom: 90px;
}
.mb-95{
    margin-bottom: 95px;
}
.mb-100{
    margin-bottom: 100px;
}
.mb-120{
    margin-bottom: 120px;
}
.mb-140{
    margin-bottom: 140px;
}
.mb-160{
    margin-bottom: 160px;
}
.mb-180{
    margin-bottom: 180px;
}
.mb-200{
    margin-bottom: 200px;
}
.pb-10{
    padding-bottom: 10px;
}
.pb-7{
    padding-bottom: 7px;
}
.pb-20{
    padding-bottom: 20px;
}
.pt-20{
    padding-top: 20px;
}
.pb-30{
    padding-bottom: 30px;
}
.pt-30{
    padding-top: 30px;
}
.pt-35{
    padding-top: 35px;
}
.pt-45{
    padding-top: 45px;
}
.pt-55{
    padding-top: 55px;
}
.pb-35{
    padding-bottom: 35px;
}
.pb-40{
    padding-bottom: 40px;
}
.pb-45{
    padding-bottom: 45px;
}
.pb-50{
    padding-bottom: 50px;
}
.pb-55{
    padding-bottom: 55px;
}
.pb-60{
    padding-bottom: 60px;
}
.pb-65{
    padding-bottom: 65px;
}
.pb-70{
    padding-bottom: 70px;
}
.pb-75{
    padding-bottom: 75px;
}
.pb-80{
    padding-bottom: 80px;
}
.pb-85{
    padding-bottom: 85px;
}
.pb-90{
    padding-bottom: 90px;
}
.pb-95{
    padding-bottom: 95px;
}
.pb-100{
    padding-bottom: 100px;
}
.pb-120{
    padding-bottom: 120px;
}
.pb-140{
    padding-bottom: 140px;
}
.pb-160{
    padding-bottom: 160px;
}
.pb-180{
    padding-bottom: 180px;
}
.pb-200{
    padding-bottom: 200px;
}
.responsive-space-7{
    padding-top: 7%;
    padding-bottom: 7%;
}
.responsive-space-7-top{
    padding-top: 7%;
}
.responsive-space-7-bottom{
    padding-bottom: 7%;
}
.responsive-space-9-bottom{
    padding-bottom: 9%;
}
.responsive-space-8-top{
    padding-top: 8%;
}
.responsive-space-5{
    padding-top: 5%;
    padding-bottom: 5%;
}
.responsive-space-3{
    padding-top: 3%;
    padding-bottom: 3%;
}
.responsive-space-5-top{
    padding-top: 5%;
}
.responsive-space-5-bottom{
    padding-bottom: 5%;
}
.responsive-space-3-bottom{
    padding-bottom: 3%;
}
.responsive-space-3-top{
    padding-top: 3%;
}
.responsive-space-1-top{
    padding-top: 1%;
}
.responsive-space-1-bottom{
    padding-bottom: 1%;
}
@media (max-width: 576px){
    .responsive-space-7{
        padding-top: 12%;
        padding-bottom: 10%;
    }
    .responsive-space-7-top{
        padding-top: 12%;
    }
    .responsive-space-7-bottom{
        padding-bottom: 10%;
    }
    .responsive-space-1-top{
        padding-top: 2%;
    }
    .responsive-space-1-bottom{
        padding-bottom: 2%;
    }
    .responsive-space-9-bottom{
        padding-bottom: 15%;
    }
    .responsive-space-8-top{
        padding-top: 15%;
    }
    .responsive-space-5{
        padding-top: 9%;
        padding-bottom: 8%;
    }
    .responsive-space-5-top{
        padding-top: 9%;
    }
    .responsive-space-5-bottom{
        padding-bottom: 8%;
    }
    .responsive-space-3-bottom{
        padding-bottom: 5%;
    }
    .responsive-space-3-top{
        padding-top: 5%;
    }
    .responsive-space-3{
        padding-top: 2%;
        padding-bottom: 2%;
    }
}
.distance-label{
    color: #6f8ba4;
    font-size: 1.3rem;
}
.no-pa-ma{
    padding: 0 !important;
    margin: 0 !important;
}
.card-top-bar{
    padding: 5px 12px;
    font-size: 14px;
    color: #fdfdf6;
    background: rgba(48, 46, 59, 1);
    top: 0;
    right: 0;
    position: absolute;
    border-bottom-left-radius: 1em;
    font-family: light;
    letter-spacing: 1px;
}
.link-to-all{
    text-transform: lowercase;

    text-decoration: underline;
}
.count{
    opacity: 0.6;
}
.hidden-min-991{
    background: transparent;
}

/* 1.3. Hubspot forms */

#firstname-a9da215d-cba5-4761-bd72-9ff1e8c51e72, #lastname-a9da215d-cba5-4761-bd72-9ff1e8c51e72, #email-a9da215d-cba5-4761-bd72-9ff1e8c51e72, #phone-a9da215d-cba5-4761-bd72-9ff1e8c51e72{
    height: 45px;
    font-size: 16px;
}
#message-a9da215d-cba5-4761-bd72-9ff1e8c51e72{
    height: 70px;
    font-size: 16px;
    margin-left: 10px;
}
.hs-form-required{
    display: none;
}
#hsForm_a9da215d-cba5-4761-bd72-9ff1e8c51e72 .hs-button{
    padding: 15px 30px;
}
#label-quieres_incluir_tu_cl_nica_en_el_buscador_-a9da215d-cba5-4761-bd72-9ff1e8c51e72 span{
    color:#757575;
}
#hsForm_a9da215d-cba5-4761-bd72-9ff1e8c51e72 .hs-form-radio-display span{
    color:#757575;
}
#hsForm_a9da215d-cba5-4761-bd72-9ff1e8c51e72 .legal-consent-container{
    margin-left: 18px;
}


/* 1.4. Headings (h1,h2,h3,h4,h5,h6) */

#features-app h3, #contacto h3{
    font-size: 2.4rem;
}
.hero-section h1 {
    margin-bottom: 20px;
}
#hero-9 h1.h2-sm {
    font-size: 2.4rem;
}
.h2-sm{
    font-size: 2.4rem;
} 
#features-app .fbox-3 h5{
    color: #757575;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#features-app .fbox-1 h5, #features-app .fbox-2 h5, #features-app .fbox-3 h5 {
    margin-top: 15px;
    margin-bottom: 10px;
}
#features-app h5.h5-md{
    font-size: 1.25rem;
    min-height: 50px;
}
#link h2.h2-lg {
    font-size: 2.4rem;
}
#features-finder .fbox-1 h5, #features-finder .fbox-2 h5, #features-finder .fbox-3 h5 {
    margin-top: 15px;
    margin-bottom: 10px;
}
#features-finder h5.h5-md{
    font-size: 1.25rem;
    min-height: 50px;
}
.h4-sm{
    font-size: 1.1rem;
    color: #757575;
    margin-top: 20px;
    min-height: 80px;
}
#features-finder .h4-sm{
    font-size: 1.1rem;
    color: #757575;
    min-height: 154px;
    margin-top: 20px;
}
@media (max-width: 576px){
    #features-finder .h4-sm{
        min-height: 0px !important;

    }
    #hero-9 h1.h2-sm{
        font-size: 30px;
    }
}


/* 1.5. Buttons */

.btn-primary{
    background: #302e3b;
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    border: 1px solid #302e3b;
    color: #fdfdf6;
    padding: 11px 22px;
    font-size: 18px;
    cursor: pointer;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.btn-primary:hover{
    background: #fdfdf6;
    color:#302e3b;
    border:1px solid #302e3b;
}
.btn-secondary {
    background: transparent;
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    border: 1px solid #fdfdf6;
    padding: 11px 22px;
    font-size: 18px;
    cursor: pointer;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.btn-secondary:hover{
    background: transparent;
}
.btn-primary i, .btn-secondary i{
    color: #88EEEF;
}
.btn-clinic-card-2{
    width: 100;
    text-align: center;
    font-size: 1rem;
    background: #88EEEF;
    color: #302e3b;
    text-transform: lowercase;
    font-family: regular;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border:0;
}
.btn-clinic-card-2:hover{
    opacity: 0.5;
}
.btn-clinic-card{
    width: 100;
    text-align: center;
    font-size: 1rem;
    background: #302e3b;
    color: #88EEEF !important;
    text-transform: lowercase;
    font-family: regular;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border:0;
}
.btn-clinic-card:hover{
    opacity: 0.5;
}
.appstore-grey:hover, .googleplay-grey:hover{
    opacity: 0.5;
}
@media (max-width: 1199px){
    section#carouselExampleIndicators .btn-secondary{
        background: #302e3b;
        border-radius: 40px 40px 40px 40px;
        -moz-border-radius: 40px 40px 40px 40px;
        -webkit-border-radius: 40px 40px 40px 40px;
        border: 1px solid #302e3b;
        padding: 11px 22px;
        font-size: 18px;
        cursor: pointer;
        text-transform: lowercase;
        letter-spacing: 1px;
        font-weight: 600;
    }
    section#carouselExampleIndicators a.btn-secondary{
        color:#fdfdf6;
    }
    section#carouselExampleIndicators .btn-secondary:hover{
        background: #fdfdf6;
        color:#302e3b;
        border:1px solid #fdfdf6;
    }
}
#link .btn-primary{
    background: #fdfdf6;
    color: #302e3b;
    border:1px solid #302e3b;
    cursor: pointer;
}
#link .btn-primary:hover{
    background: #302e3b;
    color: #fdfdf6;
    border:1px solid #fdfdf6;
}
#features-finder .btn-primary{
    font-size: 14px;
    padding: 8px 16px;
    cursor: pointer;
}
div#carouselExampleIndicators .btn-primary{
    background: #fdfdf6;
    border:1px solid #fdfdf6;
    color: #302e3b;
    font-size: 1.2rem;
    cursor: pointer;
}
div#carouselExampleIndicators .btn-secondary{
    font-size: 1.2rem;
}
div#carouselExampleIndicators .btn-primary:hover{
    opacity: 0.5;
}
div#carouselExampleIndicators .btn-secondary:hover{
    opacity: 0.5;
}
@media (max-width: 1199px){
    div#carouselExampleIndicators .btn-secondary{
        background: transparent;
        border: 1px solid #fdfdf6;
        padding: 11px 22px;
        font-size: 18px;
        cursor: pointer;
        text-transform: lowercase;
        letter-spacing: 1px;
        font-weight: 600;
    }
    div#carouselExampleIndicators .btn-secondary:hover{
        opacity: 0.5;
    }
    .btn-group>.btn-secondary {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}
.button-brand-bar{
    cursor: pointer;
    font-size: 1.1rem;
    padding: 6px 10px;
    background: transparent;
    color: #302e3b;
    font-family: regular;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #302e3b;
}
.button-brand-bar-list{
    cursor: pointer;
    font-size: 1rem;
    background: transparent;
    color: #88EEEF;
    font-family: regular;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #88EEEF;
    text-align: center;
    padding: 6px 10px;
}
.button-brand-bar-list:hover{
    background: #88EEEF;
    color: #fdfdf6;
}
.button-brand-bar:hover{
    background: #302e3b;
    color: #fdfdf6;
}
.button-brand-bar-dark{
    cursor: pointer;
    font-size: 1.1rem;
    padding: 6px 10px;
    background: #88EEEF;
    color: #302e3b;
    font-family: regular;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #88EEEF;
    font-family: mediumnormal;
}
.button-brand-bar-dark:hover{
    opacity: 0.8;
}
.button-brand-bar-light{
    cursor: pointer;
    font-size: 1.1rem;
    padding: 6px 10px;
    background: transparent;
    color: #302e3b;
    font-family: regular;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: none;
    font-family: light;
}
.button-brand-bar-light:hover{
    opacity: 0.6;
}
.button-brand-bar-map{
    background: #302e3b;
    color: #88EEEF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.button-brand-bar-map:hover{
    opacity: 0.8;
    color: #fdfdf6;
}
.btn-view-more{
    width: 100%;
    cursor: pointer;
    background: #eee;
    color: #302e3b;
}


/* 1.6. Nav */

#nav-eden .navbar{
    padding-top: 3px;
    padding-bottom: 3px;
}
#nav-eden a{
    color: #fdfdf6;
}
#nav-eden .navbar-collapse{
    flex-grow: 0;
}

#nav-eden .mr-sm-2, #nav-eden .mx-sm-2 {
    margin-right: .0rem!important;
}
#nav-eden form{
    width: 100%;
}
#nav-eden .btn-danger{
    background-color: #88EEEF;
    border-color: #88EEEF;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    appearance: none;
}
@media (min-width: 600px){
    #nav-eden form{
        width: 100%;
        margin-left: 10%;
    }
}
#nav-eden .form-control{
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    appearance: none;
}
#nav-eden select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    appearance: none;
}
@media (max-width: 991px) {
    #second-nav .navbar{
        display: none;
    }
}
#second-nav .nav-item{
    text-transform: uppercase;
    margin-right: 20px;
    margin-left: 20px;
}
#second-nav .nav-link{
    color: #fdfdf6;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
    font-family: mediumnormal;
}
.bg-dark-eden{
    background: #302e3b;
}
.bg-light-eden{
    background: #fdfdf6;
}
.bg-success {
    background-color: #88EEEF!important;
}
.bg-light{
    background: transparent !important;
}
/* Realself Search */
@media (min-width: 992px){
    #nav-eden .form-inline{
        margin-right: 10%;
        margin-left: 15%; 
    }
}
#nav-eden .form-inline{
    width: 77% !important; 
}
#nav-eden .form-control {
    display: block;
    width: 100%;
    padding: .375rem .0rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #302e3b;
    background-clip: padding-box;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #fdfdf6;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#nav-eden .form-control:focus {
    color: #fdfdf6;
    background-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    border-bottom: 1px solid #fdfdf6;
}
#nav-eden .form-control{
    width: 90% !important;
}
#nav-eden .form-control button{
    width: 10% !important;
}
#nav-eden .btn{
    background: transparent;
    color: #fdfdf6;
    margin-left: -30px;
}
#nav-eden a.btn-secondary{
    font-size: 13px;
    text-transform: capitalize;
    background: #fdfdf6;
    color:#302e3b;
    padding-left: 17px;
    padding-right: 17px;
}

/* Realself Search II */

@media (min-width: 992px){
    #nav-eden-searchbar .form-inline{
        margin-right: 10%;
        margin-left: 15%; 
    }
    #nav-eden-searchbar .form-inline{
        width: 77% !important; 
    }
    #nav-eden-searchbar .form-control {
        display: block;
        width: 100%;
        padding: .375rem .0rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: transparent;
        background-clip: padding-box;
        border-right: none;
        border-left: none;
        border-top: none;
        border-bottom: 1px solid #302e3b;
        border-radius: 0px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    #nav-eden-searchbar .form-control:focus {
        color: #302e3b;
        background-color: transparent;
        outline: 0;
        box-shadow: 0 0 0 0 rgba(255,255,255,0);
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        border-bottom: 1px solid #302e3b;
    }
    #nav-eden-searchbar .form-control{
        width: 90% !important;
    }
    #nav-eden-searchbar .form-control button{
        width: 10% !important;
    }
    #nav-eden-searchbar .btn{
        background: transparent;
        color: #302e3b;
        margin-left: -30px;
        z-index: 1000;
    }
    #nav-eden-searchbar .btn:hover{
        background: transparent;
        color: #5e19fe;
    }
    #nav-eden-searchbar input{
        color: #302e3b;
    }
}
@media (max-width: 991px){
    #nav-eden-searchbar form{
        display: none;
    }
}
@media (max-width: 991px){
    .navbar-expand-lg .navbar-toggler {
        display: block !important;
        background: #302e3b;
    }
    .navbar{
        padding: 0;
    }
    #nav-eden .navbar-nav, #nav-eden-searchbar .navbar-nav{
        background: #302e3b;
    }
    #nav-eden .nav-link, #nav-eden-searchbar .nav-link{
        color: #fdfdf6 !important;
        text-transform: uppercase;
        margin: 6px 0 !important;

    }
    #nav-eden img, #nav-eden-searchbar img{
        margin-left: 10px;
    }
    #nav-eden button, #nav-eden-searchbar button{
        margin-right: 10px;
    }

}
@media (min-width: 991px){
    #navbarEden, #navbarSearch{
        display: none !important;
    }
    #nav-eden-searchbar button.hidden-min-991{
        display: none;
    }
}
#nav-eden .fa-bars, #nav-eden-searchbar .fa-bars{
    color: #fdfdf6;
    margin-top: 5px;

}
#nav-eden .nav-link, #nav-eden-searchbar .nav-link{
    text-align: center;
    font-size: 16px;
    font-family: light;
    letter-spacing: 1px;
}


/* 2. Eden products */

/* 2.1. Carousel */

section#carouselExampleIndicators .carousel-item {
    height: 100vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section#carouselExampleIndicators .carousel-indicators .active{
    display: none;
}
@media (min-width: 1200px) {
    section#carouselExampleIndicators .carousel-caption{
        right: 0;
        left: 50%;
        bottom: 200px;
    }
}
@media (max-width: 1199px){
    section#carouselExampleIndicators .carousel-caption{
        right: 0;
        bottom: 0;
        left: 20%;
    }
}
.text-animated-slide{
    font-size: 50px;
    padding-right: 9%;
}
section#carouselExampleIndicators .fa-caret-right{
    color: #88EEEF !important;
}
section#carouselExampleIndicators a{
    float: right;
    margin-right: 9%;
}
/* Animation carousel bootstrap */
section#carouselExampleIndicators .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
section#carouselExampleIndicators .fadeIn{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight{
0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
100%{
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
100%{
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeIn {
    0%  {
        opacity: 0;
    }
    100% {
        opacity: 1;}
    }
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
} 

/* 2.2. Features */

#product-features i{
    color: #88EEEF;
}


/* 2.3. How works it */

#product-how-works{
    background: #302e3b;
}
#product-how-works .card-body{
    background: #fdfdf6;
}
#product-how-works .fa-caret-right{
    color: #88EEEF;
}


/* 2.4. Price */

#total-price, #finance-price{
    padding: 0 50px;
}
#total-price .card{
    -webkit-box-shadow: 15px 25px 0px 0px rgba(136,238,239,1);
    -moz-box-shadow: 15px 25px 0px 0px rgba(136,238,239,1);
    box-shadow: 15px 25px 0px 0px rgba(136,238,239,1);
}
#finance-price .card{
    -webkit-box-shadow: 15px 25px 0px 0px rgba(48,46,59,1);
    -moz-box-shadow: 15px 25px 0px 0px rgba(48,46,59,1);
    box-shadow: 15px 25px 0px 0px rgba(48,46,59,1);
}
#total-price .card-header{
    background: #302e3b;
}
#finance-price .card-header{
    background: #88EEEF;
    color:#fdfdf6;
}
#finance-price .card-body, #total-price .card-body{
    background: #fff;
}
#finance-price .card-title, #total-price .card-title{
    font-size: 44px;
    padding-top: 20px;
}
#finance-price .card-text, #total-price .card-text{
    min-height: 50px;
}
.text-min{
    font-size: 10px;
    color: #757575;
    margin-top: 40px;
}
.text-min strong{
    font-size: 0.7rem
}


/* 2.5. Finder section */



/* 2.6. Related products */

#eden-products .figure-img {
    margin-bottom: 0 !important;
    line-height: 1;
}
#eden-products .figure-img {
    margin-bottom: 0rem;
    line-height: 1;
}
.product-thumbnail{
    padding: 0 25%;
}


/* 2.7. Eden products general styles */

.prev-title{
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    color: #88EEEF;
}
.left-title{
    font-size: 42px;
    text-align: left;
    padding: 25px 0;
}
.post-title{
    font-size: 20px;
    margin-top: 20px;
}
.post-title-description{
    font-size: 14px;
    color: #777;
    line-height: 1.5rem;
}
@media (max-width: 767px){
    .mobile-center, .post-title, .post-title-description, .left-title, .left-title-inverse, .prev-title{
        text-align: center !important;
    }
    .left-title, .left-title-inverse{
        font-size: 34px;
    }
}


/* 3. Landing (Finder) + (App) + (Friends) */

/* 3.1. Hero slide */

#hero-9 .hero-9-text {
    background-image: url(/static/img/hero-background-eden.jpg);
    background-position: center bottom;
}
#hero-9 .bg-scroll {
    width: 100%;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    /* background-position: center center;*/
    background-size: cover;
}
#hero-9 .hero-section .container {
    position: relative;
    z-index: 10;
}
#hero-9-content {
    padding-top: 180px;
    padding-bottom: 380px;
}
#hero-9 .animated.fadeInUp {
    animation-duration: 1s;
}
#hero-9 .hero-txt p {
    padding: 0 10%;
    margin-bottom: 30px;
    color: #fdfdf6;
    font-weight: lighter;
}
#hero-9 .hero-stores-badge {
    margin-top: 40px;
}
#hero-9 a.store {
    margin-right: 15px;
}
#hero-9 img {
    vertical-align: middle;
    border-style: none;
}
.hero-9-image img {
    margin-top: -320px;
}
@media (max-width: 576px){
    #hero-9-content{
        padding-top: 120px;
        padding-bottom: 300px;
    }
}
/* Animation Hero Slide */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,80px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,80px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
#hero-9 .animated {
    animation-duration: 1.6s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-fill-mode: both
}
#hero-9 .animatedFadeInUp {
    opacity: 0
}
#hero-9 .fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
.free-label{
    border:1px solid #88EEEF;
    font-size: 1.2rem;
    padding: 12px 24px;
    color: #88EEEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* 3.2. Finder */

#finder-eden{
    background: #302e3b;
    padding-left: 2%;
}
#finder-eden li{
    font-size: 1.7rem;
    color:#fdfdf6;
    line-height: 3rem;
    font-weight: 300;
}
#finder-eden i{
    color: #88EEEF;
}
.items-eden{
    color: #88EEEF;
    font-size: 2.7rem;
    margin-bottom: 25px;
}
.detail-item{
    color: #757575;
}
.items-eden-description{
    color: #757575;
    font-size: 1.2rem;
}
#features-finder{
    background: #302e3b;
}
#features-finder .fbox-3 {
    position: relative;
    text-align: center;
    background-color: #fdfdf6;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 50px 30px;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#features-finder .fbox-3 .box-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#features-finder .fbox-3 span {
    color: #555;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#features-finder .fbox-3 h5{
    color: #757575;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#features-finder .fbox-3.green-hover:hover {
    border-top: 5px solid #88EEEF;
}
#features-finder .fbox-3:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#features-finder .fbox-3.green-hover span{
    color:#757575;
}
#features-finder .fbox-3.green-hover:hover > span {
    color: #88EEEF;
}
#features-finder .card-body{
    background: #fdfdf6;
    border: 1px solid #fdfdf6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* 3.3. App */

#features-app .fbox-3 {
    position: relative;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 50px 30px;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#features-app .fbox-3 .box-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#features-app .fbox-3 span {
    color: #555;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#features-app .fbox-3.green-hover:hover {
    border-top: 5px solid #88EEEF;
}
#features-app .fbox-3:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#features-app .fbox-3.green-hover span{
    color:#757575;
}
#features-app .fbox-3.green-hover:hover > span {
    color: #88EEEF;
}
#features-finder h3.card-title{
    font-size: 1.5rem;
}



/* 3.4. Friends */

#link{
    background-image: url(/static/img/fondo-app.png);
}
.bg-lightpurple {
    background-color: #302e3b;
}
.bg-scroll {
    width: 100%;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.p-top-100 {
    padding-top: 100px;
}
#link .animated.fadeInUp {
    animation-duration: 1s;
}
#link p {
    padding: 0 5%;
    margin-top: 10px;
    margin-bottom: 30px;
}
#link a.store {
    margin-right: 15px;
}
#link .btn:last-child, a.store:last-child {
    margin-right: 0;
}
#features-app-web .container-fluid{
    background: #302e3b;
}
#features-app-web .col-md-12{
    padding: 0;
}
#features-app-web .nav-pills .nav-link{
    border-radius: 0;
}
#features-app-web .nav-link {
    display: block;
    padding: 3.2rem 3.2rem;
    background: #fff;
    border:1px solid #eee;
    color:#302e3b;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: lighter;
}
#features-app-web .nav-link.active{
    display: block;
    padding: 3.2rem 3.2rem;
    border:1px solid #302e3b;
}
#features-app-web .nav-pills .nav-link.active{
    background-color: #302e3b;
    color: #fdfdf6;
}
.nav-pills .nav-link span{
    font-weight: 900;
}
#app-web .item-style{
    font-size: 1.4rem !important;
    line-height: 1.1 !important;
}
#app-web img{
    padding:0 5% 7% 5%;
}
#app-web i, #link i{
    color:#88EEEF;
}


/* 4. Home */

/* 4.1. Carousel */

section>div#carouselExampleIndicators .carousel-item {
    height: 70vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
div#carouselExampleIndicators .carousel-indicators .active{
    display: none;
}
@media (min-width: 1200px) {
    section>div#carouselExampleIndicators .carousel-caption{
        right: 0;
        left: 50%;
        bottom: 200px;
    }
}
@media (max-width: 1199px){
    section>div#carouselExampleIndicators .carousel-caption{
        right: 0;
        bottom: 0;
        left: 20%;
    }
}
.text-animated-slide{
    font-size: 50px;
    padding-right: 9%;
}
div#carouselExampleIndicators .fa-caret-right{
    color: #88EEEF !important;
}
div#carouselExampleIndicators a{
    float: right;
    margin-right: 9%;
}

/* Animation carousel bootstrap */

div#carouselExampleIndicators .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
div#carouselExampleIndicators .fadeIn{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
div#carouselExampleIndicators .carousel-item:before{
    background-image: linear-gradient(180deg,transparent,#000);
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
section>div#carouselExampleIndicators .carousel-caption{
    bottom: 0 !important;
    right: 20%;
    left: 20%;
}
@media (max-width: 1475px){
    section>div#carouselExampleIndicators .carousel-caption{
        bottom: 0 !important;
        right: 2%;
        left: 2%;
    }
}
section>div#carouselExampleIndicators h1{
    font-family: mediumnormal;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 2.5rem;
}
@media (max-width: 992px){
    section>div#carouselExampleIndicators h1{
        font-family: mediumnormal;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 1.7rem
    }
}


/* 4.2. Eden features */

#home1 h2{
    font-size: 1.5rem;
    padding-left: 15%;
    padding-right: 15%;
}
@media (max-width: 576px){
    #home1 h2{
        font-size: 1.2rem;
        padding-left: 3%;
        padding-right: 3%;
    }
}
#home1 .card{
    border: none;
}
#home1 .card-img-top{
    background: #fff;
}
#home1 .card-text{
    min-height: 60px;
    color: #6f8ba4;
}
#home1 .card-body{
    -moz-box-shadow:0px 10px 5px #999;
    -webkit-box-shadow: 0px 10px 5px #999;
    box-shadow: 0px 10px 10px #999;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border: 0px groove #ffffff;
}


/* 4.3. Light search bar */

#home2{
    background: #88EEEF;
    color: #302e3b;
    padding-top: 15px;
    padding-bottom: 12px;
}
#home2 .brand-bar{
    font-size: 1.1rem;
}
#home2 h2{
    font-size: 2rem;
}


/* 4.4. Best Dental Clinics */

#home3 h2{
    font-size: 2rem;
}
@media (min-width: 768px) {
/* show 3 items */
    #carouselExample .carousel-inner .active,
    #carouselExample .carousel-inner .active + .carousel-item,
    #carouselExample .carousel-inner .active + .carousel-item + .carousel-item,
    #carouselExample .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }            
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }            
    #carouselExample .carousel-inner .carousel-item-next,
    #carouselExample .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }             
    #carouselExample .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }             
    /* left or forward direction */
    #carouselExample  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carouselExample  .carousel-item-next.carousel-item-left + .carousel-item,
    #carouselExample  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #carouselExample  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #carouselExample  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }             
    /* farthest right hidden item must be abso position for animations */
    #carouselExample .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }              
    /* right or prev direction */
    #carouselExample .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carouselExample .carousel-item-prev.carousel-item-right + .carousel-item,
    #carouselExample .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #carouselExample .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #carouselExample .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    #carouselExample .fa-chevron-left:before{
        position: absolute;
        left: -50px;
        color: #88EEEF;
    }
    #carouselExample .fa-chevron-right:before{
        position: absolute;
        right: -50px;
        color: #88EEEF;
    }
    #carouselExample .carousel-control-prev, #carouselExample .carousel-control-next{
        width: 1px;
    }
}
#carouselExample .fa-chevron-right, #carouselExample .fa-chevron-left{
    font-size: 2rem;
}
#carouselExample2 .carousel-inner .active,
    #carouselExample2 .carousel-inner .active + .carousel-item,
    #carouselExample2 .carousel-inner .active + .carousel-item + .carousel-item,
    #carouselExample2 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }            
    #carouselExample2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselExample2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carouselExample2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #carouselExample2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }            
    #carouselExample2 .carousel-inner .carousel-item-next,
    #carouselExample2 .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }             
    #carouselExample2 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }             
    /* left or forward direction */
    #carouselExample2  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carouselExample2  .carousel-item-next.carousel-item-left + .carousel-item,
    #carouselExample2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #carouselExample2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #carouselExample2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }             
    /* farthest right hidden item must be abso position for animations */
    #carouselExample2 .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }              
    /* right or prev direction */
    #carouselExample2 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carouselExample2 .carousel-item-prev.carousel-item-right + .carousel-item,
    #carouselExample2 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #carouselExample2 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #carouselExample2 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    #carouselExample2 .fa-chevron-left:before{
        position: absolute;
        left: -50px;
        color: #88EEEF;
    }
    #carouselExample2 .fa-chevron-right:before{
        position: absolute;
        right: -50px;
        color: #88EEEF;
    }
    #carouselExample2 .carousel-control-prev, #carouselExample2 .carousel-control-next{
        width: 1px;
    }
}
#carouselExample2 .fa-chevron-right, #carouselExample2 .fa-chevron-left{
    font-size: 2rem;
}
#home3 .itemText {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.8rem;
    color: #5e19fe;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
#home3 .card-body>span{
    font-size: 0.8rem;
    color: #5e19fe;
    float: right;
}
#home3 .itemText .rating {
    margin-right: 1rem;
}
#home3 .rating {
    border: none;
    display: unset;
}
#home3 .rating > input {
    display: none;
}
#home3 .rating > label {
    color: #ddd;
    float: left;
    align-items: unset;
    width: unset;
    height: unset;
}
#home3 .rating > label.full:before {
    color: #88EEEF;
    margin: 0 0.1rem;
    font-size: 1.1rem;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    color: rgba(36, 36, 36, 0.4);
    height: 1.1rem;
}
#home3 a{
    text-decoration: none;
    color: #302e3b;
}
#home3 .card:hover{
    cursor: pointer;
}
#home3 h3.card-title{
    font-size: 1.1rem;
    min-height: 42px;
}
#home3 .card-body-bottom{
    margin-top: 20px;
    color: #6f8ba4;
    font-size: 0.8rem;
}
#home3 .card-footer{
    background: #302e3b;
    color:#fff;
    padding: 0 1.25rem;
}
#home3 .card-footer i{
    padding: .5rem 0;
}
#home3 .card-footer .col-3:first-child{
    border-right:1px solid #fff;
}
#home3 .card-footer .col-3:nth-last-child(2){
    border-left:1px solid #fff;
}
#home3 .card-footer .col-3:last-child{
    border-left:1px solid #fff;
}
@media only screen and (max-width: 376px) and (min-width: 100px){
    #home3 .col-6{
        min-width: 100% !important;
        margin-bottom: 35px;
    }
    #home3 .mb-35{
        margin-bottom: 0px;
    }
}
.max-h-img-treatement{
    height: 11rem;
    object-fit: contain;
}
#home3 .card-footer img{
    max-width: 40px;
    max-height: 40px;
}
#home3 .card-img-top{
    width: 245.5px !important;
    height: 181.98px !important;

}


/* 4.5. App section */

@media (min-width: 1501px){
    #home4{
        height: 410px;
        background-image: url(/static/img/back-app.jpg) !important;
    }
}
@media only screen and (max-width: 1500px) and (min-width: 600px){
    #home4{
        height: 410px;
        background-image: url(/static/img/back-app-md.jpg) !important;
    }
}
@media (max-width: 599px){
    #home4{
        background-image: url(/static/img/back-app-xs.jpg) !important;
    }
}
#home4 h2{
    font-size: 2rem;
}
#home4 p{
    font-family: light;
    font-weight: 200;
    font-size: 1.1rem;
    margin-top: 30px;
    line-height: 2em;
}
@media (max-width: 576px){
    #home4 img{
        margin-top: 30px;
    }
}


/* 4.6. Reviews */

#home5 h2{
    font-size: 2rem;
}
#home5 .card{
    width: 100%;
}
#home5 .card-body span{
    font-size: 0.7rem;
}
#home5 .min-h-reviews{
    min-height: 145px;
    color: #999;
}
#home5 .card-header{
    background: #302e3b;
}


/* 4.7. B2B CTA */

#home6{
    background: #88EEEF;
}
#home6 .b2b-cta{
    padding: 1% 0;
}
#home6 small{
    font-size: 1.2rem;
}


/* 5. Dental Treatements */

/* 5.1. Slide options */

#tratamientos-dentales1{
    background: #88EEEF;
}
#tratamientos-dentales1 .ButtonGroup-button {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}
#tratamientos-dentales1 .Button--circular{
    background-color: #fff;
    border: none;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    cursor: pointer;
}
#tratamientos-dentales1 .Icon--size60x60 {
    height: 60px;
    width: 60px;
}
#tratamientos-dentales1 .Icon--strokeThin {
    stroke-width: 1px;
}
#tratamientos-dentales1 .Icon {
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}
#tratamientos-dentales1 .Headline{
    text-align: center;
    font-family: mediumnormal;
    font-size: 0.8rem;
    padding-top: 6px;
}
#tratamientos-dentales1 .Button--circular:hover {
    border: 1px solid #000;
    font-weight: 700;
    cursor: pointer;
}


/* 5.2. Search section */

#tratamientos-dentales2{
    background: #f3f3f2;
}
#tratamientos-dentales2 h2 {
    font-size: 1.5rem;
    font-family: mediumnormal;
    font-weight: 900;
    padding-left: 15%;
    padding-right: 15%;
}
#tratamientos-dentales2 .btn-secondary{
    background: #88EEEF;
    border:1px solid #88EEEF;
}
#tratamientos-dentales2 .btn-secondary i{
    color: #302e3b;
}


/* 5.3. Reviews */

#tratamientos-dentales3 h2 {
    font-size: 1.5rem;
    font-family: mediumnormal;
    font-weight: 900;
}
#tratamientos-dentales3 .Card--concernDirectory {
    border: 1px solid #cececd;
    height: 98px;
    overflow: hidden;
}
#tratamientos-dentales3 .u-marginSmall {
    margin-bottom: 15px!important;
}
#tratamientos-dentales3 .Card--concernDirectory .Card-title {
    line-height: 98px;
    padding-left: 10px;
    font-size: 1.2rem;
    font-family: mediumnormal;
    font-weight: 900;
}
#tratamientos-dentales3 .Headline--inline {
    display: inline;
}
#tratamientos-dentales3 .Headline--linkMore {
    text-decoration: none;
}
#tratamientos-dentales3 .Headline {
    color: #000;
    margin-top: 0;
}
#tratamientos-dentales3 .Card--concernDirectory .Card-image {
    float: right;
    height: 96px;
}
#tratamientos-dentales3 img {
    vertical-align: middle;
}
#tratamientos-dentales3 label{
    font-size: 0.7rem;
    color: #fdfdf6;
    font-family: mediumnormal;
    top:0;
    left: 0;
    position: absolute;
    margin-left: 28px;
    margin-top: 8px;
    background: #88EEEF;
    padding: 0 3px;
}


/* 6. Dental Clinics and Doctors */

/* 6.1. Slide */

@media (min-width: 1200px){
    div#carouselExampleIndicators .carousel-caption{
        bottom: 0 !important;
        right: 24%;
        left: 24%;
    }
}
@media (max-width: 1199px){
    div#carouselExampleIndicators .carousel-caption{
        bottom: 0 !important;
        right: 15%;
        left: 15%;
    }
}
@media (max-width: 600px){
    div#carouselExampleIndicators .carousel-caption{
        bottom: 0 !important;
        right: 2%;
        left: 2%;
    }
}
div#carouselExampleIndicators h1, #tratamientos-dentales1 h1{
    font-family: mediumnormal;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 2.5rem;
}
@media (max-width: 1500px){
    div#carouselExampleIndicators h1, #tratamientos-dentales1 h1{
        font-family: mediumnormal;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 2.1rem
    }
}
@media (max-width: 1250px){
    div#carouselExampleIndicators h1, #tratamientos-dentales1 h1{
        font-family: mediumnormal;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 1.7rem
    }
}
div#carouselExampleIndicators .carousel-item {
    height: 15vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#clinicas-dentales2 h2 {
    font-size: 1.5rem;
    font-family: mediumnormal;
    font-weight: 900;
    border-left: 7px solid #88EEEF;
    padding-left: 4px;
}

@media (min-width: 1200px){
    .custom-mg-xl{
        padding: 0 20%;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 901px){
    .custom-mg-xl{
        padding: 0 12%;
    }
}
@media (max-width: 992px){
    .custom-mg-xl{
        padding: 0;
    }
}
.custom-mg-xs{
    padding: 0 7%;
}
#list2 .custom-mg{
    margin-left: 8%;
    margin-right: 2%;
}
div#carouselExampleIndicators .form-control{
    display: block;
    height: 52px !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
div#carouselExampleIndicators select{
    width: 11% !important;
}
div#carouselExampleIndicators input{
    width: 79% !important;
}
div#carouselExampleIndicators .input-group{
    width: 100%;
}
div#carouselExampleIndicators .input-group-append{
    width: 10%;
}
div#carouselExampleIndicators select.form-control{
    border-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
div#carouselExampleIndicators select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url("/static/img/tick.png");
    background-position: 99% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    font-size: 16px;
    color: #495057;
    background-color: #88EEEF !important;
    font-family: mediumnormal;
}
@media (max-width: 900px){
    div#carouselExampleIndicators select{
        width: 25% !important;
    }
    div#carouselExampleIndicators input{
        width: 65% !important;
    }
    div#carouselExampleIndicators .input-group{
        width: 90%;
    }
    div#carouselExampleIndicators .input-group-append{
        width: 10%;
    }
}
@media only screen and (max-width: 1700px) and (min-width: 901px){
    div#carouselExampleIndicators select{
        width: 16% !important;
    }
    div#carouselExampleIndicators input{
        width: 74% !important;
    }
    div#carouselExampleIndicators .input-group{
        width: 100%;
    }
    div#carouselExampleIndicators .input-group-append{
        width: 10%;
    }
}


/*6.2. Benefits eden */

#clinicas-dentales1{
    background: #302e3b;
}
#clinicas-dentales1 p{
    font-size: 1.1rem;
    color: #88EEEF;
}


/* 6.3. Regional list */

#clinicas-dentales2 .regional-item{
    margin: 0 0 1em;
}
#clinicas-dentales2 a.link-to-all{
    text-transform: capitalize;
    font-size: 1rem;
}
#clinicas-dentales2 a.link-to-all:hover{
    color: #302e3b;
}


/* 7. Results List */

@media (min-width: 1200px){
    #list1 .container, #list2 .container{
        max-width: 1200px;
    }
}
@media (max-width: 992px){
    #list1{
        margin-top: 20px;
    }
}


/* 7.1. Header */

#list1 .breadcrumb, #list1 h1, #treatement-info1 .breadcrumb, #treatement-info1 h1, #tratamientos-dentales1 .breadcrumb, #carouselExampleIndicators .breadcrumb{
    background: transparent;
    font-size: 12px;
    font-family: regular;
    padding: 0;
    margin: 0;
}
#list1 .breadcrumb-item a, #list1 h1, #treatement-info1 .breadcrumb-item a, #treatement-info1 h1, #tratamientos-dentales1 .breadcrumb a, #carouselExampleIndicators .breadcrumb a{
    color: #999;   
}
#list1 .breadcrumb-item.active, #treatement-info1 .breadcrumb-item.active, #tratamientos-dentales1 .breadcrumb-item.active, #carouselExampleIndicators .breadcrumb-item.active{
    color: #333;
}
#list1 hr, .breadcrumb-item.active hr, #treatement-info1 hr, #carouselExampleIndicators hr{
    margin-top: 0;
}
#treatement-info1 hr{
    margin-bottom: 0;
}


/* 7.1. Filters */

#list2 h2{
    font-size: 1.6rem;
}
#list2 h2 span{
    color:#999;
}
@media (max-width: 992px){
    #list2 .top-mg{
        margin-top: 20px;
    }
}
@media (max-width: 576px){
    #list2 #datepicker{
        margin-bottom: 30px;
    }
}
#list2 i.fa-calendar-alt, #list2 i.fa-clock, #list2 i.fa-user-friends{
    color: #88EEEF;
}
#list2 .custom-select{
    width: auto;
}
#list2 .filter-eden{
    font-size: 17px;
    font-family: regular;
    color: #757575 !important;
}
#list2 select,  #list2 .button-brand-bar-dark, #list2 .button-brand-bar-light{
    font-size: 14px;
    min-width: 100px;
}
#list2 .custom-mg select{
    border-top:none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dotted;
    border-radius: 0px !important:
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent;
}
@media (max-width: 767px){
    #list2 .custom-mg select{
        width: 80%;
        margin-bottom: 20px;
    }
    #list2 i.fa-calendar-alt, #list2 i.fa-clock, #list2 i.fa-user-friends{
        font-size: 28px;
    }
    #list2 .button-brand-bar-dark, #list2 .button-brand-bar-light{
        width: 100%;
    }
    #list2 .custom-mg{
        margin-left: 2%;
    }
    #list2 h2{
        font-size: 1.5rem;
    }
}
@media (max-width: 576px){
   #list2 h2{
        font-size: 1.1rem;
    } 
}
#list2 hr{
    margin-bottom: 0;
    margin-top: 0;
}
#list2 .list-grid{
    border-right: 1px solid rgba(0,0,0,.1);
    padding: 14% 6%;
}
.figure-img{
    margin-bottom: 0;
}
#list2 .caption a{
    width: 100%;
}
#list2 .order-item{
    margin-left: 6%;
    font-family: regular;
    font-size: 0.9rem;
    cursor: pointer;
}
#list2 .order-item-label{
    margin-left: 3%;
    font-family: mediumnormal;
    font-size: 0.9rem;
    padding-bottom: 5px;
}
#list2 .order-item.active{
    border-bottom: 4px solid #88EEEF;
    padding-bottom: 8px;
    margin-right: 35px;
    margin-left: 35px;
}
#list2 .card{
    border:none;
    background-color:transparent;
}
#list2 .card-title{
    margin-top: 12px;
    font-size: 1.1rem;
    color: #302e3b;
    display: block;
}
#list2 .card-footer{
    background: #302e3b;
    color:#fff;
    padding: 0 1.25rem;
}
#list2 .card-footer i{
    padding: 0;
}
/*
#list2 .card-footer .col-4:nth-last-child(2), #list2 .card-footer .col-3:nth-last-child(2), #carouselExample .card-footer .col-4:nth-last-child(2), #carouselExample .card-footer .col-3:nth-last-child(2){
    border-left:1px solid #fff;
}
#list2 .card-footer .col-4:last-child, #list2 .card-footer .col-4:last-child, #carouselExample .col-4:last-child, #carouselExample .card-footer .col-4:last-child{
    border-left:1px solid #fff;
}
*/
#list2 .card-img{
    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottom-right: 1px;
    -moz-border-radius-bottom-left: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}
#list2 .card-promotion-bar{
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 1.25rem;
    font-size: 11px;
    font-family: regular;
    padding: 2px 6px;
    background: #eee;
    color: #757575;
    letter-spacing: 0.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
    border-radius: 6px;
}
#list2 label i{
    color: #88EEEF;
}
#list2 .reviews-item-list{
    margin-left: 10px;
    color: #757575;
    font-size: 1rem;
    font-family: light;
}
#list2 .card-text{
    color:#999;
    font-size: 0.9rem;
}
.danger-alert{
    color: red !important;
}
#list2 ul li.list-inline-item{
    float: right;
}
@media (max-width: 1199px){
    #list2 ul li.list-inline-item{
        float: left;
    }
    #list2 .card-body p.bottom-ajust{
        position: absolute;
        top: 0;
        right: 0;
    }
    .button-brand-bar-list{
        font-size: 0.7rem;
    }
    #list2 ul li.list-inline-item{
        margin-bottom: 8px !important;
    }
    #list2 .card-body label{
        margin-bottom: 0;
    }
}
@media (max-width: 767px){
    .card-promotion-bar{
        margin-top: 16px;
    }
    #list2 .card-body p.bottom-ajust{
        margin-top: 18px;
    }
    #list2 .card-title{
        padding-top: 16px;
    }
}

#list2 ul li.list-inline-item{
    margin-bottom: 20px;
    margin-right: 0 !important;
    margin-left: 5px;
}
#list2 .info-date{
    font-size: 0.8rem;
    color: #757575;
    text-align: right;
}
.appoinment-other-day{
    opacity: 0.4;
}
.appoinment-all{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.8rem;
    text-decoration: underline;
    font-family: light;
}
.appoinment-all:hover{
    opacity: 0.7;
    color: #302e3b;
}
#list2 .card-body p.bottom-ajust{
    position: absolute;
    bottom: 0;
}
@media (min-width: 1200px){
    #list2 .col-xl-2{
        text-align: right;
    }
}
#list2 .list-grid h4{
    font-size: 1.1rem;
    padding-left: 3px;
}
.shadow-hover:hover{
    z-index: 1;
    box-shadow: 0 12px 12px -12px rgba(0,0,0,0.25), 0 -12px 12px -12px rgba(0,0,0,0.25);
    cursor: pointer;
}
#list2 .form-check{
    margin: 15px 0;
    font-size: 1rem;
    color: #bbb;
}
.block-filter{
    display: block;
    margin: 15px 0;
    color: #bbb;
    font-family: light;
}
#list2 .delete{
    font-size: 0.8rem;
    color: #999;
    display: block;
    cursor: pointer;
}
.tags {
    list-style: none;
    margin: 8px 0 0 0;
    overflow: hidden; 
    padding: 0;
}
.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 5px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    float: left;
    font-size: 10px;
    opacity: 0.8;
}/* 
.tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}*/
.tag::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}
.tag:hover {
    background-color: #88EEEF;
    color: white;
}
.tag:hover::after {
    border-left-color: #88EEEF; 
}
.list-grid i{
    color: #88EEEF;
}
.fa-trash-alt{
    color: #999 !important;
}
.fa-times-circle{
    color: #5e19fe !important;
}
#list2 .card-img{

}
@media (min-width: 1213px){
    #list2 .card-img{
        max-width: 217.5px;
        max-height: 164.33px;
    }
}


/* 8. Pagination */

.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul.pagination li{
    display: inline;
}
ul.pagination li a {
    color: #302e3b;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
@media (max-width: 330px){
    ul.pagination li a{
        font-size: 11px;
    }
}
@media (min-width: 331px){
    ul.pagination li a{
        font-size: 14px;
    }
}
ul.pagination li a.active {
    background-color: #88EEEF;
    color: white;
}
ul.pagination li a:hover:not(.active){
    background-color: #ddd;
}


/* 9. SEO content */

.seo-heading{
    font-size: 1.1rem;
    color: #777;
    font-family: regular;
}
.seo-content{
    color: #999;
    font-size: 0.9rem;
    font-family: light;
}


/* 10. Treatement Info */

#treatement-info2{
    background: #88EEEF;
}
#treatement-info2 h1{
    font-size: 2.2rem;
}
#treatement-info1 .breadcrumb, #tratamientos-dentales1 .breadcrumb, #carouselExampleIndicators .breadcrumb{
    float: right;
}
#treatement-info2 a{
    color: #302e3b !important;
}
#treatement-info2 .nav-tabs .nav-link:focus, #treatement-info2 .nav-tabs .nav-link:hover{
    border-color: transparent;
}
.subtitle-post{
    font-size: 1.3rem;
    color: #302e3b;
    margin-top: 50px;
    margin-bottom: 20px;
    font-family: mediumnormal;
}
#treatement-info2 .nav-item a{
    font-size: 1.1rem;
}
#treatement-info2 .nav-tabs .nav-link.active{
    background: #fdfdf6;
}
#treatement-info3 p, #treatement-info3 li{
    font-size: 1rem;
    color:#757575;
    text-align: justify;
}
#treatement-info3 span{
    font-size: 1.2rem;
    color: #757575;
}
@media (max-width: 767px){
    #treatement-info3 i.fa-star, #treatement-info3 i.fa-euro-sign, #treatement-info3 i.fa-clinic-medical{
        border-radius: 100%;
        width: 36px !important;
        height: 36px !important;
        padding: 10px;
        background: #88EEEF;
        color: #fdfdf6;
        border: 1px solid #88EEEF;
    }
    .pt-45{
        padding-top: 10px;
    }
}
@media (max-width: 1200px){
    #treatement-info3 span{
        font-size: 1rem;
    }
}
@media (max-width: 414px){
    #treatement-info3 span{
        font-size: 0.7rem;
    }
    #treatement-info3 .col-5{
        padding-right: 0;
    }
    #treatement-info3 .col-7{
        padding-left: 0;
    }
    #treatement-info4 .pre-autor{
        display: block;
    }
}
@media (max-width: 389px){
    h3.title-post{
        font-size: 1.2rem;
    }
    #list1 .breadcrumb, #list1 h1, #treatement-info1 .breadcrumb, #treatement-info1 h1, #tratamientos-dentales1 .breadcrumb{
        font-size: 9px;
    }
}
#treatement-info3 i{
    color: #88EEEF;
}
#treatement-info3 i.fa-star, #treatement-info3 i.fa-euro-sign, #treatement-info3 i.fa-clinic-medical{
    border-radius: 100%;
    width: 57px;
    height: 57px;
    padding: 10px;
    background: #88EEEF;
    color: #fdfdf6;
    border: 1px solid #88EEEF;
}
.item-priority{
    color: #302e3b;
    font-family: mediumnormal;
    text-decoration: underline;
}
#treatement-info3 .card-body{
    background: #f3f3f2;
}
#treatement-info3 .card-text{
    font-size: 1rem;
    color: #757575;
    text-align: justify;
}
#treatement-info3 .card{
    border: 1px solid #f3f3f2 !important;
}
.item-visibility{
    color: #302e3b !important;
    font-family: mediumnormal !important;
    font-size: 1rem !important;
}
#treatement-info3 li{
    margin-bottom: 15px;
}
.title-post {
    font-size: 1.3rem;
    color: #302e3b;
    font-family: mediumnormal;
    border-bottom: 4px solid #88EEEF;
}
h3.title-post{
    margin-bottom: 0;
    padding-bottom: 10px;
}
#treatement-info3 .card-body ul{
    padding-left: 1rem;
}
#treatement-info3 .progress{
    margin-bottom: 12px;
}
#treatement-info3 .progress-bar{
    background-color: #88EEEF;
}
#treatement-info3 label{
    margin-bottom: 0;
}





.circle-wrap {
  width: 150px;
  height: 150px;
  background: #e6e2e7;
  border-radius: 50%;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .circle .mask .fill {
  clip: rect(0px, 185px, 150px, 0px);
  background-color: #88EEEF;
}


.circle-wrap .circle .mask.full,
.circle-wrap .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(126deg);
}

@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}

.circle-wrap .inside-circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fdfdf6;
  line-height: 130px;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 2em;
}

#treatement-info4 .card-header{
    background: #f3f3f2;
}
#treatement-info4 a.link-autor{
    color: #777;
    font-size: 0.8rem;
    text-decoration: underline;
}
#treatement-info4 h5{
    text-decoration: none !important;
    font-size: 1rem;
}
#treatement-info4 .card-text{
    color:#999;
}
#treatement-info4 i{
    color: #88EEEF;
}
#treatement-info4 .pre-autor{
    color: #333;
    font-size: 0.8rem;
}
#treatement-info4 .date-opinion{
    color: #555;
    float: right;
}
#treatement-info4 .link-more-reviews{
    text-decoration: underline;
    color: #302e3b;
    font-size: 1.1rem;
}
#treatement-info4 .link-more-reviews:hover{
    opacity: 0.6;
}


/* 11. Mobile filters */

.fullscreen-modal .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
@media (min-width: 768px) {
    .fullscreen-modal .modal-dialog {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .fullscreen-modal .modal-dialog {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .fullscreen-modal .modal-dialog {
        width: 1170px;
    }
}
.modal-body h4{
    font-size: 1rem;
    margin-top: 15px;
}
.info-icon{
    position: absolute;
    top: 0;
    right: 3px;
    font-size: 13px;
}


/* 12. Dental Clinic Template */

#clinic1 .container-fluid{
    padding: 0px !important;
}
#clinic1 .storefront-header {
    padding: 10px 0;
}
#clinic1 .img-trace {
    width: 0;
    height: 0;
    position: absolute;
}
#clinic1 .wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding: 15px;
    display: block;
}
#clinic1 .fright {
    float: right;
}
.mt5 {
    margin-top: 15px;
}
#clinic1 .storefront-header-actions {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.mr10 {
    margin-right: 10px;
}
#clinic1 .storefront-header-actions {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#clinic1 .btn.btn-bordered {
    border: 1px solid #d9d9d9;
    color: #302e3b;
    border-radius: 3px;
}

#clinic1 .icon-left:before {
    margin-right: 5px;
}
#clinic1 .icon-vendor-call:before {
    background-position: -28px -91px;
    height: 18px;
    width: 18px;
}
#clinic1 .icon-left:before {
    margin-right: 5px;
}
#clinic1 .dropdown-show-phone-container {
    position: relative;
}
.mr10 {
    margin-right: 10px;
}
#clinic1 .icon-left:before {
    margin-right: 5px;
}
#clinic1 .icon-fav:before {
    background-position: 0 -297px;
    height: 18px;
    width: 18px;
}
#clinic1 .storefront-header-actions .svgIcon__hired {
    width: 25px;
    height: 17px;
}
#clinic1 .btn i {
    color: #88EEEF;
    font-size: 21px;
    vertical-align: middle;
}
#clinic1 .storefront-header-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    line-height: 42.06888374px;
    font-weight: 600;
    margin: 0;
    color: #302e3b;
    letter-spacing: 1px;
}
#clinic1 .vendor-address {
    font-family: light;
    font-size: .9rem;
    margin: 0;
    font-weight: 300;
    width: 89%;
    color: #999;
}
#clinic1 .storefront-header-summary {
    margin-top: 15px;
}
#clinic1 .va-middle {
    vertical-align: middle;
}
.mr15 {
    margin-right: 20px;
}
#clinic1 .storefront-header-actions .svgIcon__hired svg {
    fill: #f65f64;
}
#clinic1 .btn.btn-primary {
    background-color: #88EEEF;
    box-shadow: 0 2px 0 0 #1dd2d3;
    color: #302e3b;
    font-family: mediumnormal;
}
#clinic1 .storefront-header-btn {
    font-size: 15px;
    line-height: 24.27050985px;
    padding: 10px 25px;
}
#clinic1 .btn {
    font-size: 15px;
    line-height: 21.03444187px;
    font-weight: 400;
    padding: 10px 15px;
    margin-bottom: 5px;
    border-radius: 2px;
    border: 0;
    outline: 0;
    color: #fff;
    transition: all .25s;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
}
.storefront-header-stars {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    font-weight: 400;
    line-height: normal;
}
.rating-stars-vendor {
    display: inline-block;
    vertical-align: middle;
    background: url(https://cdn1.bodas.net/assets/img/sprite-rating.svg) no-repeat;
    background-position: 0 -18px;
    width: 66px;
    height: 14px;
    line-height: 0;
    text-align: left;
}
.rating-stars-vendor.rating-stars-vendor-bar {
    background-position: -66px -18px;
    margin: 0;
}
.storefront-header-stars a {
    color: #666;
    margin-top: 2px;
}
.block {
    display: block;
}
.storefront-header-badge {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    padding-right: 20px;
    width: 55px;
}
.storefront-header-faqs {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    margin-right: 20px;
}
.storefront-header-faqs p {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 300;
}
.storefront-header-faqs span {
    color: #444;
    font-size: 13px;
    font-weight: 400;
    display: block;
    margin-top: 2px;
}
.storefront-header-faqs {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    margin-right: 20px;
}
.storefront-header-faqs p {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 300;
}
.fright {
    float: right;
}
.mt10 {
    margin-top: 10px;
}
#clinic1 a[role=button] {
    cursor: pointer;
}
.storefront-header-summary {
    margin-top: 15px;
}
.inline-block {
    display: inline-block;
}
#clinic1 .card-promotion-bar{
    margin-left: .25rem;
    font-size: 11px;
    vertical-align: middle;
    font-family: regular;
    padding: 2px 6px;
    background: #eee;
    color: #757575;
    letter-spacing: 0.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
    border-radius: 6px;
}


/* 12.(B) Dental Clinic Template */

.azp_row_section-0-gap>.azp_container {
    padding-left: 0;
    padding-right: 0;
}
.azp_container-fluid {
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.azp_row_section-0-gap>.azp_container>.azp_row {
    margin-left: 0;
    margin-right: 0;
}
.azp_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.azp_row_section-0-gap>.azp_container>.azp_row>.azp_col {
    padding-left: 0;
    padding-right: 0;
}
.azp-col-100, .azp_col{
    width: 100%;
}
section.list-single-section {
    padding: 250px 0 0;
    overflow: hidden;
}
#clinic1b section {
    position: relative;
    background: #fff;
    z-index: 1;
}
section {
    display: block;
}
section.parallax-section .bg {
    height: 120%;
    top: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
    .bg {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        background-position: center;
    }
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 2;
}
.list-single-header {
    z-index: 10;
    padding: 30px 0 30px;
}
.fl-wrap {
    position: relative;
}
.list-single-header{
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, 0)),to(rgba(0, 0, 0, .95)));
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, .95));
}
#clinic1b .container {
    max-width: 1224px;
    width: 92%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table;
}
.listing-rating-wrap {
    margin-bottom: 10px;
}
.list-single-header h1 {
    width: 100%;
    z-index: 2;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    position: relative;
    font-family: Montserrat,sans-serif;
}
.list-single-header h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #88EEEF;
}
.list-single-header h1 span {
    font-size: 13px;
    font-weight: 400;
}
.list-single-header h1 a {
    font-weight: 600;
    color: #88EEEF;
    font-size: 13px;
}
.list-single-header-contacts {
    margin-top: 40px;
}
.list-single-header-contacts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-single-header-contacts li {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 0.5em;
}
.list-single-hero-details {
    margin-top: 6px;
}
.list-single-hero-rating {
    float: right;
    position: relative;
    z-index: 1;
}
.list-single-hero-rating .rate-class-name {
    float: right;
    cursor: pointer;
}
.list-single-hero-rating .score {
    float: left;
    color: #fff;
    text-align: right;
    padding-right: 15px;
    margin-top: 20px;
}
.list-single-hero-rating .score strong {
    width: 100%;
    float: left;
    padding-bottom: 4px;
    color: #fff;
    text-align: right;
}
.list-single-hero-rating .rate-class-name span {
    background: #88EEEF;
    color: #fdfdf6;
    float: right;
    font-weight: 600;
    border-radius: 7px 7px 7px 0;
    padding: 22px;
    font-size: 24px;
    border: 1px solid rgba(0,0,0,.21);
    text-shadow: 0 2px 5px rgba(0,0,0,.21);
}
.list-single-hero-rating-list {
    position: absolute;
    bottom: 100%;
    margin-bottom: 20px;
    right: 0;
    z-index: 10;
    background: rgba(6,27,65,.45);
    padding: 15px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    width: 100%;
}
.list-single-hero-rating-list .rate-item {
    margin-bottom: 17px;
}
.rate-item-title {
    margin-bottom: 6px;
    text-align: left;
    color: #fff;
    font-size: 12px;
}
.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}
.list-single-header-contacts li i{
    padding-right: 10px;
    color: #88EEEF;
}
.list-single-header-contacts li a {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.lisd-link {
    font-weight: 700;
}
.lisd-link {
    margin-left: 10px;
    padding: 10px 20px;
    border: 1px dashed hsla(0,0%,100%,.21);
    background: hsla(0,0%,100%,.11);
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}
.lisd-link i {
    padding-right: 10px;
    color: #fff;
}
.list-single-hero-links .custom-scroll-link i {
    color: #fff!important;
}
.breadcrumbs-hero-buttom {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid hsla(0,0%,100%,.21);
}
.breadcrumbs-hero-buttom .breadcrumbs {
    top: 10px;
    padding-bottom: 25px;
}
.breadcrumbs {
    font-weight: 700;
    display: inline-block;
}
.breadcrumbs-hero-buttom .breadcrumb-link {
    color: #fff;
}
.breadcrumb-link, .breadcrumb-current{
    float: left;
    padding-right: 5px;
    font-size: 11px;
}
.list-single-hero-price {
    font-size: 24px;
    padding-left: 20px;
    position: relative;
    top: 2px;
    font-weight: 700;
}
.breadcrumbs-hero-buttom span.breadcrumb-current {
    color: hsla(0,0%,100%,.71);
}
.breadcrumbs-hero-buttom .list-single-hero-price {
    font-weight: 700;
    float: right;
    font-size: 11px;
    color: #fff;
}
.list-single-hero-links {
    float: right;
    position: relative;
    top: 26px;
    margin-bottom: 30px;
}
.listing-verified {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-left: 5px;
    margin-right: 10px;
}
.listing-verified{
    background: #88EEEF;
}
.list-single-header h1 span {
    font-size: 13px;
    font-weight: 400;
}
.tooltipwrap {
    position: relative;
    display: inline-block;
}
.listing-verified {
    border-radius: 50%;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.breadcrumbs-hero-buttom .breadcrumb-link i{
    margin-left: 5px;
}
.lisd-link:hover{
    background: #88EEEF;
    text-decoration: none;
    color: #fdfdf6;
}
#clinic2 .shadow{
    border-radius: 4px;
}
@media (min-width: 992px){
    .shadow{
        padding: 0;
        background: #fff;
        -webkit-box-shadow: 0px 0px 6px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 6px -5px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 6px -5px rgba(0,0,0,0.75);
    }
}
#clinic2 .container, #clinic3 .container{
    max-width: 1200px;
    /*padding: 0;*/
}
#clinic2 .nav-pills .nav-link.active{
    background-color: #88EEEF;
    color: #fdfdf6;
    text-shadow: 0 2px 5px rgba(0,0,0,.21);
}
#clinic2 .nav-pills .nav-link{
    color: #999;
    padding: 15px 35px;
    /*padding-top: 35px;
    padding-bottom: 35px;*/
    text-align: center;
}
#clinic2 .nav-link i{
    display: block;
    margin-bottom: 10px;
}
@media only screen and (min-width: 768px){
    #clinic2 .nav-item{
        width: 20%;
    }
    #pills-contact3 .col-6:first-child{
        padding-right: 5%;
    }
    #pills-contact3 .col-6:last-child{
        padding-left: 5%;
    }
}
@media only screen and (max-width: 768px){
    #clinic2 .nav-item{
        width: 33%;
    }
    #clinic2 .nav-pills .nav-link{
        padding: 7px 17px;
    }
}

#clinic2 .tab-content>.tab-pane{
    padding: 30px;
}
.detail-title-box{
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.detail-title{
    color: #777;
    font-size: 1rem;
    font-weight: 200;
}
#clinic2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}
#clinic2 ul.list-unstyled li.mg{
    margin: 20px 60px 20px 0;
    color: #878C9F;
}
#clinic2 ul.list-unstyled li.mg:last-child{
    margin-right: 0px;
}
.no-activated{
    opacity: 0.3;
}
#clinic2 .tag{
    font-size: 0.9rem;
    margin-top: 10px;
    margin-right: 5px !important;
    color: #ccc !important;
}
#clinic2 .tag:last-child{
    margin-right: 0;
}
#pills-tabContent a:hover{
    opacity: 0.5;
    cursor: pointer;
}
.doctor-item{
    width: 25%;
    text-align: center;
}
@media only screen and (max-width: 767px){
    .doctor-item{
        width: 50%;
        text-align: center;
    }
}
#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}
#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}
#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}
#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}
#myCarousel .limit-preview{
    width: auto;
    height: 45.6px;
}
#myCarousel  .carousel-indicators{
    margin-top: 2px;
}
.reviews-comments-wrap {
    display: inline-table;
    margin-top: 30px;
}
.reviews-comments-item {
    padding: 0 0 30px 110px;
    position: relative;
    float: left;
    margin-bottom: 40px;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.review-comments-avatar {
    position: absolute;
    top: 0;
    left: 20px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%;
}
.review-comments-avatar img {
    width: 80px;
    height: 80px;
    float: left;
}
#clinic2 img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
.reviews-comments-item-text {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 20px;
    color: #777;
    font-size: 1rem;
}
.reviews-comments-item-text h4 {
    text-align: left;
    padding-bottom: 25px;
    float: left;
    font-size: 16px;
    font-weight: 500;
}
.reviews-comments-item-text .listing-rating {
    float: right;
}
.listing-rating i{
    color:  #88EEEF;
}
.reviews-comments-item-date{
    color:#878C9F ;
    font-size: 0.9rem
}
.reviews-comments-item-date i{
    margin-right: 6px;
    color: #88EEEF;
}
.doctor-item{
    margin-bottom: 20px;
}
.doctor-item img{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.doctor-item h3, .doctor-item span{
    font-size: 0.8rem;
}
.doctor-item h3{
    margin-top: 12px;
    font-weight: 900;
}
.doctor-item span{
    color: #999;
}
.button-map{
    background: #88EEEF;
    color: #fdfdf6;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 10px 18px;
    text-shadow: 0 2px 5px rgba(0,0,0,.21);
}
.button-map:hover{
    text-decoration: none;
    opacity: 0.5;
    color: #000;
}


/*  Appoinment  */
#clinic2 .light{
  background-color: #88EEEF;
}
#clinic2 .calendar{
    width:100%;
    box-shadow: 0px 0px 35px -16px rgba(0,0,0,0.75);
    padding: 20px 30px;
    color:#363b41;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#clinic2 .calendar_header{
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

#clinic2 .header_copy{
  color:#fdfdf6;
  font-size:1rem;
}
#clinic2 .calendar_plan{
  margin:20px 0 40px;
}
#clinic2 .cl_plan{
    width:100%;
    background-image: linear-gradient(-222deg, #fdfdf6, #fdfdf6);
    box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
    padding:30px;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#clinic2 .header_title{
    font-size: 1.6rem;
    color: #fdfdf6;
    font-weight: 900;
    text-shadow: 0 2px 5px rgba(0,0,0,.21);
}
#clinic2 .cl_copy{
  font-size:20px;
  margin-bottom: 20px;
  display: inline-block;
  text-shadow: 0 2px 5px rgba(0,0,0,.21);
}
#clinic2 .cl_title{
    text-shadow: 0 2px 5px rgba(0,0,0,.21);
}/*
#clinic2 .cl_add{
  display: inline-block;
  width: 40px;
  height:40px;
  border-radius:50%;
  background-color: #fff;
  cursor: pointer;
  margin:0 0 0 65px;
  color:#c2c2c2;
  padding: 9px 13px;
}*/
#clinic2 button{
    border:none !important;
}
#clinic2 .calendar_events{
  color:$light_grey;
}
#clinic2 .ce_title{
  font-size:14px;
}
#clinic2 .event_item{
  margin: 18px 0;
  padding:5px;
  cursor: pointer;
  &:hover{
    background-image: linear-gradient(-222deg, #FF8494, #ffa9b7);
    box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
    .ei_Dot{
      background-color: #fff;
    }
  }
}
#clinic2 .ei_Dot{
  display:inline-block;
}
#clinic2 .ei_Copy{
  font-size:12px;
  margin-left:27px;
}
#clinic2 .calendar_events .list-inline-item{
    margin-bottom: 25px;
}
#clinic2 .header_title i{
    color: #fdfdf6;
}
#pills-contact2 a{
    color: #302e3b;
    font-size: 0.8rem;
}
#pills-contact3 .price-box{
    display: block;
    border: 0.5px solid #eee;
    padding: 12px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#pills-contact3 .price-box h3{
    display: inline;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 200;
    color: #777;
}
#pills-contact3 .price-box span{
    display: inline;
    float: right;
    text-align: right;
}
#clinic2 .col-md-4{
    padding-right: 0;
}
@media only screen and (max-width: 845px) and (min-width: 765px){
    #clinic1b .score{
        float: right;
    }
}
.detail-view-more{
    font-size: 1.1rem;
}
@media only screen and (max-width: 992px){
    .calendar{
        margin-top: 40px;
    }
    #clinic2 .cl_plan{
        text-align: center;
        padding-top: 42px;
    }

}
#list2 .gj-icon{
    color: #88EEEF;
}

#reservar-cita .gj-icon{
    color: #88EEEF;
    background: #FDFDF6;
}
#reservar-cita .gj-textbox-md{
    border-bottom: 1px solid #88EEEF;
    color: #88EEEF !important;
    box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75) !important;
}
#reservar-cita .gj-textbox-md::placeholder{
    color: #88EEEF !important;
    font-weight: 900;
    margin-top: 15px;
}
#reservar-cita .button-map{
    color: #88EEEF;
    background: #fdfdf6;
    text-shadow: none;
    font-weight: 900;
}

/*
#reservar-cita [type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
#reservar-cita [type="date"]::-webkit-inner-spin-button {
  display: none;
}
#reservar-cita [type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

#list2 div.custom-mg [type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
  width: 100%;
}
#list2 div.custom-mg [type="date"]::-webkit-inner-spin-button {
  display: none;
  width: 100%;
}
#list2 div.custom-mg [type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  width: 100%;
}


#reservar-cita input/*, #list2 div.custom-mg input{
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  width: 100%;
}
*/

#clinic2 .card{
    border: none;
    margin-bottom: 20px;
}
#clinic2 .card-header{
    border: 1px solid rgba(0,0,0,.1);
    padding-top: 0.5rem;
    padding-bottom: 0rem;
    padding-left: 0px;
    background: transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#clinic2 .tag {
    background: transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #ddd;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 5px 10px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    float: left;
    font-size: 0.9rem;
    opacity: 1;
    font-weight: 200;
}
#clinic2 .tag::after{
    display: none;
}
#clinic2 .tag:hover{
    background: #ddd;
    color: #fdfdf6;
    opacity: 1;
}
#clinic2 .detail-title i{
    font-size: 1rem;
    position: absolute;
    right: 10px;
    color: #88EEEF;
}
#clinic2 .btn-link:hover{
    text-decoration: none;
    color: #777;
    opacity: 0.7;
}
#clinic2 .card-header button{
    width: 100%;
    text-align: left;
}
#accordion .card-body{
    padding: 1.25rem 0;
}
@media only screen and (max-width: 992px){
    #clinic2 .card{
        background-color: transparent !important;
    }
}
@media only screen and (max-width: 420px){
    .reviews-comments-item{
        padding: 0 0 30px 90px;
    }
    .reviews-comments-item-text{
        padding:0 0 0 15px;
    }
}

/* 13. Book appointment Step1 */


.map-container-section {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-container-section iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
.form-header {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    color: #fff;
    text-align: center;
    margin-top: -3.13rem;
    margin-bottom: 3rem;
    padding: 1rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
}
.blue.accent-1 {
    background-color: #88EEEF!important;
}
.dark-grey-text {
    color: #4f4f4f!important;
}
.mt-2, .my-2 {
    margin-top: .5rem!important;
}
.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 2.6rem;
}
.md-form .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
.md-form .prefix {
    top: .25rem;
    font-size: 1.75rem;
}
.md-form .prefix~input, .md-form .prefix~textarea {
    margin-left: 2.5rem;
    width: calc(100% - 2.5rem);
}
.md-form .prefix~label {
    margin-left: 2.5rem;
}
.md-form label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    -webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out;
    transition: color .2s ease-out,-webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out,color .2s ease-out;
    transition: transform .2s ease-out,color .2s ease-out;
    transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    cursor: text;
    color: #757575;
}
.md-form input[type=text], .md-form input[type=number]{
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
}
.md-form .form-control {
    margin: 0 0 .5rem 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: .6rem 0 .4rem 0;
    background-color: transparent;
    height: auto;
}


/* Ajust search bar */

#detail-doctor .container{
    max-width: 1200px !important;
}

div#carouselExampleIndicators input {
    width: 100% !important;
}
div#carouselExampleIndicators input {
    width: 100% !important;
}
#finderSearchForm .twitter-typeahead, #tratamientos-dentales2 .twitter-typeahead, #carouselExampleIndicators .twitter-typeahead{
    margin-right: 0px !important;
    width: 89% !important;
}
@media only screen and (max-width: 1700px) and (min-width: 901px){
    div#carouselExampleIndicators input {
        width: 100% !important;
    }
}
@media (max-width: 900px){
    div#carouselExampleIndicators input {
        width: 100% !important;
    }
}
#tratamientos-dentales2 .form-control:not(.tt-input){
    width: 100% !important;
}
#tratamientos-dentales2 .input-group-append {
    margin-left: -1px;
    height: 38px !important;
}
#tratamientos-dentales2 .fa-search:before {
    content: "\f002";
    position: absolute;
    bottom: 8px;
    right: 11px;
}
.tag:hover {
    background-color: #88EEEF;
    color: white;
}
.tag:hover::after {
    border-left-color: #88EEEF;
}
@media (min-width: 992px){
    #nav-eden-searchbar .form-control {
        width: 100% !important;
    }
}
#clinic2 .header_copy{text-align:justify;}


/* Capitalize doctor name */

.doctor-item>h3{
    text-transform: capitalize;
}


/* Ajust Header */

@media (min-width: 992px){
    .signin-nav{
        color:#5e19fe;
        font-size:12px;
        font-weight:600;
        text-decoration:none;
        text-transform: uppercase;
        display: block;
        min-width: 100px;
    }
    .signin-nav:hover{
        opacity: 0.8;
    }
}
@media (max-width: 991px){
    .signin-nav{
        display: none
    }
    #navbarEden li:last-child{
        border-top:1px solid #fdfdf6;
    }
}

/* Capitalize doctor name */
.doctor-item > h3{
    text-transform: capitalize;
}

/* Ajust Header */

@media (min-width: 992px){
    .signin-nav{
        color:#5e19fe;
        font-size:12px;
        font-weight:600;
        text-decoration:none;
        text-transform: uppercase;
        display: block;
        min-width: 100px;
    }
    .signin-nav:hover{
        opacity: 0.8;
    }
}
@media (max-width: 991px){
    .signin-nav{
        display: none
    }
    #navbarEden li:last-child{
        border-top:1px solid #fdfdf6;
    }
}
.item-app-features{
    font-size: 1.4rem;
    color: #fdfdf6;
}
#pills-tabContent3 i{
    color: #88EEEF;
}
#features-finder .nav-pills .nav-link.active{
    background: #fdfdf6;
    color: #302e3b;
}
#features-finder .nav-pills .nav-link{
    margin: 0 5px;
    border:1px solid #fdfdf6;
    color:#fdfdf6;
}
.title-h6-step{
    font-weight: 900;
    color: #999;
    margin-bottom: 20px;
}
.back-home{
    background: #5e19fe;
    padding: 12px 18px;
    font-size: 15px;
    position: fixed;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1000;
}
.back-home a{
    color: #fdfdf6;
}
.hero-section .division{
    margin-top: -100px !important;
}