/*
    Theme Name: ProTheme
    Description: This is a child theme
    Author: ProTheme
    Template: flatsome
    Version: dev
*/
/*GAMES*/
.banner {background-color: transparent;}
.header:not(.transparent) .header-bottom-nav.nav > li > a i {margin-right: 8px;margin-top: 5px;}
.header:not(.transparent) .header-bottom-nav.nav > li > a {color: #425bcb;font-weight: normal;}
.itemRote .text {-ms-transform: skewY(-3deg);transform: skewY(-1deg);}
.btn a {width: 142px;height: 36px;text-align: center;border: none;color: #fff;font-size: 13px;font-weight: bold;text-transform: uppercase;line-height: 30px;margin-bottom: 0;display: block;}
.btn-left {background: url("./assets/images/login-register.png");}
.btn-right {background: url("./assets/images/login-register.png");}
.homeGames::after {content: '';position: absolute;top: 0;right: 0;width: 234px;height: 526px;background: url( './assets/images/affter-css.png' ) repeat;}
.homeGames:before {content: '';position: absolute;top: 0;left: 0;width: 136px;height: 903px;background: url( './assets/images/befre-css.png' ) repeat;}
.ftborder {border-bottom: 1px solid #ffffff6e;margin-bottom: 20px !important;}
.ftborder2 {border-top: 1px solid #ffffff1c;padding-top: 20px !important;}
.sec-btn {margin-left: 15px;}
.leftNap .icon-box-img {margin-bottom: 0;}
.sec-btn a {display: block;margin: 5px 0;padding: 0 10px;color: #dfff00;font-size: 10px;border-width: 1px;border-style: solid;border-color: #dfff00;border-radius: 5px;line-height: 18px;width: 60%;text-align: center;font-weight: bold;}
.homeGames * {border-radius: 12px;}
.homeGames .icon-box .icon-box-text .text > div {font-size: .7em;color: #adb7cc;font-weight: 700;display: inline-flex;align-items: center;}
.homeGames .icon-box .icon-box-img {margin-bottom: 0;}
/* GAMES  */
#popup .wpcf7 form .wpcf7-response-output {margin: 0;}
#popup input.dkform {padding: 0 !important;margin: 0 !important;}
#popup form.wpcf7-form {margin-bottom: 0}
div#popup {border-radius: 3px;}
div#popup .wpcf7 {border: 3px dashed #0903;padding: 10px;}
.formsdt form-control.wpcf7-submit.dkform {margin: 5px 0 0 0px;border-radius: 3px;}
span.wpcf7-spinner {display: block;align-items: center;text-align: center;justify-content: center;margin: 0 auto;}
input.wpcf7-form-control.wpcf7-submit.dkform {background-color: rgb(56 185 229);min-width: 38%;border-radius: 3px;}
span.register-form-title {color: rgb(56 185 229);font-size: 20px;line-height: 1em;font-weight: 600;margin-bottom: 20px;display: inline-block;}
a.nhankm_btn-link {text-align: center;width: 85px;text-decoration: none;background-color: #fcaa04;padding: 5px 18px;color: #000000d1;line-height: 30px;height: 30px;font-size: 14px;font-weight: bold;border-radius: 20px;text-transform: uppercase;}
div#nhanquakm > .wpcf7 {border-color: rgb(56 185 229);border-width: 2px 2px 2px 2px;border-style: dashed;padding: 10px;}

/* Title */
.titleSection .col-inner p {margin-top: 5px;margin-bottom: 15px;font-size: 0.8em;}
.titleSection .col-inner {text-align: center;}
.yivic-title {margin: 0;position: relative;}
.yivic-title:before {content: "";display: block;position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 9px;width: 50%;border-bottom: 1px solid #32c5ff;border-top: 1px solid #32c5ff;}
.yivic-title h2 {display: block;z-index: 9999;text-align: center;padding: 10px 90px;text-transform: uppercase;font-size: 1em;letter-spacing: 1px;font-weight: bold;position: relative;margin: 0 auto;background: #10141c;overflow: hidden;-webkit-box-shadow: inset 0 3px 0 0 #32c5ff, inset 0 -3px 0 0 #32c5ff;}
.yivic-title h2:before {border: 4px solid #32c5ff;content: "";display: block;width: 100px;height: 100px;position: absolute;background: #10141c;z-index: 2;right: -63px;top: 0;bottom: 0;margin: auto 0;-webkit-transform: rotate(45deg) skew(26deg, 26deg);-moz-transform: rotate(45deg) skew(26deg, 26deg);-ms-transform: rotate(45deg) skew(26deg, 26deg);-o-transform: rotate(45deg) skew(26deg, 26deg);transform: rotate(45deg) skew(26deg, 26deg);}
.yivic-title h2 span:before {color: #fff;content: "\22C6";font-size: 14px;font-family: "icons";position: absolute;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 50px;}
.yivic-title h2 span:after {color: #fff;content: "\22C6";font-size: 14px;font-family: "icons";position: absolute;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 50px;}
.yivic-title h2:after {border: 4px solid #32c5ff;content: "";display: block;width: 100px;height: 100px;position: absolute;background: #10141c;z-index: 99999;top: 0;bottom: 0;margin: auto 0;left: -63px;-webkit-transform: rotate(45deg) skew(26deg, 26deg);-moz-transform: rotate(45deg) skew(26deg, 26deg);-ms-transform: rotate(45deg) skew(26deg, 26deg);-o-transform: rotate(45deg) skew(26deg, 26deg);transform: rotate(45deg) skew(26deg, 26deg);}
.yivic-title:after {content: "";display: block;position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 1px;width: 70%;background: #32c5ff;}
/* End title */

/* MENU */
li.nav-icon.has-icon i {color: #adb7cc;}
.header-main li.html.custom {display: block;}
.header-top {border-bottom: 1px solid #ffffff14;}
.nav li.has-icon-left>a>i, .nav li.has-icon-left>a>svg, .nav li.has-icon-left>a>img {width: 20px;height: 20px;filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(95%) contrast(102%);}
.header-main {border-bottom: solid 1px #ddd;}
header#header {border-bottom: 3px solid #14ecff;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a img {margin-right: 15px !important;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a i {margin-right: 15px !important;}
.off-canvas:not(.off-canvas-center) li.html {padding: 20px;background: #0152d4;display: inline-block;}
.off-canvas:not(.off-canvas-center) .nav-vertical li {border-bottom: 1px solid #0152d447;}
.off-canvas:not(.off-canvas-center) .nav-vertical li:last-child {border-bottom: 1px solid transparent;}
.off-canvas:not(.off-canvas-center) .nav-vertical li.btn {margin-bottom: 10px;}
.off-canvas:not(.off-canvas-center) .nav-vertical li.btn> a {margin: 0;padding: 0;color: #fff;text-transform: uppercase;}
.mfp-content li.btn.btn-left, .mfp-content li.btn.btn-right {width: 100% !important;}
.mfp-content .nav-vertical li li {padding-left: 0;}
.mfp-content .topRight-section__button {display: inline-block !important;}
.off-canvas .sidebar-menu {padding-top: 0 !important;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a img {filter: invert(16%) sepia(75%) saturate(4522%) hue-rotate(211deg) brightness(97%) contrast(104%);}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a i {color: #0152d4 !important;background: #0152d4 !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;}
.mfp-content .searchform .button.icon i {color:#fff;}
.mfp-content .form-flat input:not([type=submit]) {border-color: #fff !important;}
.mfp-content input#s::placeholder {color: #fff;opacity: 1;}
.mfp-content .form-flat input:not([type=submit]) {border-color: rgb(255 255 255 / 9%);}
.nav-sidebar.nav-vertical>li+li {border-top: 1px solid #ececec14;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {color: #0152d4;font-weight: 700;white-space: nowrap;text-transform: unset;}
.off-canvas-left.mfp-ready .mfp-content {background: #fff;}
.header:not(.transparent) .header-nav-main.nav > li > a i, .off-canvas:not(.off-canvas-center) .nav-vertical li>a i {font-size: 20px;color: #adb7cc;margin-right: 0;background: #a4a4a4;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;overflow: hidden;isolation: isolate;height: 20px;}
.header:not(.transparent) .header-nav-main.nav > li > a {color: #adb7cc;font-weight: 700;white-space: nowrap;}
/* END MENU */
@-webkit-keyframes shine-1e4ba6ac { 0% {left: -75%;} to {left: 125%;} }
@keyframes shine-1e4ba6ac { 0% {left: -75%;} to { left: 125%;} }
/* ENTRY CONTENT POST */
h1.entry-title {color: #19a3ff;}
.entry-header-text-top {padding-bottom: 0;}
.entry-content {padding-top: 0;}
.entry-header-text .entry-divider.is-divider.small {background-color: rgb(213 35 41);}
/* END ENTRY CONTENT POST */

/* =========== MARQUEE =========== */
.flex-left {width: 70%;}
.marqueeSection .section-content {background-color: #222733;box-shadow: 0 1px 10px rgb(0 0 0 / 50%);}
.marquee-wrap:after {background: linear-gradient(35.57deg,#00a3ff 29.98%,#73e6ff 122.48%);border-radius: 5px;color: #fff;font-weight: 700;line-height: 30px;padding: 0 10px;position: absolute;right: 0;top: 10px;z-index: 2;}
span.news-title i {margin-right: 5px;font-size: 20px;margin-bottom: -2px;}
.news-title:after {font-weight: 700;text-transform: uppercase;font-size: 15px;content: none;}
.news-title {color: #37c6ff;font-size: 13px;font-weight: 400;line-height: 30px;text-align: center;width: 35px;}
.news-title {align-items: center;background-color: transparent;display: flex;height: 40px;justify-content: center;padding: 0;position: absolute;top: 0;width: 50px;}
.news-title {padding: 0 15px;width: auto; background: #1d2b70;color: #fff;text-transform: uppercase;font-weight: bold;position: absolute;top: -2px;}
.visible-area {margin-left: 0;width: 100%;height: 100%;overflow: hidden;position: relative;}
.marquee-wrap {color: #5a5959;cursor: pointer;font-size: 15px;height: 35px;line-height: 35px;margin: auto;position: relative;width: 100%;}
.marquee-block {height: 40px;line-height: 40px;}
.marquee-item:first-child {margin-left: 100px;}
.marquee-item:last-child {margin-right: 0;}
.marquee-item {color: #fff;cursor: pointer;display: inline-block;font-size: 14px;height: 35px;line-height: 35px;padding: 0 20px;font-weight: bold;}
.scrollLeft { animation: scrollLeft linear infinite; }

@keyframes scrollLeft{ 0% { transform:translate(0) }to { transform:translate(-100%) } }
/* =========== END MARQUEE =========== */

.container.section-title-container {margin-bottom: 0;}
.section-title-normal {border-bottom: none;}
.section-title-normal span {border-bottom: 1px solid #fff;}
.absolute-footer {border-top: 1px solid #ffffff14;}
.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {color: #fff;text-decoration: underline;}
.phnFooter { padding-top: 30px!important; }
.pd0 {padding: 0 !important;}
.homeBanner * {border-radius: 6px;}
.phnMenu .ux-menu-link__link {min-height: unset;padding: 0;margin-bottom: 0.3rem;font-weight: bold;color: #adb7cc;white-space: nowrap;font-size: .7em;}
@media only screen and (max-width: 48em) {
    .yivic-title h2 {font-size: .7em;}
    .marquee-wrap:after {display: none;}
    body .header-main {height: 4.112rem;}
    body .logo-left img {max-height: 33px;display: initial;margin-left: 0;float: left;}
    .topRight-section__button .btn {font-size: .85em !important;}  }

@media only screen and ( min-width: 48em ) {
    .titleSection .col-inner p {font-size: .9em;}
    .yivic-title h2 {width: max-content;font-size: 1.2em;}
    .news-title {padding-left: 0px !important;}
    input[type=search] {height: unset;}
    .nav-box>li.active>a, .nav-pills>li.active>a,.nav-box>li:hover>a, .nav-pills>li:hover>a  {background-color: #425bcb; color:#fff !important;}
    .nav-box>li.active>a i, .nav-pills>li.active>a i,.nav-box>li:hover>a i, .nav-pills>li:hover>a i {background: #fff !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;}
    .header:not(.transparent) .header-nav-main.nav > li > a {padding: 0 .5em;font-size: .55em;}
}
@media only screen and ( min-width: 53.063em ) {}
@media only screen and ( min-width: 68em ) {
    .header:not(.transparent) .header-nav-main.nav > li > a {font-size: .76em;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;padding: 10px 15px;color: inherit;font-weight: 600;line-height: 30px;text-decoration: none;text-transform: uppercase;}
}
@media only screen and ( min-width: 85em ) {  }
@media only screen and ( min-width: 88em ) {  }
@media only screen and ( min-width: 95em ) {  }