#main-content {}


#news h1 {
    margin: 30px 0;
}

#news a {
    color: #333 !important;
}

#news h2,
#newsdetail h1 {
    margin: 20px 0 10px 0;
    color: #000;
}

#news h2,
#news .info .detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 2.05em;
}

.detail img {

    max-width: 100%;
    display: block;
    margin: 20px auto;
}

.detail h1 {
    font-size: 2em !important;
    text-transform: uppercase !important;
    color: #333 !important;
    margin: 0 0 20px 0 !important;

}

.detail h2 {
    margin: 30px 0 0 0;
    font-size: 1.4em !important;
    font-weight: 500 !important;
    color: #333 !important;
}

.detail h3 {
    margin: 20px 0;
    font-size: 1.2em !important;
    font-weight: 500 !important;
    color: #666 !important;
}

.detail p {
    margin: 10px 0 !important;
    font-size: .9em !important;
    font-weight: 400 !important;
    color: #333 !important;
}

.detail ol,
.detail ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.detail a {
    color: #333 !important;
}

#news h2,
#newsdetail h2 {
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: .5px;
}

#news .info,
#newsdetail .info {
    margin-bottom: 40px;
}

#news .info-img {
    width: 100%;
    height: calc(22.858vw - 70px);
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#news .info .detail,
#newsdetail .info .detail {
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 20px;
    color: #000;
    margin-bottom: 30px;
}

#news .info .readmore,
#newsdetail .info .readmore {
    max-width: 118px;
    text-align: center;

}

#news .info .readmore a:active,
#newsdetail .info .readmore a:active,
#news .info .readmore a:focus,
#newsdetail .info .readmore a:focus {
    color: #000;
    text-decoration: none;

}

#news .info .readmore a img,
#newsdetail .info .readmore a img {
    opacity: .5;
    transition: all ease-in-out .35s;
}

#news .info .readmore a:active img,
#newsdetail .info .readmore a:active img,
#news .info .readmore a:focus img,
#newsdetail .info .readmore a:focus img,
#news .info .readmore a:hover img,
#newsdetail .info .readmore a:hover img {
    opacity: 1;
}

#news .loading,
#newsdetail .loading {
    margin: 15px 0px 30px 0px;
    text-align: center;
}

#news .loading img,
#newsdetail .loading img {
    margin: 0 auto;
}

@media (max-width: 991px) {

    #news .info .readmore,
    #newsdetail .info .readmore {
        float: right;
    }

    #news .info-img {
        height: calc(80vw - 70px);
    }
}

@media (min-width: 1200px) {

    #news .info,
    #newsdetail .info {
        padding-left: 35px;
        padding-right: 35px;
    }
}

#newsdetail .title {
    position: relative;
    background: #fff;
    text-align: left;
}

#newsdetail .title h1 {
    font-size: 1.2em;
    line-height: 1em;
    padding: 20px 0;
    margin: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

#newsdetail .title .closes {
    position: absolute;
    right: 30px;
    top: 35%;
}

#newsdetail .slide {
    background: #ebebeb;
}

#newsdetail .item img {
    margin: 0 auto;
}

#newsdetail #thumb {
    padding: 8px;
}

#newsdetail #thumb li {
    list-style: none;
    padding: 8px;
    cursor: pointer;
}

#newsdetail .detail {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #000;
    margin: 40px 0px 31px 0;
}

#newsdetail .detail p:first-child strong {
    font-size: 1.4em !important;
    margin: 30px 0 !important;
    display: block;
}

#newsdetail .detail strong {
    font-weight: 500 !important;

}

#newsdetail .back {
    margin-top: 20px;
}

#newsdetail .back img {
    height: 17px;
}

#newsdetail .next,
#newsdetail .previous {
    max-width: 106px;
    margin-bottom: 42px;
}

#newsdetail .next {
    float: right;
}

#newsdetail .active img {
    opacity: 0.5 !important;
}

@media (max-width: 991px) {
    #newsdetail .owl-controls {
        position: absolute;
        top: 45%;
        width: 100%;
    }

    #newsdetail .owl-controls .owl-prev {
        position: absolute;
        z-index: 30;
        left: 0px;
        background: none;
        text-indent: -99999px;
        width: 38px;
        height: 38px;
        background: url("../images/previos-slide.svg") no-repeat;
        opacity: 1;
    }

    #newsdetail .owl-controls .owl-next {
        position: absolute;
        z-index: 30;
        right: 0px;
        background: none;
        text-indent: -99999px;
        width: 38px;
        height: 38px;
        background: url("../images/next-slide.svg") no-repeat;
        opacity: 1;
    }
}

@media (min-width: 992px) {

    #newsdetail .owl-controls .owl-prev,
    #newsdetail .owl-controls .owl-next {
        display: none;
    }

    #newsdetail #thumb {
        height: 410px;
    }
}

@media (min-width: 1200px) {
    #newsdetail #thumb {
        height: 504px;
    }
}

.nopad,
.nopad strong {
    margin: 0 !important;
    padding: 0 !important;
}

/*  */
.hero {
    width: 100%;
    height: 500px;
    background-color: #ebebeb;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

ul.lib {
    margin: 0;
    padding: 0 0 0 20px;
}

ul.lib li {
    list-style: none !important;
    margin-bottom: 10px;

}

ul.lib li:before {
    font-family: bootstrap-icons !important;
    content: "\F194";
    font-size: .8em;
    color: #333;
    vertical-align: middle;
    margin-right: 10px;
}

ul.lib li a {
    color: #333 !important;
}

a.btndownload {
    display: inline-block;
    background: transparent !important;
    border: 2px solid #7b6756;
    color: #7b6756 !important;
    padding: 5px 20px !important;
    font-size: 1em !important;
    margin: 10px auto !important;
    border-radius: 0 !important;
    transition: all ease-in-out .35s;
}

a.btndownload:hover,
a.btndownload:focus {
    background: #7b6756 !important;
    border: 2px solid #7b6756;
    color: #FFF !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.w100 {
    display: block !important;
    width: 100% !important;
}

.btnSmall {
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    font-size: .8em !important;
    overflow: hidden !important;
    border: 1px solid #7b6756 !important;
}

.btnSmall i {
    font-size: .9em !important;
    margin: 0 10px 0 0;
}

.nowrap th {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
}

.detail small i {
    font-size: .9em !important;
}