:root {
--color_primary:#976b17;}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

body{background: #ab956b;}
.box{max-width: 1000px;margin: 0px auto}

.btn-primary{background: var(--color_primary);border:1px solid var(--color_primary);font-weight: bold;}
.btn-primary:hover,.btn-primary:active{background: #bc0000;border:1px solid #bc0000;}

p{font-size: 17px;line-height:1.6em}
p.font-lg{font-size: 18px;font-weight: bold;}
a:link,a:visited{color:#fff;text-decoration: none}
a:hover{text-decoration: underline}
img{max-width: 100%}

/**/
.lang{background: #2f73c4;padding-top: 15px;font-weight: bold;font-size: 14px;color:rgba(255,255,255,.5);}


/**/
.fixednav{position:fixed;z-index: 9;left:20px;height: 100vh;width:fit-content;display: flex;align-items: center}
.fixednav ul{list-style: none;padding: 0px;margin: 0px}
.fixednav ul li{padding: 0px;margin:10px}
.fixednav ul li a{display: block;width:10px;height:10px;border-radius: 5px;background:#bbc957;padding: 0px;}
.fixednav ul li a,.fixednav ul li a:link,.fixednav ul li a:visited,.fixednav ul li a:hover{text-decoration: none;}
.fixednav ul li a span{display:block;width:100px;font-size: 14px;font-weight: bold;color: #fff;position: relative;top: -5px;left: 20px;transition-duration: .3s;transform:translate(-10px, 0px) ;opacity: 0}
.fixednav ul li a:hover span{display:block;color:#fff;transform:translate(0px, 0px) ;opacity: 1;text-decoration: none !important;}
.fixednav ul li a.active{background: #fff;}
.fixednav ul li a.active span{display:block;color: #fff;transform:translate(0px, 0px) ;opacity:1}
@media (max-width: 991.98px) {
.fixednav{left:10px;}
.fixednav ul li{margin:8px}
.fixednav ul li a{width:8px;height:8px;border-radius: 4px;}
.fixednav ul li a span{left:15px;top: -6px;font-size: 13px;}}
@media (max-width: 767.98px) {
.fixednav{left:0px;}}

/**/
.fixedlink{position:fixed;z-index:9;left:20px;bottom:20px;}
.fixedlink ul{list-style: none;padding: 0px;margin: 0px}
.fixedlink ul li{padding: 0px;margin:0px;display: inline-block}
.fixedlink ul li img{width:40px;border-radius: 20px;transition-duration: .3s;}
.fixedlink ul li img:hover{box-shadow: 0px 0px 0px 2px rgba(255,255,255,.3)}
@media (max-width: 991.98px) {
.fixedlink{left:10px;bottom:10px;}
.fixedlink ul li img{width:40px}}
@media (max-width: 767.98px) {
.fixedlink ul li img{width:35px}}
    
/**/
.fixedbtntop{position:fixed;z-index:9;right:25px;bottom:25px;}
.fixedbtntop:hover img{transform:translate(0px, -10px);}
.fixedbtntop img{width:30px;transition-duration: .1s}

/**/
.card{border-radius: 0px;background:#221510;margin-bottom: 15px;color: #fff;text-decoration: none;transition-duration: .2s;border:none;padding: 0px;width:100%}
.datetime{margin-bottom: 0px;}
.card-cover{overflow: hidden;width:100%;aspect-ratio: 1/ 1;background: #111;}
.card-cover img{width:100%;object-fit: cover;aspect-ratio: 1 / 1;transition-duration: .6s;}
.card-info{padding:20px;font-weight: bold;text-align: center;width: 100%;}
.card-info h1{font-weight: bold;color:var(--color_primary)}
.card-info h5{margin: 0px;flex: 1;font-weight: bold;font-size: 14px;color:var(--color_primary)}
.card:hover{color:#fff;transform:translate(0px, -5px) !important;}
.card:hover .card-cover img{transform: scale(1.05);}
@media (max-width: 1399.98px) {
.card-info h5{font-size:20px;}}
@media (max-width: 1199.98px) {
.card-info{padding:15px;}
.card-info h5{font-size:18px;}}
@media (max-width: 991.98px) {
.card-info{padding:15px;}
.card-info h5{font-size:20px;margin-bottom:5px;}}
@media (max-width: 767.98px) {}

/**/
.products{padding:30px;background: #ccb892;color:#140100;}
.products .col-6{margin-bottom:30px;}
.products h2{font-weight: bold;}
.products .item{background: #ece1cd;height: 100%;text-align: center;margin-bottom: 0px;border-radius:0px;overflow: hidden;box-shadow: 0px 10px 10px rgba(0,0,0,0.1)}
.products .item h3{padding: 10px 15px 0px;font-weight: bold;font-size:24px;}
.products .item h6{font-size: 12px;font-weight: bold;}


/**/
.footer{background: #ece1cd;padding: 50px 30px 80px;color:#555;font-weight: normal;}
.footer a:link,.footer a:visited{color:#000;font-weight: bold;}
.footer p{text-align: center;font-size: 14px;line-height: 1.6em;color:rgba(0,0,0,.6)}
.footer h4{font-weight: bold;;}
.footer ul{list-style: none;padding: 0px;display: flex;justify-content: center}
.footer ul li{margin: 3px}

/**/
.title{color:#8c764d;font-weight: bold;;}
.des{text-align: start;font-size: 15px;font-weight: bold;padding: 20px;line-height: 1.4em;color: rgba(0, 0, 0, 0.7);margin-bottom: 0px;overflow-y: scroll;overflow-x: hidden;height:250px;border-top: 1px solid rgba(0, 0, 0, 0.1);padding-top: 10px;border-right: 3px solid #ece1cd;}
.des::-webkit-scrollbar{width:2px;overflow-x:hidden;}
.des::-webkit-scrollbar-track{background-color:transparent;} 
.des::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1);}
.des span{color:#c00;font-size:18px;}
.des ul{padding-left: 20px;}















