@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');
/* CSS Document */
html{position: relative;}
body{ background: #eee; font-family: "Roboto", Arial; font-size: 14px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 0; -webkit-text-size-adjust: none;}
a{text-decoration:none !important; outline:none; -moz-outline: none; color: #111}
a:hover{color: #16A97B}
button, .btn{ font-size: 14px; font-weight: 500; padding: 9px 12px;}
.btn-primary{border: none; background-color: #16A97B !important; color: #fff; box-shadow: none !important;}
.btn-primary:hover{border: none; background-color: #18BF8B !important; color: #fff; box-shadow: 0 5px 15px rgba(24,191,139,.4) !important;}
.btn-secondary{border: none; background-color: #eee !important; color: #111 !important; box-shadow: none !important;}
.btn-secondary:hover{border: none; background-color: #fff !important; color: #111; box-shadow: 0 5px 15px rgba(0,0,0,.1) !important;}
.btn-sm{font-size: 12px;}
.btn-radius{border-radius: 30px;}
.btn-radius-more{border-radius: 10px;}
.btn-load{background: #f6f6f6; color: #111;}
.btn-load:hover{ background: #eee;}
.btn-circle{width: 40px; height: 40px; padding: 0; line-height: 40px; border-radius: 50%; border: none !important;}
.dot{ width: 4px; height: 4px; border-radius: 50%; display: inline-block; margin: 3px 10px;}
.h2-heading{font-size: 2em !important; margin-bottom: 0;}
.search-content input.search-input, .btn, .item-buttons, .item .site-screen{transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s;}
#header, .header-btn i, .item-buttons, .item .site-screen, .sd-clicked{transition: all .2s ease 0s; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s;}
body.body-hidden{width: 100%; height: 100%; overflow: hidden;}
#wrapper{ width: 100%; position: relative;}
#header{height: 80px; padding: 10px 0; position: relative; z-index: 99; background: #fff; margin-bottom: 30px;}
#header .container{position: relative;}
#header #logo{display: block; height: 40px; margin: 10px 20px 10px 0; float: left;}
#header #logo img{height: 100%; width: auto; margin-right: 10px; float: left;}
#header #logo span{line-height: 40px; font-size: 24px; font-weight: 600; color: #111; display: none;}
.header-btn{height: 40px; line-height: 38px; border: 1px solid #f2f2f2; margin: 10px 10px 10px 0; display: inline-block; padding: 0 18px; border-radius: 6px; background: #f2f2f2; font-size: .9em; font-weight: 500; color: #111 !important; cursor: pointer}
#mobile_search{padding: 0; cursor: pointer; position: absolute; top: 10px; right: 15px; width: 40px; height: 40px; text-align: center; z-index: 4; display: none; background: #f2f2f2; border-radius: 6px;}
#mobile_search i{line-height: 40px; font-size: 16px;}
#header_right{ position: absolute; top: 13px; height: 34px; bottom: 13px; right: 15px;}
#header_right #search-toggle{ display: inline-block;}
#header.active{z-index: 102;}
#header.hide{top: -80px;}
.header-quick{float: left; position: relative}
.header-quick .header-btn{position: relative; z-index: 10;}
.header-quick .header-btn:focus{box-shadow: none !important;}
.header-quick.show .header-btn{border-radius: 6px 6px 0 0; background: #fff; border-color: #ddd; border-bottom-color: transparent;}
.header-quick.show .header-btn i.arrow{transform: rotate(180deg)}
.header-quick .hq-board{background: #fff; position: absolute; border-radius:0 6px 6px 6px; margin: 0; margin-top: -1px; overflow: hidden; width: 930px; z-index: 9; border: 1px solid #ddd; box-shadow: 0 20px 20px rgba(0,0,0,.1);}
.header-quick .hq-board .hqb-item, .category-list .item{margin: 0; float: left; width: 33.33%}
.header-quick .hq-board .hqb-item a, .category-list .item a{line-height: 18px; font-size: 14px; color: #111 !important; display: inline-block; font-weight: 500; width: 100%; padding: 13px 20px;}
.header-quick .hq-board .hqb-item a:hover, .category-list .item a:hover{ color: #16a97b !important;}
/*.header-quick .hq-board .hqb-item:nth-of-type(2n) a{background: #f6f6f6;}*/
.header-quick .hq-board .hqb-item:last-of-type, .category-list .item:last-of-type{margin-bottom: 0; border-bottom: none;}
.header-quick .hq-board .hqb-item .hqbi-icon, .category-list .item .cat-icon{float: left; margin-right: 10px; font-size: 0;}
.header-quick .hq-board .hqb-item .hqbi-icon img, .category-list .item .cat-icon img{width: 18px; height: 18px;}
.request{float: left}
#search{width: 400px; margin: 10px 0px; position: relative; float: right;}
.search-content{position: relative}
.search-content input.search-input{ height: 40px; padding-left: 35px; font-size: 14px; font-weight: 400; border-radius: 0px; border: none !important; border-bottom: 2px solid #eee !important; box-shadow: none !important;}
.search-content input.search-input:focus{border-color: #16A97B !important;}
.search-content .search-icon, .search-content .search-submit{width: 40px; height: 40px; line-height: 40px; display: inline-block; font-size: 14px; text-align: left; position: absolute; left: 0; top: 0; z-index: 2; color: #000;}
.search-content .search-submit{ left: auto; right: 0; display: none;}
.search-content .search-submit i{ line-height: 40px; font-size: 20px;}
.search-content .search-content { position: relative;}
#main-wrapper{margin-bottom: 40px; min-height: calc(100vh - 290px);}
.bah-setting .btn, .btn-in-headcat{margin: 4px 0;}
#suggest{margin-bottom: 30px;}
.information_page .container{max-width: 1000px;}
.information_page .container .contact-page{max-width: 600px; margin: 0 auto;}
.new-form .form-control{border: none; border-radius: 0; background: #fff; color: #111; font-size: 14px; padding: 8px 15px; min-height: 50px; box-shadow: none !important;}
.new-form .form-control:hover, .new-form .form-control:focus{background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.05) !important;}
.new-form .form-group{margin-bottom: 30px;}
.premodal{font-size: 14px;}
.premodal-large .modal-dialog{ max-width: 620px;}
.premodal-large .modal-dialog .modal-content{border-radius: 20px;}
.premodal .btn-sm.btn-filter-item{min-width: 50px; font-size: 12px; line-height: 1em; padding: 8px 11px; float: left; margin: 3px 6px 3px 0;}
.bah-bottom{display: block; clear: both; margin-top: 10px; color: #666;}
.pre-pagination .pagination .page-item{ margin: 5px;}
.pre-pagination .pagination .page-item .page-link{border-radius: 0px; padding: 0 5px; line-height: 30px; height: 30px; color: #111; min-width: 30px; text-align: center; border: none; font-weight: 500; line-height: 1em;}
.pre-pagination .pagination .page-item:hover .page-link{color: #00CE9F; background: #fff;}
.pre-pagination .pagination .page-item.active .page-link{cursor: default; background: #00CE9F; color: #fff;}
.pre-pagination .pagination-lg .page-item .page-link{line-height: 40px; min-width: 40px; height: 40px; font-size: 14px;}
/* modal */
.modal-backdrop.show{opacity: .9;}
.premodal .modal-content{ border-radius: 0; border: none; border-radius: 30px;}
.premodal-trailer .modal-content{background: #000; border-radius: 0;}
.premodal .modal-content .modal-header{border-bottom: 0; border-radius: 0; padding: 20px; position: relative; display: block;}
.premodal .modal-content .modal-header .modal-title{text-align: center; font-weight: 600; font-size: 2em; line-height: 1.4em;}
.premodal .modal-content .close{position: absolute; top: 10px; right: 10px; margin: 0; width: 30px; height: 30px; border-radius: 50%; z-index: 3; text-align: center; line-height: 30px; display: inline-block; padding: 0; opacity: 1; text-shadow: none;}
.premodal .modal-content .close:hover{opacity: 1;}
.premodal .modal-content .modal-body{padding: 20px 30px;}
.premodal .modal-content .modal-footer{ padding: 30px; display: block; border-top: none;}
.preform .form-group{margin-bottom: 20px;}
.preform .form-control{ font-size: 13px; border-radius: 0;}
.preform .prelabel{ font-size: 11px; text-transform: uppercase; opacity: .5; font-weight: 400; letter-spacing: 1px;}
.preform .custom-control-label{line-height: 1.5rem}
.text-forgot{line-height: 1.5rem;}
.link-highlight{ cursor: pointer;}
.highlight-text{color: #16A97B}
.premodal .modal-logo{margin-top: -10px;}
.premodal .alert{font-size: 13px; line-height: 1.4em; border-radius: 0;}
.premodal .btn{padding: .5rem .75rem}
.model-form.preform .form-group{position: relative}
.model-form.preform .form-group .form-control{border-radius: 10px; padding: 15px 25px 10px; height: auto; box-shadow: none !important;}
.model-form.preform .form-group .prelabel{position: absolute; top: -12px; left: 15px; padding: 6px 10px; display: inline-block; z-index: 3; opacity: 1; font-weight: 400; text-transform: unset}
.model-form.preform .btn-radius-more{padding: 12px 20px;}
.model-form.preform .login-btn{margin-top: 30px; margin-bottom: 0;}
/* loading */
.loading{ position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -30px;}
.loading > div{  width: 18px; height: 18px; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.loading .span1{ -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.loading .span2{  -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay{
    0%, 80%, 100% { -webkit-transform: scale(0);}
    40% { -webkit-transform: scale(1.0);}
}
@keyframes sk-bouncedelay{
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0);}
    40% { -webkit-transform: scale(1.0); transform: scale(1.0);}
}
.loading-relative{display: block; width: 100%; height: 100%; position: relative; min-height: 50px;}
@keyframes hoz-show {
    from  { opacity: 0; }
    to   { opacity: 1; }
}
.film-poster .loading-relative, .watching_player-area .loading-relative{position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.search-result-pop .loading-relative{ min-height: 160px;}
.bah-filter .btn-in-headcat{border-radius: 3px; font-size: 14px; line-height: 1em; padding: 7px 10px; margin: 5px 0 0; border: none;}
.bah-filter .btn-in-headcat i{font-size: 12px;}
/* footer */
#footer{position: relative; background: #fff; padding: 40px 0;}
#footer .container{position: relative; z-index: 3; text-align: center}
#footer .footer-links{ margin-bottom: 10px;}
#footer .footer-links ul{padding: 0;}
#footer .footer-links ul li{ display: inline-block; margin: 10px 20px;}
#footer-about{padding: 0 0 40px;}
#footer-about .about-text{ max-width: 800px; text-align: center; margin: 0 auto 20px; line-height: 1.6em; font-size: 12px;}
.copyright{text-align: center; margin-bottom: 0 !important; font-size: 12px;}
.footer-social{ margin-bottom: 10px;}
.footer-social .btn-social{margin: 0 10px 10px; width: 40px; height: 40px; text-align: center; padding: 0; font-size: 0; color: #fff; border-radius: 50%; background: #111;}
.footer-social .btn-social i{font-size: 18px; line-height: 40px; position: relative; top: -1px;}
.footer-social .btn-social.bs-facebook{background: #1976D2}
.footer-social .btn-social.bs-twitter{background: #03A9F4}
.footer-social .btn-social.bs-telegram{background: #fff}
.footer-social .btn-social.bs-telegram i{font-size: 40px; color: #2197D5; top: -2px;}
/* page */
.prebreadcrumb .breadcrumb{padding: 0; background: none;}
.form-control-textarea{max-width: 100%; min-width: 100%;}
.blank_page{width: 100%; height: 100%; overflow: hidden;}
.container-404{ margin: 200px 0}
.container-404 .c4-big{ font-size: 120px; font-weight: 600; line-height: 1em; margin-bottom: 20px; color:#16A97B}
.container-404 .c4-medium{ font-size: 30px; font-weight: 300; line-height: 1.2em; margin-bottom: 10px;}
.container-404 .c4-small{ font-size: 14px; font-weight: 400; line-height: 1.3em; margin-bottom: 30px;}
.ulclear, .ulclear li{list-style: none; margin: 0; padding: 0;}
.slcs-ul {max-height: 400px;overflow: auto;}
.text-home{ font-weight: 400; font-size: 1.15em; line-height: 1.4em; margin-bottom: 50px;}
.text-home .btn-expand{display: none;}
.premodal .modal-content .modal-body p{line-height: 1.4em;}
.dropdown-menu-model .dropdown-item .badge{float: right; font-weight: 400; color: #111 !important; background: #fff !important; font-size: 11px; margin: 0}
.dropdown-menu-model{border: none; min-width: 200px; padding: 0; border-radius: 6px; overflow: hidden; margin-top: 0px; transform: none !important; top: 45px !important; bottom: auto !important; box-shadow: 0 20px 20px rgba(0,0,0,0.05);}
.dropdown-menu-model .dropdown-item{padding: 12px 12px; font-size: 13px;}
.dropdown-menu-model .dropdown-item.user-logout{margin-top: 10px; padding: 15px 20px}
.heading-box{box-shadow: 0 10px 10px rgba(0,0,0,.05); padding: 25px; background: #fff; margin: 0 auto 20px;}
.heading-box a{font-weight: 500;}
.heading-box .heading-name{font-size: 22px; font-weight: 500; margin: 0 0 10px 0;}
.heading-box .description{line-height: 1.4em; font-size: 14px;}
.ssr-wrap{margin: 0 -6px 20px; display: block;}
.ssr-block{display: block; float: left; width: calc(25% - 12px); min-height: 400px; border-radius: 0px; margin: 6px; box-shadow: none; background: #fff;}
.ssr-block .ssrb-header{height: 60px; padding: 0 10px; position: relative; display: flex; align-items: center;}
.ssr-block .ssrb-header .sh-link{ display: flex; align-items: center; width: 100%;}
.ssr-block .ssrb-header .header-icon{height: 40px; width: 40px; border-radius: 6px; background: #fff; padding: 5px; margin-right: 10px;}
.ssr-block .ssrb-header .header-icon img{width: 30px; height: 30px;}
.ssr-block .ssrb-header .header-heading{ font-size: 18px; color: #fff; margin: 0; font-weight: 600; line-height: 1.2em}
.ssr-block.pre-block .ssrb-header .header-heading{text-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.ssrb-body{padding: 10px; position: relative;}
.ssrb-body .description{font-size: 13px; font-weight: 400; line-height: 1.3em; margin-bottom: 10px; text-align: center; min-height: 36px;}
.ssrb-footer{padding: 10px;}
.mw-page, .ssr-block .ssrb-header, .request-done{background: #11998e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1fc45b, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1fc45b, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.mw-page.mw-page-pre, .ssr-block.pre-block .ssrb-header{background: #FF9232;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFC000, #FF9232);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFC000, #FF9232); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
li.sl-item{ position: relative; padding-left: 35px; margin: 0; display: inline-block; width: 100%}
.sl-item .sli-number{position: absolute; left: 0; width: 30px; line-height: 30px; text-align: left; font-weight: 600; opacity: .2; font-size: 14px;}
.sl-item .sli-site{ position: relative; padding-left: 26px;}
.sl-item .sli-site .slis-link{display: block}
.sl-item .sli-site .site-icon{ position: absolute; left: 0; top: 5px;}
.sl-item .sli-site .site-name{font-size: 14px; margin: 0; font-weight: 400; line-height: 30px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.site-icon{display: inline-block; font-size: 0}
.site-icon img{width: 20px; height: 20px;}
.site-icon.size-m img{width: 30px; height: 30px;}
.cate-icon{display: inline-block; font-size: 0; vertical-align: top}
.cate-icon.size-s img{width: 20px; height: 20px;}
.cate-icon.size-m img{width: 32px; height: 32px;}
#slider-top-wrap{margin-bottom: 30px; margin-top: -30px; background: #2f3a64; padding: 30px 0 65px;}
.item-logo{display: inline-block; width: 100%; padding-bottom: 50%; background: #fff; position: relative; border-radius: 10px; overflow: hidden}
.item-logo .item-logo-img{position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; right: 10%; bottom: 10%; object-fit: cover}
.ls-item .item-logo{margin-bottom: 5px;}
.ls-item .ls-detail{ text-align: center}
.ls-item .ls-detail .site-name{ margin: 0; font-size: 14px; font-weight: 500; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ls-item .ls-detail .site-name a{ color: #fff;}
#slider-top{position: relative; opacity: 0; animation: hoz-show 1s forwards; animation-delay: .2s}
.stw-buttons .stw-button{font-size: 20px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; display: inline-block; background: rgba(0,0,0,.4); color: #fff; position: absolute; top: calc(50% - 11px); transform: translateY(-50%); left: -50px; cursor: pointer}
.stw-buttons .stw-button.stw-next{left: auto; right: -50px;}
.stw-buttons .stw-button:hover{color: #16A97B}
.stw-buttons .stw-button.swiper-button-disabled{opacity: .2; cursor: default; color: #fff !important;}
.ssr-block.ssr-block-ex{width: calc(50% - 12px)}
.ssr-block.ssr-block-ex li.sl-item{width: 48%; display: inline-block}
.xcontainer{padding-left: 60px; padding-right: 60px;}
.vpn-row{ margin: 40px 0 30px; background: #edfffb; padding: 25px; border: 2px solid #00CE9F; position: relative}
.vpn-row .vr-content{position: relative; padding-left: 215px; padding-right: 160px; color: #111}
.vpn-row .vr-content .highlight-text{color: #00CE9F}
.vpn-row .vr-content .btn-vpn{position: absolute; top: 0; right: 0; background-color: #00CE9F !important;}
.vpn-row .vr-image{position: absolute; left: 5px; bottom: -2px;}
.vpn-row .vr-image img{width: auto; height: 120px;}
.vpn-row p{margin-bottom: 0; line-height: 1.5em}
.mw-content{margin-bottom: 60px;}
.mw-information{padding: 0px 0 50px;}
.mwi-article .xheading{font-size: 24px; font-weight: 600; margin: 0 0 1em 0;}
.mwi-article .sheading{font-size: 18px; font-weight: 600; margin: 0 0 .5em 0;}
.mwi-article p{line-height: 1.5em; font-size: 14px; font-weight: 400;}
.category-title{font-size: 20px; color: #fff; line-height: 24px; font-weight: 600; margin: 0;}
.heading-box-cate{ margin-bottom: 40px;}
.heading-box-cate .heading-name{font-size: 18px;}
.page-bread{ position: relative}
.page-bread .btn-home{box-shadow: 0 5px 10px rgba(0,0,0,.1); background: #fff !important; color: #111 !important; margin-right: 5px; padding: 0 15px; height: 36px; border-radius: 20px; line-height: 36px; position: relative; top: -2px;}
.page-bread .category-title{display: inline-block;}
.mw-page{padding: 20px 0; margin-top: -30px; margin-bottom: 30px;}
.review-list-row{ margin-bottom: 40px;}
.review-list-row .rlr-wrap{margin: 0 -6px;}
.review-list-row .rlr-wrap .item{width: calc(33.33% - 12px); margin: 0 6px 12px; float: left; background: #fff;  border-radius: 0; overflow: hidden; position: relative; padding: 15px;}
.review-list-row .rlr-wrap .item .site-screen{ position: absolute; border-radius: 8px 0 0 0; right: 0px; top: 45px; bottom: 0; width: 140px; opacity: 1; overflow: hidden;}
.review-list-row .rlr-wrap .item .site-screen .site-screen-img{ width: 100%; min-height: 100%;}
.review-list-row .rlr-wrap .item:hover .site-screen{ opacity: 0.2; filter: blur(6px); /*opacity: 0; transform: rotate(-45deg); top: 85px; right: -70px; bottom: -30px;*/}
.review-list-row .rlr-wrap .item:hover .item-buttons{ top: 0; transform: rotate(0deg);}
.review-list-row .rlr-wrap .item:hover .sd-clicked{opacity: 0;}
.review-list-row .rlr-wrap .item .site-detail{ margin-bottom: 10px;}
.review-list-row .rlr-wrap .item .site-detail .sd-number{line-height: 20px; font-weight: 600; display: block; float: left; margin-right: 10px;}
.review-list-row .rlr-wrap .item .site-detail .sd-name{float: left}
.review-list-row .rlr-wrap .item .site-detail .sd-name .site-icon{margin-right: 5px; float: left}
.review-list-row .rlr-wrap .item .site-detail .sd-name .site-name{font-size: 14px; line-height: 20px; margin: 0; display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left}
.review-list-row .rlr-wrap .item .site-detail .sd-clicked{float: right; font-size: 12px; color: #aaa;}
.review-list-row .rlr-wrap .item .site-detail .sd-clicked:after{ content: " clicks"}
.review-list-row .rlr-wrap .item .description {padding-right: 145px;}
.review-list-row .rlr-wrap .item .description span{font-size: 12px; color: #000; opacity: .6; font-weight: 400; line-height: 1.3em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden}
.item-buttons{display: inline-block; position: absolute; top: -40px; right: 0px; transform: rotate(15deg); width: 140px; text-align: center; padding: 25px; z-index: 9; opacity: 0;}
.item-buttons .btn-sm{ padding: 5px 10px; margin: 5px 0 !important; display: block; border-radius: 20px; background: #fff; color: #000; font-size: 11px;}
.item-buttons .btn-primary{color: #fff;}
.item-buttons .btn-secondary{background: #fff !important; color: #111 !important;}
.review-list-row .rlr-wrap .item:hover .item-buttons{ opacity: 1;}
.page-detail{background: #fff; position: relative; margin-bottom: 30px; margin-top: -30px; border-radius: 0 0 60px 0; overflow: hidden; box-shadow: 0 10px 10px rgba(0,0,0,.05)}
.page-detail .pd-content{position: relative; padding: 40px 40px 20px; min-height: 400px; padding-left: 640px;}
.page-detail .pd-content .pd-screen{position: absolute; left: 0; bottom: 0px; top: 40px; width: 600px; border-radius: 0 60px 0 0; overflow: hidden}
.page-detail .pd-content .pd-screen .pd-screen-img{width: 100%; min-height: 100%; position: absolute; object-fit: cover;}
.pds-buttons{ position: relative; z-index: 9; margin-bottom: 20px;}
.pds-buttons .btn{padding: 12px 15px; margin-top: 10px; display: block; border-radius: 6px;}
.pds-buttons .btn.btn-primary{ font-size: 20px; background: #1ec25e !important;}
.pds-buttons .btn.btn-secondary{ font-size: 16px;}
.page-detail .pd-content .pdc-name{position: relative; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
.page-detail .pd-content .pdc-name .clearfix{display: none !important;}
.page-detail .pd-content .site-name{font-size: 32px; font-weight: 700; margin: 0; display: block; width: calc(100% - 160px); word-break: break-all;}
.page-detail .pd-content .description{ margin-bottom: 20px;}
.page-detail .pd-content .description .desc-box{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px;}
.page-detail .pd-content .description .btn-sm{padding: 4px 10px;}
.heading-box.heading-box-detail{border-radius: 0 60px 0 0; margin-bottom: 40px;}
.heading-box.heading-box-detail .heading-name{font-weight: 600;}
.heading-box.heading-box-detail .art-head{font-size: 20px; font-weight: 600; margin: 0 0 10px 0;}
.heading-box.heading-box-detail .hb-bot{max-height: 370px; overflow: auto; position: relative}
.heading-box.heading-box-detail .hb-bot-hide{z-index: 10; position: relative; margin-top: -30px; height: 30px; background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.heading-box.heading-box-detail .hb-bot p{margin-bottom: 10px;}
.heading-box.heading-box-discussion{margin-bottom: 40px;}
.pd-review .pdr-block{width: 50%; padding-right: 20px; float: left}
.pd-review .pdr-block .pdr-item{ margin-bottom: 12px; font-size: 15px; position: relative; padding-left: 25px; font-weight: 500;}
.pd-review .pdr-block .pdr-item i{font-size: 20px; position: absolute; left: 0; top: -1px;}
.pd-review .pdr-block .pdr-item.item-good i{color: #51bc18}
.pd-review .pdr-block .pdr-item.item-bad i{color: #ff443f}
.site-rating{ position: relative; width: 160px;}
.block-title{font-size: 28px; margin-bottom: 30px; font-weight: 600;}
.position-status{position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 9; color: #fff; padding-right: 90px;}
.position-status .number{font-size: 50px; font-weight: 600; position: absolute; top: 50%; transform: translateY(-50%); right: 0; opacity: .3}
.position-status .in-cate{font-weight: 500; font-size: 16px; width: 160px; display: inline-block; text-align: right;}
#request-box{position: relative; overflow: hidden; min-height: 700px}
#request-box .content{ max-width: 700px; position: relative; z-index: 9}
#request-box .description{margin-bottom: 30px; display: block !important;}
#request-box .heading-name{font-size: 22px !important; margin-bottom: 1rem !important;}
.rq-art{position: absolute; bottom: 0; left: 50%; width: 50%; padding-bottom: 50%; height: 0; background: url("../images/request.png"); background-size: cover;}
.request-form label{font-weight: 600;}
.category-show{ clear: both; overflow: hidden}
.cs-item{ display: block; float: left; margin: 0 10px 10px 0; cursor: default; padding: 10px; border-radius: .25rem; position: relative; background: #def9e9;}
.cs-item .cs-icon{ float: left; margin-right: 10px; display: block; height: 16px;}
.cs-item .cs-icon img{width: auto; height: 16px; vertical-align: top}
.cs-item span{line-height: 16px; float: left; font-size: 13px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.category-show .cs-item{padding-right: 40px;}
.category-show .clear{position: absolute; color: #111; opacity: .2; right: 0; padding: 5px 14px; top: 50%; transform: translateY(-50%); cursor: pointer}
.category-show .clear:hover{ opacity: 1}
.request-form .rf-block{position: relative; padding-left: 80px; margin-bottom: 2rem}
.request-form .rf-block .step{position: absolute; left: 0; top: 0; border-radius: .25rem; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #999; font-size: 2.5em; font-weight: 600}
.request-form .form-control, .pre-form .form-control{max-width: 400px; font-size: 1em; height: 40px; width: 100%}
.request-form .form-control-textarea, .pre-form .form-control-textarea{height: 150px; min-width: auto; background: #f5f5f5; resize: none}
.pre-form label{font-weight: 500;}
.ssmodal .modal-content{border-radius: 10px; border: none !important;}
.ssmodal .modal-content .modal-title{margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: bold;}
.ssmodal.ssmodal-category .modal-dialog{max-width: 800px;}
.modal-buttons{margin-top: 1.5rem; display: inline-block; width: 100%; clear: both}
.modal-buttons .btn{float: left; padding-left: 1rem; padding-right: 1rem; min-width: 100px;}
.modal-buttons .btn:nth-of-type(n+2){ margin-left: 10px;}
.alert{border-radius: 0 !important; border: none; padding: 1.5rem}
.category-list{overflow: hidden; margin: 1rem -5px;}
.category-list .item{width: calc(33.33% - 10px); margin: 0 5px 5px;}
.category-list .item a{padding: 10px; border-radius: 6px; color: #111 !important; font-weight: 500; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.category-list .item a:hover{color: #111 !important; background: #def9e9;}
.category-list .item.active a{ background: #def9e9 !important;}
.request-done{ background: #15a580; color: #fff; padding-right: 200px; min-height: 160px;}
.request-done .done-icon{position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 200px; text-align: center;}
.request-done .done-icon i{width: 100px; height: 100px; line-height: 100px; font-size: 50px; border-radius: 50%; display: inline-block; background: #fff; color: #15a580; box-shadow: 0 0 30px 0 rgba(0,0,0,.05)}
.contact-social-icons{max-width: 630px;}
.contact-social-icons .block{ margin: 8px; display: inline-block;}
.contact-social-icons .btn{border: none !important; padding: 0; border-radius: 10px; background: #fff; outline: none !important; box-shadow: 0 5px 10px rgba(0,0,0,.075);}
.contact-social-icons .icon-rounder{width: 40px; height: 40px; border-radius: 6px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; float: left;}
.contact-social-icons .csib-link{float: left; line-height: 40px; min-width: 60px; color: #111; font-size: 13px; font-weight: 500; margin: 0 6px;}
.icon-rounder-facebook{background: #3B5997 !important}
.icon-rounder-twitter{background: #1DA1F2 !important}
.icon-rounder-telegram{background: #0088cc !important}
.icon-rounder-discord{background: #a052ff !important}
.icon-rounder-reddit{background: #ff3c1f !important}
#contact-box .content{ width: 100%; max-width: 420px; margin: 60px auto; text-align: center;}
#contact-box .content .pre-form{text-align: left; width: 100%;}
#contact-box .content .pre-form .form-control{ max-width: none;}
#pd-slider .swiper-slide{ position: relative; width: 100%; height: 0 !important; padding-bottom: 67%;}
#pd-slider .swiper-slide .pds-thumb{position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%;}
#pd-slider .swiper-notification{display: none;}
#pd-slider .pd-pagination{position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;}
#pd-slider .swiper-pagination{ left: 50%; transform: translateX(-50%); bottom: 0;}
#pd-slider .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #eee; box-shadow: none !important; margin: 5px; }
#pd-slider .swiper-pagination .swiper-pagination-bullet-active{ background-color: #16A97B !important;}
.page-detail .pd-content .pd-screen.w-slide{ border-radius: 0 30px 0 0; padding-bottom: 0 !important;}