:root{
    --text-white-color: #fff;
    --text-black-color: #000;
    --accent-green-color: #078810;
    --icon-color: #767676;
}

html, body{
    height: 100%;
}

body{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    min-width: 320px;
    /*background-color: #4e4e4e;*/
}

a {
    color: var(--text-white-color);
}

a:hover {
    color: var(--text-white-color);
}

/** ============================ END GENERAL ============================== **/

/** ============================ HEADER ============================== **/

.header-top{
    min-height: 100px;
    padding: 10px 0 10px 0;
}

.header-top-logo-mobile{
    text-align: center;
}

ul.header-top-social, ul.header-top-mail, ul.header-top-phones, ul.header-top-lang, ul.header-top-phones, ul.mobile-menu{
    list-style: none;
    padding: 0;
    margin: 0;
}

/*ul.header-top-social li, ul.header-top-mail li, ul.header-top-lang li, ul.header-top-phones li{
    margin-right: 1rem;
}*/

ul.header-top-mail li, ul.header-top-lang li{
    margin-right: 10px;
}

ul.header-top-phones li{
    margin-right: 5px;
}

ul.header-top-social li{
    margin-right: 15px;
}

/** ============================ END HEADER ============================== **/

/** ========== HEADER SOCIAL ============ **/

ul.header-top-social a{
    color: var(--icon-color);
}

ul.header-top-social a:hover{
    color: var(--accent-green-color);

}

ul.header-top-social i{
    font-size: 18px;
}

/** ========== END HEADER SOCIAL ============ **/

/** ========== HEADER MAIL ============ **/

.header-top-mail i{
    color: var(--icon-color);
    font-size: 18px;
    margin-right: 5px;
}

/*.header-top-mail a{
    color: var(--icon-color);
    text-decoration: underline;
}

.header-top-mail a:hover{
    text-decoration: none;
}*/
.phone img{
    margin-right: 5px;
}

.phone{
    margin-right: 20px;
}

.address-header:first-child{
    margin-right: 47px;
}

.address-header{
    margin-right: 20px;
}

.address-header img{
    margin-right: 10px;
}

.address-header a{
    color: var(--icon-color);
    text-decoration: underline;
}

.address-header a:hover{
    text-decoration: none;
}

/** ========== END HEADER MAIL ============ **/

/** ========== END HEADER LANG ============ **/

.header-top-lang li img{
    border: 1px solid #e2e2e2;
}

/** ========== END HEADER LANG ============ **/

/** ========== HEADER ADDRESS ============ **/

.header-top-address .marker{
    padding-right: 1rem;
    color: var(--icon-color);
}

.header-top-address .address{
    color: #4F5551;
}

/** ========== END HEADER ADDRESS ============ **/

/** ========== HEADER PHONE ============ **/

.header-top-phones-block{
    margin-left: 1rem;
}

.header-top-phones li i{
    color: var(--icon-color);
    padding-right: .3rem;
}

.phone a{
    color: var(--accent-green-color);
    font-weight: 600;
    text-decoration: none;
}

.phone a:hover{
    text-decoration: underline;
}

/** ========== END HEADER PHONE ============ **/

/** ========== SAPR BUTTON ============ **/

.btn-sapr{
    padding: 5px;
    background-color: var(--accent-green-color);
    width: 72px;
    height: 30px;
}

.btn-sapr a{
    text-decoration: none;
    color: var(--text-white-color);
}

.btn-sapr:hover{
    background-color: var(--icon-color);
    transition: all .3s;
}

/** ========== END SAPR BUTTON ============ **/

/** ========== CART BUTTON ============ **/

.btn-cart{
    background-color: #e2e2e2;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart a{
    text-decoration: none;
    color: var(--text-white-color);
}

.btn-cart:hover {
    background-color: var(--accent-green-color);
}

/** ========== END CART BUTTON ============ **/

/** ========== HEADER LINE ============ **/

.header-top-line-top{
    border-top: 1px solid #E2E2E2;
    padding-top: 0.5rem;
}

.header-top-line-bottom{
    padding-bottom: 0.5rem;
}
/** ========== END HEADER LINE ============ **/

/** ========== HEADER MENU ============ **/

