:root {
--primary-color: #124c9e;
--secondary-color: #ee7c19;
--text-color: #003358;
--dark: #121214;
--green: #89d113;
--gradient: linear-gradient(0deg, rgba(20, 99, 184, 1) 0%, rgba(0, 58, 118, 1) 100%);

--red: #ba000a;
--orange: #ee7c19;
--pink: #f5a0a5;
--blue: #235695;

}

#header .header-inner{
background: #d1d1d1;
background: linear-gradient(to top, rgba(209, 209, 209, 1) 11.76%, rgb(255, 255, 255));
}
#mainMenu nav>ul>li>a, .header-extras>ul>li a, .header-extras>ul>li a i, .header-extras>ul>li .p-dropdown a>span{
color: #474747;
}
#mainMenu{ text-align: center;}
#mainMenu nav{ float: none;}
.btn-right i{ margin-left: 0;}

.sect-about::before{
/* background: url(../images/bg-about-blue.jpg) no-repeat center center; */
/* background: url(../images/bg-about-orange.jpg) no-repeat center center; */
/* background-size: cover; */
}
.sect-about .col-detail .htitle,
.btn-right i{
color: #ffffff;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){

background: var(--secondary-color);
}
button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active,
button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover,
.btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover,
a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active{
background: var(--primary-color);
}
a:not(.btn):hover, a:not(.btn-view):hover, a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus,
a:not(.btn):not(.badge):active{
color: var(--secondary-color);
}
.news-item .news-date{
background: #7a7a7a;
}

/* sec */
.text-color,
#mainMenu nav>ul>li:hover a, #mainMenu nav>ul>li a:hover{
color: var(--secondary-color);
}
#mainMenu nav>ul>li:hover{
box-shadow: inset 0 5px 0px var(--secondary-color);
}
.line-bottom{ color: var(--orange);}
.company-info .desc{ color: #fff;}

.sect-about .col-detail{padding-right: 15px;}
.sect-about .col-detail .htitle{ border: none;}

/* produtc */
.sect-product .btn-right{ right: 30px;}
.sect-product .headbar{ max-width: 1350px;}
.sect-product .container{
text-align: center;
position: relative;
width: calc(50% + 660px);
max-width: 100vw;
margin-left: auto;
margin-right: 0;
}
.product-item{ border-radius: 0;}
.product-item .product-content{
position: absolute;
bottom: 0;
width: 100%;
background: transparent;
text-align: left;
padding: 10px 30px;
}
.product-item .product-title{
color: #fff;
align-items: initial;
justify-content: initial;
min-height: 30px;
}
.product-item .product-image::before{
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #053d82;
background: linear-gradient(to right, rgba(5, 61, 130, 1), rgba(4, 46, 98, 0.7) 25%, rgba(0, 0, 0, 0) 83%);
}
.sect-brands{ padding: 40px 0;}

/* footer */
#footer{
/* background: #d1d1d1; */
/* background: linear-gradient(to top, rgba(209, 209, 209, 1), rgba(243, 243, 243, 1) 55.04%, rgb(231, 231, 231)); */
background: #222020;
}
#footer h4, #footer strong, #footer .name-th{ color: #cdcdcd !important;}
#footer, #footer p, #footer a, #footer a:not(.btn):not(:hover), #footer address{ color: #d6d6d6;}
#footer address{ margin-bottom: 0;}
.social-icons.social-icons-colored a, .social-icons.social-icons-colored-hover a:hover{
color: #e3e3e3 !important;
}
#footer .social-icons li{ margin-right: 7px;}

#footer a:hover,
#footer .list-links li a:hover{
color: #fff;
}

.sect-product h2.htitle,
.sect-news .h-title,
.sect-product .btn-right,
.sect-news .btn-right{
color: #fff;
}