:root{
    --theme-color:#0e4468;
    --active-color:#e00000;
    --bg-color:#e6ecf0;
    --bd-color:#0e4468;
}
body {
    /*font-size: .875rem;*/
}

a {
    color: rgba(0,0,0,.78);
}

    a:hover {
        color: rgb(0,86,179,.9);
    }
.social-sharing{    display: flex;
    align-items: center;}
.header-tc {
    background-color: #efefef !important;
}

.logo img {
    max-height: 60px;
    padding: 10px 0;
}
.brand-logo{display:none;}
.nav-top{display:flex;}
.nav-tc {
    padding: 0;display:block!important;
}
.nav-tc .navbar-toggler{border:none;}

.search-form {
    padding-bottom: 15px;
    display:none;
}

    .search-form .tel {
        margin-right: 0.5rem;
        font-size: 16px;
        line-height: 35px;
    }



.input-search{border: 2px var(--theme-color) solid;border-radius: .25rem 0 0 .25rem;}
.btn-search {
    border-radius: 0 .25rem .25rem 0;
    color:#ced4da;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    border-left: none;
    font-size: 1.15rem;
}
.bg-tc,.breadcrumb{background-color: var(--bg-color);}
.breadcrumb {
    font-size:14px;
}

.article-body img {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.list-news .media {
    flex-direction: column;
    border-bottom: 1px rgba(0,0,0,.1) dashed;
}

    .list-news .media:last-child {
        border-bottom: none;
        margin-bottom: 0 !important;
    }

.list-news .list-unstyled {
    margin-bottom: 0 !important;
}

.list-news .media img {
    width: 100%;
}

.card-text {
    color: #999;
    font-size: 14px;
}

.list-group-item.active, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #FFF;
    background-color: #efefef;
}

    .list-group-item.active a, .list-group-item a.active {
        color: #FFF;
    }

.figure-caption {
    text-align: center;
}

.title-tc {
    text-align: center;
    position: relative;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

    .title-tc:before, .title-tc:after {
        content: ' ';
        line-height: 1px;
        height: 1px;
        font-size: 1px;
        background: #DDD;
        position: absolute;
        top: 50%;
    }

    .title-tc:before {
        right: 68%;
        left: 0;
    }

    .title-tc:after {
        right: 0;
        left: 68%;
    }

.title-tc-2{
    background-color: var(--bg-color);
    border-left: 6px solid var(--bd-color);
    border-bottom: none;
    font-weight: normal;
    padding: 10px;
    font-size:1.5rem;
    margin-top: 1.5rem!important;
}
.title-tc-3
{
    
    background-color: rgb(61 98 173 / 5%);
    border-left: 4px solid var(--bd-color);
    color: var(--theme-color);
    font-size: 1.12em;
    padding: 6px 10px;
    margin-top: 1.5rem!important;
}
.title-tc-4
{
    padding: 16px 0 20px;
    text-align: left;
    border-bottom: 2px solid var(--bd-color);
    font-weight: normal;
    color: var(--theme-color);
    font-size: 2rem;
    text-align:center;
}
.product-category{background-color: var(--bg-color);border:none;border-radius:0;}
.product-category .card-header
{
    text-align: center;
    padding: 1em 0;
    border-bottom: 3px solid #fff;
    background-color: var(--bd-color);
    font-size:1.4rem;
    color:#fff;
    
    }

.product-category h4{
    padding: .75rem 1.25rem;
    border: 1px solid rgba(255,255,255,1);
    border-width:1px 0;
    font-size: 1rem;
}
.product-category h4:before,.product-category .list-group-item:before
{
    content:' ';
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233d62ad'%2F%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 16px;
    height: 12px;
    background-repeat: repeat-x;
    background-position: left center;
                            }
.product-category .list-group-item{border-width:0;background-color: var(--bg-color);font-size:0.88rem;text-indent:20px;}
.product-category .list-group-item:before{width: 10px;height: 10px;background-repeat: no-repeat;}
.product-category .list-group-item.active {
   /* background: rgba(61,98,173,.88);*/
   border-color: #fff;
}
.list-group-item.active a, .list-group-item a.active{color:rgba(61,98,173,1)}
.media-tc{display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding:10px;
    border:1px #eee solid;
    line-height:1;
    align-items: center; 
    margin-top: 1.5rem!important;   
    }
.media-tc:after{content:' ';
                            background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233d62ad'%2F%3E%3C%2Fsvg%3E");
                            display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
                            }
 .media-tc:hover{ text-decoration:none;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;color:var(--theme-color);font-weight:bold;}

    .media-txt{flex:1;font-size:1rem;margin:0 5px 0 0;}
    .media-img{line-height: 1;max-height: 60px;}
.footer {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    background: var(--bg-color);
}

    .footer a {
        color: rgba(0,0,0,.8);
    }

.footer-nav {    
    margin: 0.5rem 0;
    padding: 0;
    display: flex;
    list-style: 0;
    flex-direction: column;
    flex-flow: wrap;
}

    .footer-nav li {
        flex: 33%;
        margin: 0;
        padding: 0 0 0.3rem 0;
        list-style-type: none;
    }
.border-1{border:1px #ddd solid}

@media(min-width:768px) {
    .footer-nav {
        flex-direction: row;
                
        flex-flow:nowrap;
    }
    .footer-nav li{flex:1;}
    .logo img {
        max-height: 60px;
        padding: 2px;
    }
    .nav-top{padding-top:20px;align-items: center;}
    .nav-tc {
        padding: 0;
    }
    .nav-tc .navbar-nav{width:100%;}
.nav-tc .nav-item {
        padding: 0 2px;
        flex-grow: 1;       
    } 

        
        .nav-tc .nav-link {
            line-height: 40px;
            position: relative;
            text-align: center;
            font-weight:bold;
        }
.nav-tc .nav-link:before {
                content: ' ';
                position: absolute;
                
                left: 0;
                top:10px;
                bottom: 10px;
                display: block;
                width:1px;
                background-color:#dddddd;
            }
            .nav-tc .nav-link:after {
                content: ' ';
                position: absolute;
                border-bottom: 3px solid var(--active-color);
                left: 0;
                right: 0;
                bottom: 0;
                display: none;
            }
.nav-tc .navbar-nav li:first-child .nav-link:before{width:0;}
        .nav-tc.navbar-light .navbar-nav .nav-link:hover, .nav-tc .nav-item.active .nav-link {
            color: var(--theme-color);
        }

            .nav-tc .nav-link:hover:after, .nav-tc .nav-item.active .nav-link:after {
                display: block;
            }

    .search-form {        
        padding-bottom: 0;
        display:block;
    }

    .list-news .media {
        flex-direction: row;
    }

        .list-news .media img {
            width: 30%;
        }

    .article-body img {
        max-width: 88%;
    }
}

@media(min-width:992px) {
    
      .footer-nav{margin: 0;} 
}

@media(min-width:1100px) 
{
    
    .header-tc {
        padding: 0 10%;
    }
}

@media(min-width:1200px) {
    .header-tc {
        padding: 0 15%;
    }
}
.pagination {
    align-items: center;
    justify-content: center;
margin-top: 1.5rem!important;
}
.pagination>span{
	color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border: 1px #dee2e6 solid;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
}
.page-item.active .page-link {
    background-color: var(--bd-color);
    border-color: var(--bd-color);
}
.page-link{color:var(--bd-color);}