.header-top-menu{
    background-color: #F8F8F8;
    height: 44px;
}


ul.top-line-menu {
    list-style: none;
    display: grid;
    padding: 0;
    margin: 0 auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    width: 100%;
}

.top-line-menu li{
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
}

.top-line-menu li:not(:last-child){
    border-right: 1px solid #e2e2e2;
}

.top-line-menu li a{
    color: #000;
    text-decoration: none;
}

.top-line-menu li a:hover{
    color: var(--accent-green-color);
    text-decoration: underline;
}

.top-line-menu li.active a{
    color: var(--accent-green-color);
    font-weight: bold;
}

.menu-block{
    padding: 25px 0;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    display: flex;
    justify-content: center;
}

.mobile-menu {
    width: 118px;
    text-align: center;
}

.mobile-social-block{
    padding: 50px 0 30px 0;
}

.menu-line:not(:last-child){
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.menu-line:not(:first-child){
    padding-top: 15px;
}

.mobile-menu a{
    color: #000;
    text-decoration: none;
}

.mobile-menu a:hover{
    color: var(--accent-green-color);
    text-decoration: underline;
}

.mobile-menu .active a{
    color: var(--accent-green-color);
    font-weight: bold;
}

.mobile-phone i{
    color: var(--icon-color);
    font-size: 16px;
    margin-right: 5px;
}

.mobile-phone a{
    color: var(--accent-green-color);
    text-decoration: none;
    font-weight: bold;
}

.mobile-phone a:hover{
    text-decoration: underline;
    font-weight: bold;
}


/*****************************************/

.flag:not(:last-child){
    margin-right: 5px;
}

.mobile{
    padding: 15px 0;
}
.mobile-btn:not(:last-child){
    padding-right: 15px;
}

.mobile-mail{
    margin-top: 10px;
}

.mobile-mail i {
    color: #767676;
    font-size: 18px;
    margin-right: 10px;
}

.mobile-mail a{
    color:#4F5551;
}

.btn-burger{
    background-color: #F8F8F8;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-burger:hover {
    outline: 1px solid var(--accent-green-color);
}

.mobile-phones{
    margin-top: 15px;
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    min-height: 37px;
}
/*****************************************/
/** ========== END HEADER MENU ============ **/
/* ============================ BANNER ============================== */

.banner{
    min-height: 560px;
    background-color: #E2E2E2;
    padding: 2rem 0;
}

.news-date{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-black-color);
}

.news-slogan span{
    padding: 10px;
    background-color: var(--accent-green-color);
    font-size: 16px;
    color: var(--text-white-color);
    min-height: 20px;
}

.news-title {
    color: #4F5551;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
}

.news-title a{
    color: #4F5551;
    text-decoration: none;
}

.news-title a:hover{
    text-decoration: underline;
}

.card-news{
    border-left: 17px solid #767676;
    min-height: 154px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    background-color: white;
}

.card-news-all{
    border-left: 17px solid #767676;
    min-height: 300px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    background-color: white;
}

.card-news-all:hover, .card-news:hover{
    border-left: 17px solid var(--accent-green-color);
    border-top: 1px solid var(--accent-green-color);
    border-right: 1px solid var(--accent-green-color);
    border-bottom: 1px solid var(--accent-green-color);
    cursor: pointer;
    box-shadow: 0 5px 5px #444;
}

.card-news-body{
    padding: 10px;
}

.card-news-date{
    color: var(--accent-green-color);
}

.card-news-area{
    color: #4F5551;
}

.card-news-title{
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #4F5551;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.card-news-date-visit{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #4F5551;
    padding-top: 5px;
}

hr {
    margin: 10px 0;
    color: #E2E2E2;
    border: 0;
    border-top: 1px solid;
    opacity: 1;
}

/* ============================ BANNER ============================== */


/* ============================ DOWNLOAD CATALOG ============================== */
.download-catalog {
    min-height: 219px;
}

.download-wrap{
    padding: 0 1rem;
    width: 100%;
}

.download {
    margin-top: 60px;
    min-height: 79px;
    background-color: var(--accent-green-color);
    color: var(--text-white-color);
}

