@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;600&display=swap');
/* CSS Document */
html{position: relative; height: 100%}
body {background-color: #0d0d0d; font-family: "Be Vietnam Pro", Arial; color: #EEE; font-size: 16px; line-height: 1.5; font-weight: 300; padding: 0; margin: 0; text-size-adjust: none; -webkit-text-size-adjust: none;}
a {color: #fff; text-decoration:none !important; outline:none;}
a:hover{color: #96c052;}
button, .btn{ border: none !important; font-size: 14px; outline: none !important; box-shadow: none !important; border-radius: 0; font-weight: 500; padding: .5rem 1rem}
.vb-btn{ padding: .75rem 1.5rem; border-radius: .4rem}
.btn{color: #888; border-radius: .4rem;}
.btn:hover{color: #aaa;}
.btn-blank{padding-left: 0 !important; padding-right: 0 !important; background: none !important;}
.btn-primary{ background: #96c052 !important; color: #111 !important;}
.btn-primary:hover{ background: #96c052; color: #111}
.btn-primary.btn-shadow{box-shadow: 0 0 10px rgba(37,255,112,.3) !important;}
.btn-primary.btn-shadow.btn-lg{box-shadow: 0 0 20px rgba(37,255,112,.3) !important;}
.btn-primary.btn-shadow:hover{box-shadow: 0 0 25px rgba(37,255,112,.3) !important;}
.btn-light{color: #111 !important; background: #fff;}
.btn-sm{font-size: 12px; line-height: 1.5em; padding: 2px 10px;}
.btn-lg{font-size: 18px; padding: 12px 20px;}
.btn-radius{border-radius: 30px;}
.highlight{color: #96c052}
.effect, .cl_item{transition: all .2s ease 0s; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s;}
.container{ max-width: 1330px !important;}
h1, h2, h3, h4, h5, h6{font-weight: 600; line-height: 1.4;}
.site_heading_big{font-size: 2.2em !important; line-height: 1.4;}
.site_heading_medium{font-size: 1.6em !important; line-height: 1.4;}
b,strong{font-weight: bold}
.form-control::placeholder{color: #666;}
.no-bullets{padding: 0; list-style: none;}
.no-bullets li{list-style: none;}
.dot{ width: 6px; height: 6px; border-radius: 50%; background: #666; display: inline-block; margin: 2px 6px;}
body.fixed{background-image: url(/background.jpg); background-position: top center; background-repeat: no-repeat;}
#landing{ position: relative; width: 100%; text-align: center; padding-top: 40px;}
.ld_top{text-align: center; margin-bottom: 2rem;}
.ld_main{text-align: center; margin-bottom: 60px}
.ld_bottom{text-align: center;}
#logo{display: inline-block; margin-bottom: 1.5rem;}
#logo img{height: 40px;}
.channel-list{ margin: 3rem auto;}
.cl_item{ width: 200px; margin: 10px; padding-bottom: 40px; position: relative; border-radius: 1.2rem; overflow: hidden;}
.cl_item:hover{transform: scale(1.1); z-index: 3; box-shadow: 0 0 40px 0 rgba(0,0,0,.5);}
.cl_item .cl_i-content{display: block; text-align: center; padding: 1.5rem; position: relative; text-align: center; box-shadow: 0 0 40px rgba(255,255,255,.3) inset;}
.cl_item .cl_i-content .item-logo{width: 100%; padding-bottom: 82%; margin: 0 auto; position: relative;}
.cl_item .cl_i-content .item-logo img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: contain;}
.cl_item .cl_i-content .item-name{font-size: .85em; font-weight: 600; margin-top: 1rem; margin-bottom: 0; color: #fff !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cl_item .cl_i-content .item-button{position: absolute; left: 0; right: 0; bottom: -40px;}
.cl_item .cl_i-content .item-button .btn{border-radius: 0; height: 40px; font-weight: 600; padding: .5rem 0;}
.landing_border{ position: relative; margin-bottom: 1rem; opacity: .7;}
.landing_border img{width: 100%; height: auto; max-width: 1400px;}