@import "parameters.css";

.text-justify{
    text-align: justify;
}



.top-bar {
    padding: 8px 0;
    position: relative;
    border-bottom: 1px solid #eaeaea;
}
.top-bar p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text);
    margin: 0;
}
.top-bar p i {
    margin-right: 15px;
}
.top-bar ul li {
    display: inline-block;
    position: relative;
}
.inner-sec {
    float: right;
}
.top-bar .social-media,
.top-bar .language {
    float: left;
    padding: 0;
    margin: 0;
}

.top-bar .social-media li {
    padding-right: 10px;
}
.top-bar .social-media li a {
    color: #888888;
    font-size: 14px;
    padding: 0 5px;
}
.top-bar .language li a {
    color: #888888;
    font-size: 14px;
    padding: 0 15px;
    border-left: 2px solid #eaeaea;
}
.top-bar .language li a img {
    margin-top: -4px;
    margin-right: 10px;
}
.top-bar .language li:last-child a {
    padding-right: 0;
}



.language-drp {
    float: left;
}

.ui-selectmenu-menu {
    z-index: 1000;
}

#language-menu li:nth-child(1):before {
    position: absolute;
    content: url(../images/layout/language-1.jpg);
    top: 0;
    z-index: 100;
}

.language-drp button {
    position: relative;
    color: #888888;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    background: transparent;
    border: 0;
    min-width: 100px;
    border-left: 1.5px solid #eaeaea;
}

.dropdown-toggle::after {
    display: none;
}

.language-drp button::before {
    position: absolute;
    content: '\f107';
    font-family: 'FontAwesome';
    right: 0;
    color: #888888;
    font-size: 16px;
    top: 0;
}

.language-drp button:hover {
    background: transparent;
    border-left: 1.5px solid #eaeaea!important;
    border: 0;
    color: #222!important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background: transparent;
    border: 0;
    color: #222!important;
}

.language-drp button img {
    margin-right: 5px;
}

.language-drp .dropdown-menu {
    padding: 0;
    background: #eaeaea;
    border-radius: 0;
    border: 0;
    min-width: 100px;
    margin-top: 10px;
}

.language-drp .dropdown-menu a {
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    font-size: 15px;
}

.language-drp .dropdown-menu a img {
    margin-right: 5px;
}

.language-drp .dropdown-menu a:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#7A9BF4), to(#5576D1));
    background-image: linear-gradient(to right, #B8DDE1, #7A9BF4, #5576D1);
    color: #fff;
}


/****** COSULTORIOS SECTION    ******/

.section-consultorio{
    position: relative;
    padding: 100px 0 70px;
}

.section-consultorio h2{
    font-size: 30px;
    line-height: 38px;
    font-weight: 800;
    text-transform: uppercase;
    color: #2b2b2b;
    margin-bottom: 25px;
}

.section-consultorio p{
    font-size: 16px;
    line-height: 24px;
    color: #888888;
    font-weight: 400;
}

.section-consultorio.gray{

    background: #f4f4f4;

}

.section-consultorio ul li {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    line-height: 30px;
    padding-left: 20px;
}

.section-consultorio ul li:before {
    position: absolute;
    content: '';
    width: 7px;
    top: 9px;
    height: 7px;
    left: 1px;
    background: #888888;
    border-radius: 30px;
}

.section-consultorio ul li:after {
    position: absolute;
    content: '';
    border: 1px solid #888888;
    width: 11px;
    top: 7px;
    height: 11px;
    left: -1px;
    background: transparent;
    border-radius: 30px;
}