.download-link{
    font-size: 24px;
    font-weight: 700;
}

.download-wrap a{
    text-decoration: none;
}

.download-icon{
    padding: 0 20px;
}

.download-wrap a:hover{
    text-decoration: underline;
}


.accordion-button::after {
    background-image: url('/images/tpl/icons/svg/acc_arrow_down.svg');
    background-size: 30px;
    width: 30px;
    height: 30px;
}


.accordion-button:not(.collapsed)::after {
    background-image: url('/images/tpl/icons/svg/acc_arrow_up.svg');
    transform: rotate(0deg);
}

.accordion-button:not(.collapsed)
{
    color: #000000;
    background-color: #F5F5F5;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-arrows{
    color: #078810;
}

.accordion-text{
    padding: 6px;
}

.accordion-text:not(:last-child){
    border-bottom: 1px solid #eee;
}

.accordion-text a{
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
}

.accordion-text a:hover{
    text-decoration: underline;
}

/* ============================ END DOWNLOAD CATALOG ============================== */

/* ============================ START DOCUMENTS ============================== */

.doc-block{
    background: #F8F8F8 ;
    min-height: 320px;
}

.img-block{
    padding: 20px 0;
}

.text-block a{
    color: var(--accent-green-color);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.text-block a:hover{
    text-decoration: underline;
}

/* ============================ END DOCUMENTS ============================== */
/* ============================ BASKET ============================== */

.basket-info{
    outline: 1px solid var(--accent-green-color);
    padding: 20px 25px;
}

.basket-info a{
    color: var(--accent-green-color);
    text-decoration: none;
}

.basket-h1{
    color:#4F5551;
    font-size: 32px;
}

.basket-alert{
    outline: 1px solid red;
    padding: 20px 25px;
    background-color: #ffeeee;
}

.btn-basket-send{
    background: var(--accent-green-color);
    color:#fff;
    width: 100%;
}

.btn-basket-send:hover{
    background: #4F5551;
    color:#fff;
    width: 100%;
}

.user-input input::placeholder {
    background: url('/images/tpl/icons/svg/user-input.svg') no-repeat;
    padding-left: 25px;
}

.email-input input::placeholder {
    background: url('/images/tpl/icons/svg/email-input.svg') no-repeat;
    padding-left: 25px;
}

.phone-input input::placeholder {
    background: url('/images/tpl/icons/svg/phone-input.svg') no-repeat;
    padding-left: 25px;
}

.form-policy{
    color:#767676;
}

.form-policy a{
    color:#767676;
    text-decoration: none;
}

.form-policy a:hover{
    text-decoration: underline;
}

.table-basket th{
    background-color: #767676;
    padding: 15px;
    color:#fff;
}

tr > td.sum{
    font-weight: bold;
    text-align: center;
}

.table-basket td{
    vertical-align: middle;
}

.table-basket a{
    color: var(--accent-green-color);
    text-decoration: none;
}

.table-basket a:hover{
    text-decoration: underline;
}

.total-text{
    text-align: right;
    font-weight: bold;
}

.total-sum{
    text-align: center;
    font-weight: bold;
}

.number {
    display: inline-block;
    position: relative;
    width: 100px;
}
.number input[type="number"] {
    display: block;
    height: 32px;
    line-height: 32px;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}
.number input[type="number"]::-webkit-outer-spin-button,
.number input[type="number"]::-webkit-inner-spin-button {
    display: none;
}
.number-minus {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    width: 30px;
    padding: 0;
    display: block;
    text-align: center;
    border: none;
    border-right: 1px solid #ddd;
    font-size: 16px;
    font-weight: 600;
}
.number-plus {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 30px;
    padding: 0;
    display: block;
    text-align: center;
    border: none;
    border-left: 1px solid #ddd;
    font-size: 16px;
    font-weight: 600;
}

/* ============================ END BASKET ============================== */
/* ============================ CATALOG ============================== */

.catalog-box{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #F8F8F8;
    border: 1px solid #e3e3e3;
}

.catalog-box:hover{
    border: 1px solid var(--accent-green-color);
    cursor: pointer;
    box-shadow: 0 9px 6px 0 #bbbbbb;
}

.catalog-card-footer{
    padding: 0.5rem 1rem;
}

.catalog-img img {
    padding: 1rem;
    max-width: 100%;
    height: auto;
}

.catalog-text a{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin: 10px 25px 25px 25px;
    color: var(--accent-green-color);
    text-decoration: none;
    display:block;
}

.catalog-text a:hover{
    text-decoration: underline;
}

.catalog-more a{
    background: #E2E2E2;
    color: #4F5551;
    padding: 13px 74px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    display: block;
    text-align: center;
}

.catalog-more a:hover{
    background: var(--accent-green-color);
    color:#fff
}

.product{
    font-size: 32px;
    font-weight: bold;
}

.product-box{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid #e3e3e3;
}
.certificates{
    display: flex;
    justify-content: center;
    padding: 1.2rem 0;
}

.product-icon:not(:last-child){
    margin-right: 1rem;
}

.carousel{
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    position: relative;
}
.carousel-items{
    width: 80%;
}

.carousel button.owl-prev, .carousel button.owl-next {
    position: absolute;
    top: 50%;
    margin-top: 0px;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-prev {
    left: -44px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -44px;
}

.card-img-top{
    cursor:pointer;
}

.slider-img{
    border: 1px solid #e3e3e3;
    cursor:pointer;
}
.item-class{
    margin-left: .5rem;
    margin-right: .5rem;
}

.product-content{
    background: #F5F5F5;
    padding: 1rem;
}

.podbor-go-to {
    background: #eceeef;
    padding: 10px 0;
    margin-bottom: 25px;
    text-align: center;
}
.podbor-go-to a{
    color: var(--accent-green-color);
    text-decoration: none;
}

.product-title{
    font-size: 1.2em;
    font-weight: bold;
    color:#000;
}

.product-title:after{
    content: '';
    display: block;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
}

.product-price{
    font-size: 24px;
    color: var(--accent-green-color);
    font-weight: bold;
    margin-top: 1rem;
}

.set-option-box{
    background: #fff;
    border-left: 1px solid #ddd;
}
.set-option-head{
    color:#000;
    font-size: 16px;
    margin-bottom: 1rem;
}
.set-option-title{
    color: var(--accent-green-color);
    font-size: 16px;
    margin-top: 0.8rem;
    text-align: center;
}

.set-option-title:after{
    content: '';
    display:block;
    padding-top: 0.8rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
}

ul.set-option {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.set-option > li {
    text-align: left;
    padding: 15px;
    background-color: #E2E2E2;
    margin-bottom: 10px;
    font-size: 10pt;
    color: #000;
}

ul.set-option > li:hover{
    cursor: pointer;
    background-color: var(--accent-green-color);
    color: white;
}

ul.set-complite{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.set-complite > li{
    text-align:left;
    font-size: 10pt;
}

.set-complite-head{
    color: #000;
    font-weight: bold;
    text-align: center;
}

.set-complite-desc{
    font-size: 10pt;
    color: #767676;
    text-align: center;
}
.hide {
    display: none;
}

.add-basket{
    width: 100%;
    padding: 1rem 0;
    background: #078810;
    color: #fff;
    font-size: 1.2em;
    border: #078810;
    margin-bottom: 0.5rem;
}

.tabs-box{
    background: #E2E2E2;
    padding: 5px;
    display: inline-block;
}

.tab-item {
    padding: 5px 95px;
    background: #E2E2E2;
    border: none;
}

#add-item-message{
    background: #eee;
    padding: 2rem 1rem;
    line-height: 2rem;
}

#add-item-title{
    font-weight: bold;
    font-size: 1em;
    text-align: center;
}

#add-item-equipment{
    font-size: 1em;
    text-align: center;
}

.btn-go-to-basket{
    background: #FFFFFF;
    padding: 0.5rem;
    color: var(--accent-green-color);
    border: 1px solid var(--accent-green-color);
    margin-right: 0.5rem;
}

.btn-next-item{
    padding: 0.5rem;
    background: #078810;
    color: #fff;
    border: #078810;
}

/*.tabs-box button:not(:last-child) {
    border-right: 1px solid #f30101;
}*/

.tabs-box .active{
    background: #FFFFFF;
    color: var(--accent-green-color);
    border: 1px solid var(--accent-green-color) !important;
}

.table-basket td.bg-column{
    background: #F5F5F5;
}
/* ============================ END CATALOG ============================== */
/* ============================ FOOTER TOP ============================== */
.footer-top {
    background-color: #F8F8F8;
    min-height: 198px;
    padding: 1rem 0;
}

.footer-top-logo-certificate{
    width: 96px;
    height: 168px;
}

.footer-top-address{
    padding-top: 14px;
}

.marker{
    padding-right: 10px;
    color: #767676;
}

.address{
    color: #4F5551;
}

.footer-top-menu{
    list-style-type: none;
    padding: 0;
}

.footer-top-menu li{
    padding-top: 10px;
}

.footer-top-menu li a{
    color:#000000;
    text-decoration: none;
}

.footer-top-menu li a:hover{
    text-decoration: underline;
}

.footer-top-menu li.active a{
    color: var(--accent-green-color);
    font-weight: bold;
}

.footer-phone i{
    color: #767676;
    padding-right: 10px;
}

.footer-top-menu .footer-phone a{
    color: var(--accent-green-color);
    font-weight: 600;
    text-decoration: none;
}

.footer-phone a:hover{
    text-decoration: underline;
}

.footer-email i{
    color: #767676;
    padding-right: 10px;
}

.footer-email a{
    color:#4F5551;
    font-weight: 400;
}

.footer-social .list-inline li {
    margin-right: 0.7rem;
}

.footer-social .list-inline a{
    color: #767676;
    font-size: 20px;
}

.footer-social .list-inline a{
    color: #767676;
    font-size: 20px;
}

.footer-social .list-inline a:hover{
    color: var(--accent-green-color);
}

.social-links li{
    padding-top: 0;
}

/* ============================ END FOOTER TOP ============================== */

/* ============================ FOOTER BOTTOM ============================== */
.footer-bottom {
    color: var(--text-white-color);
    background-color: #231F20;
    line-height: 17px;
    min-height: 74px;
}

.footer-bottom a:hover{
    text-decoration: none;
}

/* ============================ END FOOTER BOTTOM ============================== */

.news-one{
    background-color: #e2e2e2;
    min-height: 251px;
    padding: 10px;
}
.block-breadcrumbs{
    margin: 40px 0 32px 0;
}

.block-breadcrumbs a{
    color: #000;
    text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 7px;
    color: #078810;
    content: url("/images/tpl/icons/svg/brc-arrows.svg");
    margin-top: 4px;

}

.btn-news-next {
    margin-top: 30px;
    margin-bottom: 80px;
    background-color: #078810;
    color: #fff;
    padding: 13px 63px;
    border: none;
}

/****** LOADER ******/
.mask{
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    top: 0;
    z-index: 1040;
    transition: 0.6s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader{
    width: 75px;
    height: 75px;
    border: 10px solid #09b714;
    border-radius: 50%;
    border-left-color: #078810;
    animation: loader 1.3s linear infinite;
}

@keyframes loader {
    100% {
        transform: rotate(360deg);
    }
}
/****** END LOADER ******/

/** HISTORY **/

.history-h1{
    text-align: center;
    color: #078810;
    font-size: 32px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 40px;
}

.history-h3{
    text-align: center;
    color: #4F5551;
    font-size: 24px;
    font-weight: 600;
    margin-top: 40px;
}

.line{
    border-bottom: 5px solid #078810;
    width: 96px;
    margin: 0 auto;
}

.general-office{
    min-height: 255px;
    background-color: #F5F5F5;
    padding-left: 25px;
    color:#000000;
    font-size: 16px;
}

.office-title{

    margin-top: 25px;
    width: 172px;
    height: 29px;
    background: #078810;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.office-email a{
    color: #000000;
    text-decoration: underline;
    font-size: 16px;
}

.office-email a:hover{
    text-decoration: none;
}

.office-contacts{
    margin: 20px 0 15px 0;
}

.office-emails{
    margin-left: 55px;
}

.office-social{
    border-top: 1px solid #E2E2E2;
    margin-top: 20px;
}
.social-icon{
    margin-top: 20px;
}
.maps{
    padding: 0;
    min-height: 255px;
}

.contact-box{
    border: 1px solid #E2E2E2;
    padding: 20px;
    color: #000000;
    font-size: 16px;
    min-height: 350px;
}

.contact-box .contact-title{
    text-align: center;
    color: #078810;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-text:first-child{
    margin-top: 15px;
}

.contact-text:not(:last-child){
    margin-bottom: 15px;
}

.contact-text .marker i{
    font-size: 18px;
}

.contact-text a{
    color: #078810;
    text-decoration: underline;
}

.contact-text a:hover{
    text-decoration: none;
}

.partners-box-green{
    padding: 20px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-left: 17px solid #078810;
    min-height: 365px;
}

.partners-box-grey{
    padding: 20px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-left: 17px solid #767676;
    min-height: 365px;
}

.vendor{
    margin: 15px 0;
    font-weight: 600;
    font-size: 16px;
}
/** END HISTORY **/

/*** CAD ***/

.cad-box{
    border: 1px solid #078810;
    min-height: 80px;
}

.cad-icon{
    width: 60px;
    height: 60px;
    background-color: #078810;
    margin-right: 20px;
}

.cad-link a{
    color:#4F5551;
    text-decoration: underline;
    font-size: 24px;
    font-weight: 600;
}
.cad-link a:hover{
    text-decoration: none;
}

/*** END CAD ***/

.bottom__cookie-block{
    width: 100%;
    padding-top: 15px;
    height: 150px;
    background-color: rgba(128, 128, 128, 0.8);
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 100000;
    text-align: justify;
    color: #fff;
    -webkit-transform: translateZ(0);
}

.page-link.active, .active > .page-link {
    color: var(--bs-pagination-active-color);
    background-color: var(--accent-green-color);
    border-color: var(--accent-green-color);
}
.page-link {
    color: #333333;
}

.page-link:hover {
    color: var(--accent-green-color);
}

thead > tr > th > a{
    color: var(--accent-green-color);
    text-decoration: none;
}

thead > tr > th > a:hover{
    color: var(--accent-green-color);
    text-decoration: underline;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #5f5f5f;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #5f5f5f;
    border-bottom-width: 0;
}
.grid-view th {
    white-space: nowrap;
}

@media (min-width: 100px) and (max-width: 575.97px) {
    .download-link{
        font-size: 12px;
        font-weight: 700;
        text-align: center;
    }
    .news-title{
        font-size: 20px;
        line-height: 26px;
    }
    .banner {
        margin-top: 144px;
    }
    .container-brc{
        margin-top: 130px;
    }
    .news-date{
        margin-top: 1rem;
    }
    .history-h1{
        font-size: 11px;
        margin-bottom: 0;
    }
    .history-h3{
        margin-top: 20px;
        font-size: 14px;
    }
    .office-emails{
        margin-left: 0;
        margin-top: 15px;
    }
    .general-office{
        padding-bottom: 20px;
    }
    .cad-link a{
        font-size: 16px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .download-link{
        font-size: 18px;
        font-weight: 700;
    }
    .news-title{
        font-size: 26px;
        line-height: 34px;
    }
    .banner {
        margin-top: 144px;
    }
    .container-brc{
        margin-top: 130px;
    }
    .news-date{
        margin-top: 1rem;
    }
    .history-h1{
        font-size: 16px;
        margin-bottom: 0;
    }
    .history-h3{
        margin-top: 20px;
        font-size: 16px;
    }
    .office-emails{
        margin-left: 0;
        margin-top: 15px;
    }
    .general-office{
        padding-bottom: 20px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .download-link{
        font-size: 16px;
        font-weight: 700;
    }
    .banner {
        margin-top: 144px;
    }
    .container-brc{
        margin-top: 130px;
    }
    .news-date{
        margin-top: 1rem;
    }
    .history-h1{
        font-size: 20px;
        margin-bottom: 0;
    }
    .history-h3{
        margin-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-top-logo-big {
        text-align: center;
        padding-bottom: 10px;
    }
    .history-h1{
        font-size: 28px;
    }
    .general-office{
        padding-bottom: 20px;
    }
}