:root{--main:#ab8a3f;--hover:#a2833b;--text:#fff;--prev:#999;--red:#a7252f;--border:#d7d7d7;--grey:#f7f7f7;}
.fnt{font-family:'Playfair Display';}.fs-7{font-size:14px;}.fs-8{font-size:12px;}.fw-5{font-weight:500;}.fw-6{font-weight:600;}.tr-5{transition:all 0.5s ease 0s;}
.cl-m{color:var(--main);}.cl-h{color:var(--hover);}.cl-t{color:var(--text);}.cl-p{color:var(--prev);}.cl-r{color:var(--red);}.ls-1{letter-spacing: 1px;}.ls-3{letter-spacing: 3px;}
body{background-color:#111;font-family:'Open Sans',Arial,sans-serif;font-size:14px;color:var(--text);}
input,select,textarea{width:100%;height:40px;padding:0;border:1px solid var(--border);border-radius:5px;outline:none;text-indent:0.75rem;transition:all 0.5s ease 0s;}
input:disabled{cursor: not-allowed;}
input:focus,select:focus,textarea:focus{border:1px solid var(--main);box-shadow:0 0 15px rgb(0 0 0 / 5%);}
input[type=submit]{display:inline-block;width:auto;padding:0 50px;background-color:var(--main);border:0;font-weight:700;text-indent:0;color:#fff;}
input[type=submit]:hover{background-color:var(--red);}
select{background:#fff url(images/select.png) no-repeat center right 9px;appearance:none;}textarea{display:block;height:106px;padding:1rem;text-indent:0;}
h1,h2,h3,h4,h5,h6{margin-bottom:0;}ul,ol,p{margin:0;padding:0;}a{text-decoration:none;}img{display:block;max-width:100%;height:auto;}.wow{opacity:0;}
.i-hover{overflow: hidden;}.i-hover img{transition: all 0.5s ease 0s;}.i-hover:hover img{transform: scale(1.05);}
.n-hover a{width: 100%; background: linear-gradient(transparent calc(100% - 2px), var(--main) 2px) no-repeat top left / 0% 100%; color: var(--text); transition: all 0.5s ease 0s;}
.n-hover a:hover{background-size: 100% 100%; color: var(--main);}
.f-item{position:relative;margin-bottom:1.5rem;}.f-item span{display:block;margin-bottom:0.25rem;}
.f-item input.error,.f-item select.error,.f-item textarea.error{border-color:var(--red);}
.f-item label.error,.f-item label#emailregistered{position:absolute;top:100%;right:0;font-size:12px;color:var(--red);}
#wrap_smoke{position: fixed; bottom: 0; left: 0; width: 100%; margin: 0 auto; pointer-events: none; z-index: 99991;}
#viewport{position: relative;width: 100%; height: 100vh; overflow: hidden;}
#viewport .smoke{position: absolute; bottom: 150px; width: 250px; height: 250px; margin-left: 0px; background: url(/theme/images/smoke.png) no-repeat;}
.header{position: relative; padding-bottom: 40px; background: url(images/bg.png) center;}
.logo a span{width: 0; height: 0;}
.icon a{position: relative; flex: 0 0 auto; padding-left: 45px; line-height: 20px; color: var(--main); cursor: pointer; transition: all 0.5s ease 0s;}
.icon a+a{margin-left: 2rem;}
.icon a.search-button{display: none;}
.icon a:hover{color: var(--main);}
.icon a i{position: absolute; top: 5px; left: 0; font-size: 30px;}
.icon a b{display: block;}
.icon a > span{font-size: 12px; color: #fff;}
.search{position: relative; padding-right: 55px;}
.search div{position: absolute; top: 0; right: 0; width: 50px;}
.search div i{border-radius: 5px; background-color: var(--main); line-height: 40px; color: #fff;}
.search div:hover i{background-color: var(--red);}
.search input[type='text']{border: none;}
.search input[type='submit']{top: 0; left: 0;}
.search-2{top: calc(100% + 15px); box-shadow: 0 0 30px 1px rgb(0 0 0 / 25%);  opacity: 1; pointer-events: auto;}
.menu-bar{position: absolute; top: calc(100% - 40px); left: 0; width: 100%; background-color: var(--main); z-index: 99990;}
.menu-bar-2{position: fixed; top: 0;}
.footer{background: #2d2d35; color: #fff;}
.footer ul{list-style: none;}
.footer li+li{margin-top: 1rem;}
.footer a{color: #fff; transition: all 0.5s ease 0s;}
.footer a:hover{color: var(--main);}
.footer-info li{position: relative; padding-left: 1.5rem;}
.footer-info li i{position: absolute; top: 0; left: 0; line-height: 1.5;}
.footer-email{position: relative; padding-right: 55px;}
.footer-email input[type='text']{border: none;}
.footer-email input[type='submit']{position: absolute; top: 0; right: 0; width: 50px; padding: 0; background-color: var(--red);}
.footer-email input[type='submit']:hover{background-color: var(--main);}
.footer-social{font-size: 24px;}
.footer-social a+a{margin-left: 0.5rem;}
.footer-face{border: 1px solid var(--main);}
.footer-bottom{background-color: var(--red); text-align: center;}
.click{position: fixed; right: 0; bottom: 50px; pointer-events: none; z-index: 99990;}
.click a{position: relative; display: block; padding-left: 45px; transform: translatex(calc(100% - 45px)); pointer-events: auto; transition: all 0.5s ease 0s;}
.click a+a{margin-top: 5px;}
.click a img{position: absolute; top: 0; left: 0; width: 40px; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%);}
.click a i{background-color: var(--main); border-radius: 5px; font-size: 18px; text-align: center; line-height: 40px; color: #fff;}
.click a span{display: block; padding: 0 10px; background-color: #fff; border-radius: 5px; font-size: 14px; line-height: 40px; color: #333;}
.click a:hover{transform: translatex(-5px);}
.click a:hover span{box-shadow: 0 0 3px rgb(0 0 0 / 15%);}
.top{right: 5px; bottom: 5px; display: none; cursor: pointer; z-index: 99990;}
.top i{width: 40px; background-color: var(--main); border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 15%); line-height: 40px; color: #fff;}
.top i:hover{background-color: var(--hover);}
.main-button{font-weight: 500; text-transform: uppercase; line-height: 40px;}
.main-button a{display: inline-block; padding: 0 1.5rem; background-color: var(--main); border-radius: 5px; color: #fff; transition: all 0.5s ease 0s;}
.main-button a:hover{background-color: var(--red);}
.main-arr .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background-color: var(--red); border-radius: 50%; opacity: 0;}
.main-arr .slick-arrow:hover{background-color: var(--hover);}
.main-arr .slick-arrow i{font-size: 16px; line-height: 40px; color: #fff;}
.main-arr .slick-prev{left: 0;}
.main-arr .slick-next{right: 0;}
.main-arr:hover .slick-arrow{opacity: 1;}
.main-arr:hover .slick-prev{left: 30px;}
.main-arr:hover .slick-next{right: 30px;}
.main-page{list-style: none; display: flex; justify-content: center; margin-bottom: 1.5rem;}
.main-page li+li{margin-left: 10px;}
.main-page li a{display: block; width: 35px; background-color: var(--grey); text-align: center; line-height: 35px; color: var(--text); transition: all 0.5s ease 0s;}
.main-page li a:hover, .main-page li a.active{background: var(--main); color: #fff;}
.main-time{color: #999;}
.main-time i{color: var(--main);}
.main-name{color: var(--main);}
.main-author, .site-description{position:absolute; width:1px; height: 1px; border: 0; clip:rect(0, 0, 0, 0); word-wrap: normal; overflow: hidden;}
.main-detail h2{padding: 0.75rem 0; font-size: 1.5rem;}
.main-detail h3{padding: 0.75rem 0; font-size: 1.25rem;}
.main-detail ul, .main-detail ol{padding: 0 0 0.75rem 2rem;}
.main-detail img{display: inline-block!important;}  
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: var(--border);}
.main-detail iframe{display: block; margin: 0 auto!important;} 
.main-detail figure{padding: 0 0 1rem;}
.main-detail figure figcaption{font-size: 14px; font-style: italic;}
.main-share > div:nth-child(1){margin-right: 17px; padding: 3px 10px; border: 1px solid var(--border); color: #999;}
.main-share > div:nth-child(1):before
.main-share > div:nth-child(1):after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; width: 0; height: 0; border-style: solid;}
.main-share > div:nth-child(1):before{border-width: 7px 0 7px 9px; border-color: transparent transparent transparent var(--border);}
.main-share > div:nth-child(1):after{border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #fff;}
.main-share > div:nth-child(1) i{padding-right: 10px; border-right: 1px solid var(--border);}
.main-share > div:nth-child(1) b{padding: 0 10px; font-size: 12px; vertical-align: text-bottom;}
.main-share #st-1 .st-btn[data-network='telegram']{display: inline-block!important;}