/* FONT SIZES CHANGE */
:root {
    --font-size         : 1;
    --main-color        : #24357ce8;
    --title-color       : #506172;
    --text-color        : #697477;
    --light-text-color  : #fff;
    --body-color        : #FFFFFF;
    --color1            : #fff;
    --color2            : rgba(0, 0, 0, .07);
    --color3            : #24357ce8;
    --color4            :#fff;
    --color5            :#152035;
    --color6            :#ff2d55;
    --color7            : #f4f5f9;
    --color8            : #f4f5f9;
    --color9            :#152035;
    --color10           :#000;
    --color11           :#fff;
    --color13           : rgba(36,53,124,.9098039216);
    --color14           : #efefef;
    --color15           : #000;
    --color16           : #000;
    --color17           : #495057;
    --color18           : #fff;
    --color19           : #d1ecf1;
    --color20           : #092b4d;
    --color21           :#020e1a;
    --color22           :#007bff;
    --color23           :#28a745;
}
body.dark-theme {
    --main-color        : #0d1535e8;
    --title-color       : #EFF3F5;
    --text-color        : #C8CDD0;
    --light-text-color  : #A0A7AC;
    --border-color      : #2A3B47;
    --container-color   : #212E36;
    --body-color        :#192229;
    --color1            :#fff;
    --color2            : rgb(9 43 77 / 63%);
    --color3            : #fff;
    --color4            :#2A3B47;
    --color5            :#fff;
    --color6            :#fff;
    --color7            : #2A3B47;
    --color8            : #506172;
    --color9            :#fff;
    --color10           :#fff;
    --color11           :#2A3B47;
    --color13           : #fff;
    --color14           : #506172;
    --color15           : #fff;
    --color16           : #fff;
    --color17           : #fff;
    --color18           : #506172;
    --color19           : #2A3B47;
    --color20           : #A0A7AC;
    --color21           :#2A3B47;
    --color22           :#2A3B47;
    --color23           :#fff;
}
.change-theme-button {
    outline: none;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 30px;
    margin-top: -9px;
}
.change-theme-button::before {
    content: '◐';
}
.dark-theme .change-theme-button::before {
    content: '◑';
}
/* body {font-size: calc(var(--font-size) * 1rem);} */
.font-controls {
    display: flex;
    color: #fff;
    position: fixed;
    right: 0px;
    background: #384788;
    padding: 6px;
    margin-top: 26px;
    bottom: 85px;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-top: 20px;
    width: 140px;
    font-weight: 600;
    z-index: 998;
}
.font-controls span {
    font-size: 11px !important;
    position: absolute;
    top: 2px;
    margin-left: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.font-controls .accesibility {
    font-size: 11px !important;
    position: absolute;
    top: 2px;
    margin-left: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#font-down {
    border: 2px solid #fff;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
#font-down span {
    font-size: 15px !important;
    position: relative;
    top: -3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#font-up {
    border: 2px solid #fff;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#font-up span {
    font-size: 20px !important;
    position: relative;
    top: -6px;
    right: 6px;
}
.single-excerpt p {
    font-size: calc(var(--font-size) * 1rem);
}
.entry-main-content p {
    font-size: calc(var(--font-size) * 1rem) !important;
}
.font-control {
    margin-left: 0.5em;
    padding: 0.25em;
    cursor: pointer;
    width: 35px;
    height: 30px;
}
/* END FONT SIZE CHANGE */
.contact-address i {
    color: var(--color13);
}
.contact-address h3{
    color: var(--color13);
}
.contact-address:hover {
    border-color: var(--color13);
}
.contact-address address{
    color: var(--color13);
}
.contact-address address a{
    color: var(--color13);
}
/* .home-featured{
    background: var(--color4);
} */
.home-featured .container{
    margin-top: -50px;
}
.home-featured .container .row{
    padding-top: 50px;
}
.entry-header h1{
    color: var(--color5)!important;
}
.slider-caption h2{
    color: var(--color5)!important;
}
.slider-caption h5{
    color: var(--color5)!important;
}
.slider-caption table{
    color: var(--color5)!important;
}
.nav-tabs .nav-link.active {
    color: var(--color5);
    background-color: var(--color4);
    border-color: #dee2e6 #dee2e6 #fff;
}
.post-content h6{
    color: var(--color9);
}
.main_content .entry-header .entry-meta .post-on{
    color:var(--color15)!important;   
}
.loop-grid .post-content .entry-meta .post-on{
    color:var(--color15)!important;   
}
.widget-area .list-post .entry-meta .post-on{
    color:var(--color15)!important;
}
.widget-area .post-content .entry-meta .post-on{
    color:var(--color15)!important;
}
.mnt-50{
    margin-top: -50px;
}
.mnb-50{
    margin-bottom: -50px;
}
.pt-130{
    padding-top: 130px;
}
.topbar-inner span {
    font-size: calc(var(--font-size) * 0.75rem);
}
.widget-header .widget-title {
    font-size: calc(var(--font-size) * 1.25rem);
}
.font-small {
    font-size: calc(var(--font-size) * 0.75rem) !important;
}
.background-color-2 {
    background: var(--color14)!important;
}
.main-header .main-nav ul li a {
    font-weight: 800!important;
}
.readmore-btn{
    color: var(--color5)!important;
}
.nav-tabs .nav-link.active{
    background-color: var(--color11)!important;
    color: var(--color17)!important;
}
.contact-address i {
    color: var(--color13)!important;
}
.post-excerpt{
    color: var(--color10)!important;
}
.slider-caption ul li{
    color: var(--color10)!important;
}
.home-featured .container .services-row {
    padding-top: 25px!important;
}
.progress-wrapper {
    border: 1px solid var(--color11)!important;
}
.form-control{
    background: #fff!important;
}
.accordion-body__contents{
    background: var(--color18)!important;
}
.topbar-inner{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}
.transparencia ul li{
    color: var(--color16)!important;
}
.transparencia .table{
    color: var(--color16)!important;
}
.transparencia a{
    color: var(--color16)!important;
}
.modal p{
    color: #000!important;
}
/* label{
    color: var(--color16)!important;
} */
.product-title{
    color: var(--color9)!important;
}
.product-content h6{
    color: var(--color9)!important;
}
.post-title{
    color: var(--color9)!important;
}
.widget-title{
    color: var(--color9)!important;
}
/* .alert-info{
    color: var(--color15)!important;
    background-color: var(--color19)!important;
    border-color: var(--color19)!important;
}
.alert-info strong{
    color: var(--color15)!important;
} */
.transparency{
    background-color: var(--color11)!important;
    border: 1px solid var(--color11) !important;
}
.home-featured h2{
    color: var(--color9)!important;
}
.btn-dark{
    color: var(--color4);
    background: var(--color20)!important;
    font-weight: 700!important;
}
.btn.btn-dark::before {
    color: #fff!important;
    background: var(--color21)!important;
}
.btn.btn-primary {
    background-color: var(--color22)!important;
    border-color: var(--color22)!important;
}
@media only screen and (max-width: 480px) {
    .letter-background {
        font-size: 1.8rem !important;
        width: 100%;
    }
    .progressSix .progress-title{
        font-size: 12px;
        width: 250px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .progressSix .progress-percent {
        font-size: 10px;
        right: 5px;
        line-height: 39px;
    }
    .fs-xs-45 {
        font-size: 9vw!important;
    }
    .font-size-30 {
        font-size: 7vw!important;
    }
    .single-product .product-img{
        text-align: center;
    }
}
@media only screen and (min-width: 481px) {
    .d-md-none{
        display: none!important;
    }
}
.slick-not-dotted .slick-dots{
    display: none!important;
}
.card-body p{
    text-align: justify!important;
}
.home-featured p{
    text-align: justify!important;
}
.excerpt p{
    text-align: justify!important;
}
.post-content p{
    text-align: justify!important;
}
.post-excerpt p{
    text-align: justify!important;
}
.single-excerpt p{
    text-align: justify!important;
}
.slider-caption p{
    text-align: justify!important;
}
.logo-img{
    width: 271px;
    height: 55px;
}
.contact-directory table td a, small{
    color: var(--color10)!important;
}
.contact-directory table th{
    color: var(--color23)!important;
}