.cs-bg-primary {
    background-color: #161616 !important;
}
.cs-bg-orange{
    background-color: #fdc735;
}
.cs-border-primary{
    border: solid #fdc735 !important;
}
.cs-text-primary{
    color: #F7C836;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
     background-color: #fdc735 !important;
     border-color: #fdc735 !important;
     color: #000 !important;
}
.nav-link {
    color: #fdc735 !important
}
canvas {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

div {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #000;
    pointer-events: none;
    z-index: 99999;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0px)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
    left: 30%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
    left: 55%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}

.txt-error {
    color: red;
}

.hidden {
    display: none;
}

.sidecontact_left {
    position: fixed;
    margin-top: 5px;
    left: -206px;
    top: 30%;
    width: 250px;
    height: 386px;
    cursor: pointer;
    z-index: 999999;
    background: url(http://www.cs288.com/assets/content/cs2888/images/barcod_left.png) no-repeat;
}

.sidecontact_left a {
    display: block;
    margin-top: 38px;
    margin-left: 24px;
}

.sidecontact_left:hover {
    transition: 0.5s;
    left: 0;
}

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 a,
 span,
 div.word,
 label,
 input,
 button,
 b,
 div,
 th {
     font-family: 'Battambang', cursive !important;
 }

iframe {
     width: 100%;
     border: 2px solid #ccc;
 }
 .marq_bg a {
    color: #F7C836;
 }
 .bg-primary-v2{
    background-color: #fdc735 !important;
 }
 .bg-secondary-v2{
    background-color: #414141 !important;
 }
 .mobile-pill .active{
    background-color: #fdc735 !important;
 }

 #promotionModal{
    overflow-x: hidden;
    overflow-y: auto;
 }
.text-orange-300{
	color: #F7C836 !important;
}
.bg-warning, .bg-yellow-600{
	background-color: #F7C836 !important;
}
@media only screen and (max-width: 1130px) {
	.modal-promot-conent{
		height: 400px;
    	overflow-y: scroll;
	}
}
.full-h-image img{
	height:100%;
}
.full-h-imagge{
	padding: 0 0;
	margin: 0; 
	overflow:hidden;
}
.cs-py-1{
	padding-top:0.1rem;
	padding-bottom: 0.1rem;
}
.border {
    border-width: 1px !important;
}
.border {
    border-width: 1px !important;
}
.bg-cs-primary{
	background-color: #F7C836 !important;
}

.video__icon {
  position: absolute;
  width: 50px;
  right: -7px;
  top: -7px; }
  .video__icon .circle--outer {
    border: 1px solid #e50040;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 0 auto 5px;
    position: relative;
    opacity: .8;
    -webkit-animation: circle 2s ease-in-out infinite;
            animation: circle 2s ease-in-out infinite; }
  .video__icon .circle--inner {
    background: #e50040;
    left: 15px;
    top: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    opacity: .8; }
    .video__icon .circle--inner:after {
      content: '';
      display: block;
      border: 2px solid #e50040;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      top: -4px;
      left: -4px;
      position: absolute;
      opacity: .8;
      -webkit-animation: circle 2s ease-in-out .2s infinite;
              animation: circle 2s ease-in-out .2s infinite; }
  .video__icon p {
    color: #000;
    text-align: center; }
.object-fit{
	object-fit: cover;
}

 .snow-container {
    position: fixed;
	 z-index:9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .snow {
    position: absolute;
    z-index: 99999;
    animation: snowfall linear infinite;
  }

  @keyframes snowfall {
    0% {
      transform: translateY(-100vh) rotate(0deg);
    }
    100% {
      transform: translateY(100vh) rotate(360deg);
    }
  }