body,div,span,h1,h2,h3,h4,h5,h6,object,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,select,textarea,input,
html,iframe,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;}article,aside,details,figcaption,figure,header,footer,hgroup,menu,nav,section{display:block;}
@font-face {
  font-family: "Flaticon";
  src: url("fonts/Flaticon.eot");
  src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("fonts/Flaticon.woff") format("woff"),
       url("fonts/Flaticon.ttf") format("truetype"),
       url("fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("fonts/Flaticon.svg#Flaticon") format("svg");
  }
}
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after{font-family:Flaticon;font-size:20px;font-style:normal;}
.flaticon-support:before { content: "\f100"; }
.flaticon-team:before { content: "\f101"; }
.flaticon-team-1:before { content: "\f102"; }
.flaticon-quality-assurance:before { content: "\f103"; }
.flaticon-coffee:before { content: "\f104"; }
.flaticon-cafe:before { content: "\f105"; }
.flaticon-shopping-cart:before { content: "\f106"; }
.flaticon-search:before { content: "\f107"; }
.flaticon-right-menu-bars:before { content: "\f108"; }
.fancybox-content{padding: 0!important;}
body{background:#fff;font:16px/1.5 Roboto,Open Sans,Arial;color:#333;}body.body-overflow{overflow:hidden;}
table{font-size:14px;max-width:100%;width:100%;} table,td{margin:20px 0;margin:1.53846rem 0;padding:5px 10px;padding:0.38462rem 0.76923rem;border:1px solid #e9e9e9;}
th{margin:5px 0 10px;margin:0.38462rem 0 0.76923rem;padding:5px 10px;padding:0.38462rem 0.76923rem;background-color:#f0f0f0;color:#555555;text-align:left;}tr{background-color:white;}table button,table input{*overflow:auto;}
blockquote{border-left:10px solid #f0f0f0;color:#999999;font-style:italic;margin:20px 0;padding-left:20px;}
h1,h2,h3,h4,h5,h6{margin:0;}a{color:#0782c1;text-decoration:none;outline:0;}img{display:block;max-width:100%;}
select,input:not(input[type=radio],input[type=file]),textarea{box-sizing:border-box;width:100%;height:45px;background-color:transparent;border:1px solid #d7d7d7;border-radius:5px;outline:0;appearance:none;font:16px Roboto,Open Sans,Arial;text-indent:10px;transition:all 0.3s ease 0s;}
select,input[type=date],input[type=time]{background:transparent url(images/select.png) no-repeat center right 9px;}select,button,input[type=submit]{cursor:pointer;}
input[type=submit]{background-color:#a23335!important;border:0!important;border-radius:25px!important;font-weight:700!important;text-transform:uppercase;text-indent:0!important;letter-spacing:1px;color:#fff;}
input[type=submit]:hover{background-color:#ffc82a!important;color:#333;}input:disabled{cursor: not-allowed;}
textarea{display:block;height:79px;padding:10px;text-indent:0;resize:none;}textarea::placeholder,input::placeholder{color:#999;}
.form-item{position:relative;margin-bottom:30px;}.form-item span{display:block;margin-bottom:5px;}.form-item input.error,.form-item select.error,.form-item textarea.error{border-color: #e70000;}
.form-item label.error, .form-item label#emailregistered{position:absolute;top:100%;right:0;font-size:12px;color:#f00;}
.form-item i.clear-text{position:absolute;right:9px;bottom:9px;display:none;width:22px;height:22px;background-color:#999;border-radius:50%;font-style:normal;text-align:center;color:#fff;cursor:pointer;}
.wrap{position:relative;width:1170px;margin:auto;}.wow{opacity:0;}.clear{width:0;height:0;font-size:0;clear:both;overflow:hidden;zoom:1;}.clear:before,.clear:after{content:'';display:block;height:0;overflow:hidden;}.clear:after{clear: both;}
.header{position: relative; padding-top: 120px;}
.header-top{position: fixed; top: 0; right: 0; left: 0; margin: 0 auto; background-color: #fff; box-shadow: 0 0 3px rgb(0 0 0 / 25%); z-index: 99990; transition: all 0.3s ease 0s;}
.header-top-2{top: -40px;}
.header-bar{padding: 8px 0; background-color: #a23335; line-height: 24px; transition: all 0.3s ease 0s;}
.header-top-2 .header-bar{opacity: 0;}
.header-bar .wrap > a{display: block; float: left; color: #fff;font-size: 15px;}
.header-bar .wrap > a:nth-child(1){float: left;margin-right: 15px;}
.header-bar .marquee-options{float: right;width: 50%;text-transform: uppercase;color: #fff;font-size: 15px;overflow: hidden;}
.lang{position: absolute; top: 3px; right: 0; display: flex; background-color: #a23335;}
.lang a{flex: 0 0 auto; width: 24px; border: 1px solid transparent;}
.lang a+a{margin-left: 3px;}
.lang a.active{border-color: #fff;}
.logo{position: relative; float: left; padding: 10px 0;}
.logo a{display: block;}
.logo a img{width: 60px;}
.logo a span{position: absolute; width: 0; height: 0; overflow: hidden;}
.shopcart{float: left; margin-top: 18px; padding: 0 10px; line-height: 40px; color: #fff; cursor: pointer; transition: all 0.3s ease 0s;}
.shopcart a{color: #333;}
.shopcart a:hover{color: #a23335;}
.search-button{float: left; height: 40px; padding: 0 10px; margin-top: 18px; cursor: pointer;}
.search-button i{display: block; text-align: center; line-height: 40px; color: #333; transition: all 0.3s ease 0s;}
.search-button i:hover{color: #a23335;}
.search{position: absolute; bottom: -60px; right: 0; display: none; width: 250px; height: 45px; background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.search input[type='text']{float: left; width: calc(100% - 45px); background-color: transparent; border: 0; color: #333;}
.search input[type='text']::placeholder{color:#ccc;}
.search input[type='submit']{float: right; width: 45px; background: url(images/search_b.png) no-repeat center!important;}
.header-request{float: right; margin-top: 20px; padding: 0 30px; background-color: #a23335; border-radius: 20px; font-weight: 700; text-transform: uppercase; line-height: 40px; color: #fff; cursor: pointer; transition: all 0.3s ease 0s;}
.header-request:hover{background-color: #ffc82a; color: #333;}
.header-beans{position: absolute; bottom: -125px; left: -60px; display: none; width: 200px; pointer-events: none;}
.footer{position: relative; padding: 50px 0 0; color: #fff;}
.footer:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(156 50 52 / 100%);}
.footer ul{list-style: none;}
.footer a{color: #fff;}
.footer-top{padding-bottom: 20px;}
.footer-title{margin-bottom: 15px; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #fff;}
.footer-title a{color: #fff; transition: all 0.3s ease 0s;}
.footer-title a:hover{color: #ffc82a;}
.footer-info{float: left; width: 450px; margin-bottom: 30px;}
.footer-info img{display: none; margin-bottom: 15px;}
.footer-info ul li b{display: block;}
.footer-info ul li+li{margin-top: 15px;}
.footer-list{float: left; display: block; margin-left: 50px;}
.footer-email{float: right; width: 350px; margin-bottom: 30px;}
.footer-email ul{margin-bottom: 30px;}
.footer-email ul li{float: left;}
.footer-email ul li+li{margin-left: 15px;}
.footer-email ul li img{width: 50px;}
.footer-email ul li i{font-size: 40px;}
.footer-count{float: right; width: 220px; margin-bottom: 30px;}
.footer-count a{display: block; margin-bottom: 30px; font-size: 32px; font-weight: 700; line-height: 1; letter-spacing: 1px; color: #ffc82a;}
.footer-count li span{display: inline-block; width: 55%;}
.footer-count li b{display: inline-block; width: 45%; text-align: right;}
.footer-prev{margin-bottom: 5px;}
.footer-middle{padding: 30px 0; background: #036;}
.footer-middle li+li{margin-top: 10px;}
.footer-info i{width: 30px; font-size: 18px;}
.footer-list{margin-bottom: 30px;}
.footer-list ul li+li{margin-top: 15px;}
.footer-list a:hover{text-decoration: underline;}
.footer-list i{margin-right: 5px; font-size: 14px; transform: translateY(0px);}
.footer-email .form-item:nth-child(1){float: left; width: calc(100% - 80px);}
.footer-email .form-item:nth-child(1) label{color: #fff;left: 0!important;}
.footer-email .form-item:nth-child(1) label i{}
.footer-email .form-item:nth-child(2){float: right; width: 70px;}
.footer-email .form-item:nth-child(2) input[type=submit]{background-color:#fc0!important; color: #333;border-radius:5px!important;}
.footer-email #emailresult span{display: block; margin-bottom: 30px; background-color: #fff; border-radius: 5px; font-size: 16px; text-align: center; line-height: 40px; color: #036;}
.footer-email #emailresult span i{margin-right: 5px; font-size: 20px;}
.footer-social a{display: inline-block; transition: all 0.3s ease 0s;}
.footer-social a+a{margin-left: 10px;}
.footer-social a:hover{color: #ffc82a;}
.footer-social a i{font-size: 25px;}
.footer-bottom{position: relative; text-align: center;}
.footer-bottom .wrap{padding: 23px 0; border-top: 1px solid rgb(255 255 255 / 50%);}
.on-top{position: fixed; bottom: 110px; right: 10px; display: none; cursor: pointer; z-index: 99990;}
.on-top i{display: block; width: 30px; background: #ffc82a; border-radius: 50%; text-align: center; line-height: 30px; color: #333;}
.social{position: fixed; right: 10px; bottom: 20px; z-index: 99990;}
.social-owl{position: relative; width: 40px; background: #fff; border: 10px solid #ffc82a; border-radius: 50%; cursor: pointer;}
.social-owl:before, .social-owl:after{position: absolute; top: -10px; left: -10px; width: 60px; height: 60px; border-radius: 50%;}
.social-owl:before{content: '\f00d'; background-color: #ffc82a; font-family: 'Font Awesome 6 Pro'; font-size: 20px; font-weight: 300; text-align: center; line-height: 60px; color: #fff; opacity: 0; z-index: 2; transition: all 0.3s ease 0s;}
.social-owl:after{content: ''; box-shadow: 0 0 10px #ffc82a,0 0 10px #ffc82a; animation: shadow 1.5s infinite;}
.social-owl-2:before{opacity: 1;}
.social-item{display: flex; height: 40px; align-items: center; justify-content: center;}
.social-item img{width: 30px; border-radius: 50%; overflow: hidden;}
.social-popup{position: absolute; right: 0; bottom: calc(100% + 20px); display: none; width: 115px; padding: 15px; background: #fff; border-radius: 5px; box-shadow: 0 0 30px 1px rgb(0 0 0 / 25%);}
.social-popup a{display: block; font-size: 14px; text-align: left; line-height: 30px; color: #333; transition: all 0.3s ease 0s;}
.social-popup a+a{margin-top: 10px;}
.social-popup a:hover{color: #a23335;}
.social-popup a img{display: inline-block; width: 30px; margin-right: 10px; border-radius: 50%; vertical-align: top;}
.social-popup:after{content: ''; position: absolute; right: 20px; bottom: -20px; display: block; border: 10px solid transparent; border-top-color: #fff;}
@keyframes shadow{0%{transform:scale(1.05);} 50%{transform:scale(1.15);} 100%{transform:scale(1.25);opacity:0;}}
@keyframes dance{0%, 100%, 50%{transform:rotate(0) scale(1) skew(1deg)} 10%, 30%{transform:rotate(-10deg) scale(1) skew(1deg)} 20%, 40%{transform:rotate(10deg) scale(1) skew(1deg)}}
.main-detail{text-align: justify;}
.main-detail ul, .main-detail ol{margin-left: 35px;}
.main-detail h2,.main-detail h3{padding: 10px 0;font-size: 16px;}
.main-detail img{display: block!important; max-width: 100%; height: auto!important; vertical-align: top;padding: 10px 0;margin: auto;}  
.main-detail p{padding: 5px 0;} 
.main-detail p em{display: block;text-align: center;}
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: #d7d7d7;}
.main-detail iframe{margin: 0 auto!important;}
.main-detail-2 iframe{display: block; width: 100%;}
.main-share{padding-top: 30px; text-align: right;}
.main-page{margin-bottom: 30px; text-align: center;}
.main-page li{display: inline-block;}
.main-page li+li{margin-left: 5px;}
.main-page li a{display: block; width: 30px; border-radius: 50%; font-weight: 500; text-align: center; line-height: 30px; color: #333; transition: all 0.25s ease 0s;}
.main-page li a:hover, .main-page li a.active{background: #a23335; color: #fff;}
/*
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;
display: flex; align-items: center; justify-content: center;
*/