@font-face {
  font-family: 'DBHelvethaica';
  src: url('../../assets/fonts/DB_Helvethaica_X.ttf');
  /*    src: url('../font/DB Helvethaica_X_Bd_Cond_Itv_3.2.ttf') format('truetype'), font-weight: normal;*/
  src: url('../../assets/fonts/DB_Helvethaica_X.ttf') format('truetype'), font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DBHelvethaica_li';
  src: url('../../assets/fonts/DB Helvethaica_X_Li_v3.2.ttf');
  src: url('../../assets/fonts/DB Helvethaica_X_Li_Cond_v3.2.ttf') format('truetype'), font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DBHelvethaica_thin';
  src: url('../../assets/fonts/DB Helvethaica_X_Thin_v3.2.ttf');
  src: url('../../assets/fonts/DB Helvethaica_X_Thin_Cond_v3.2.ttf') format('truetype'), font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DBHeavent';
  src: url('../../assets/fonts/DBHeavent.ttf');
  src: url('../../assets/fonts/DBHeavent.ttf') format('truetype'), font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DBHeavent-MedCond';
  src: url('../../assets/fonts/DBHeavent-MedCond.ttf');
  src: url('../../assets/fonts/DBHeavent-MedCond.ttf') format('truetype'), font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DBHeavent-BlackCond';
  src: url('../../assets/fonts/DBHeavent-BlackCond.ttf');
  src: url('../../assets/fonts/DBHeavent-BlackCond.ttf') format('truetype'), font-weight: normal;
  font-style: normal;
}
/*@font-face {
    font-family: 'DBHelvethaica X Med';
    src: url('DB Helvethaica X Med v3.2.ttf');
    src: url('font/DB Helvethaica X Med v3.2.ttf') format('truetype'),
    font-weight: normal;font-style: normal;
}*/

.DBH-BCond {
  font-family: 'DBHeavent-BlackCond', sans-serif !important;
}
.tx_th {
  font-family: DBHelvethaica, sans-serif !important;
}
.Alumni-Sans {
  font-family: 'Alumni Sans', sans-serif !important;
}

.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs19 {
  font-size: 19px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs21 {
  font-size: 21px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs23 {
  font-size: 23px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs25 {
  font-size: 25px !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw500 {
  font-weight: 500 !important;
}
.fw600 {
  font-weight: 600 !important;
}

.color_red {
  color: #FF0000;
}
.fas_green {
  color: #3AB54A;
}
.fas_red {
  color: #EC2024;
}
.fas_wait {
  color: #FFB147;
}
.fas_blue {
  color: #2196F3;
}
.fas_yellow {
  color: #FFB147;
}
.fa-circle-xmark::before {
  content: "\f057";
  background: linear-gradient(white, white) center bottom/29% 69% no-repeat;
}

.product__slider-thmb .slick-slide { padding: 5px; }

.slider > div {
  display:block; width:100%; 
  padding: 0;
  text-align: center; font-size: 2em;
}

.product__slider-thmb, .product__slider-main .slick-dots {
  text-align: center;
  position: absolute;
  width: 101vw;
  max-width: 101vw;
  bottom: 0;
  display: table;
  margin: auto;
  
  table-layout: fixed;
}

.product__slider-thmb > div.slick-thum {
  display: table-cell;
  padding: 0 5px;
  padding: 5px;
  cursor: pointer;
}

.product__slider-thmb .slick-slide {
  opacity: 0.5;
  transition: all 0.3s ease;
  background: rgba(74, 74, 68, .29);
}

.product__slider-thmb .slick-slide.slick-current,
.product__slider-thmb .slick-slide:hover {
  opacity: 1;
  border: 0;
  background: linear-gradient(0deg, #ffdf82 0%, #ffffff00 100%);
}

.product__slider-main {
  margin-bottom: 0px;
}
.product__slider-main img {
  margin: 0 auto;
}
.product__slider-thmb .slick-slide {
  opacity: 0.5;
  transition: all .3s ease;
  line-height: 1.2;
}

.product__slider-thmb .slick-slide.slick-current, .product__slider-thmb .slick-slide:hover {
  opacity: 1;
}

.product__slider-main, .product__slider-thmb {
  display: none;
}

.product__slider-thmb h7 {
  font-size: 20px; color: #6d6d6d;
  font-family: DBHelvethaica, sans-serif !important;
}

.product__slider-thmb h4 {
  font-size: 28px; margin-bottom: 0; color: #000;
  font-family: DBHelvethaica, sans-serif !important;
}

.cs-accent_color_2, .cs-accent_color_2_hover:hover, .cs-icon_box.cs-style2:hover .cs-add_btn, .cs-site_header.cs-style3 .cs-nav .cs-nav_list > li > a:hover, .cs-site_header.cs-style3 .cs-nav .cs-nav_list .current-menu-item > a, .cs-site_header.cs-style3 .cs-nav .cs-nav_list ul a:hover, .cs-site_header.cs-style1 .current-menu-item > a, .cs-site_header.cs-style2 .cs-nav .cs-nav_list .current-menu-item > a, .cs-site_header.cs-style1 .cs-nav .cs-nav_list > li > a:hover {
  color: #c79712;
}


.cs-accent_15_bg_2, .cs-accent_15_bg_2_hover:hover {
/*  background-color: rgb(255 191 0 / 15%);*/
background: linear-gradient(55deg, #ddb43d00 0%, #ddb43d87 30%, #fff2cc 60%, rgb(255 191 0 / 15%) 100%);
}
.cs-accent_10_bg_2, .cs-accent_10_bg_2_hover:hover {
  background-color: rgb(255 230 154 / 10%);
}

.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.cs-section_heading.cs-style2.cs-size2 .cs-section_subtitle { letter-spacing: 0px;  font-family: DBHelvethaica, sans-serif !important; font-size: 24px; }

.cs-icon_box_icon { background-color: #ffffff; }
.cs-icon_box.cs-style7 .cs-icon_box_info { box-shadow: 0px 8px 15px 0px rgb(9 38 49 / 10%); }
.cs-accent_5_bg_2, .cs-accent_5_bg_2_hover:hover {  background-color: rgb(155 134 98 / 5%); }
.cs-icon_box.cs-style7 .cs-icon_box_meta { font-family: DBHelvethaica, sans-serif !important;  font-size: 24px;}
.cs-icon_box_subtitle {  font-family: DBHelvethaica, sans-serif !important; font-size: 18px !important; margin-bottom: 0px !important; line-height: 1.2; }
.cs-accent_color_2 { color: #c79712; }
.cs-icon_box.cs-style7 .cs-icon_box_icon { border: 2px solid #fdf2d6; }

.product__slider-thmb .slick-track { transform: translate3d(0, 0, 0) !important; }

.cs-header { font-family: DBHelvethaica, sans-serif !important; }
.cs-header input.cs-white_bg {
  background-color: #fff;
  max-width: 150px;
  border: none;
  padding: 5px 19px;
  border-radius: 25px;
  font-size: 20px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 155, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(2, 0, 155, 0.1);
  margin-left: 5px;
}

.cs-header .btn { padding: 4px 15px; }
.btn-register { padding: 2px 15px; }

.cs-main_header_center { width: 100% }
.cs-site_header.cs-style1 .cs-main_header_center { justify-content: flex-end; }
.cs-site_header.cs-style1 .cs-header_category_wrap { display: flex; align-items: center; }
.cs-header_category_wrap .cs-site_branding { display: none; }
.cs-site_header.cs-style1 .cs-top_header_in { height: 65px }
.cs-site_header.cs-style1.cs-type5 .cs-main_header_in { height: 60px; }
.cs-nav .cs-nav_list > li > a { color: #575757;  }
.cs-nav .cs-nav_list li { font-family: DBHelvethaica, sans-serif !important; font-size: 24px; }
.cs-site_header.cs-style1 .cs-main_header_right { display: none; }
.cs-site_header.cs-style1 .cs-toolbox > *:not(:first-child) { margin-left: 15px; }
.cs-section_title { font-family: DBHelvethaica, sans-serif !important;  }

.btn-theme { 
  padding: 3px 16px;
  outline: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.6em;
  font-family: DBHelvethaica, sans-serif !important;
  font-size: 20px;
}

.btn-theme-g { 
  background-color: #c79712;
  border: 1px solid #c79712;
  border-radius: 2em !important;
  color: #fff;
}
.btn-theme-g:hover, .btn-theme-g:focus {  background-color: transparent; color: #c79712 !important; }

.btn-theme-g-outline { 
  background-color: transparent;
  border: 1px solid #c79712;
  border-radius: 2em !important;
  color: #c79712;
}
.btn-theme-g-outline:hover, .btn-theme-g-outline:focus { background-color: #c79712; color: #fff; }


.btn-theme-g_lg { 
  background-color: #c79712;
  border: 1px solid #c79712;
  border-radius: 2em !important;
  color: #fff;
  padding: 6px 0px;
  font-size: 20px;
}
.btn-theme-g_lg:hover, .btn-theme-g_lg:focus {  background-color: transparent; color: #c79712 !important; }
 

ul.list-game { 
  position: relative;
  overflow-x: auto;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.nav-pills .nav-link {
  background: 0 0;
  border-radius: 0.25rem;
  border: 2px solid #c79712;
  margin-right: 10px;
  color: #c79712;
  padding: 4px 16px;
  font-family: DBHelvethaica, sans-serif !important;
  min-width: 100px;
  text-align: center;
  font-size: 20px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #c79712;
}


ul.blocklg { 
  overflow-x: auto;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
ul.blocklg .nav-item {
  min-width: 170px;
  padding: 10px 8px 10px 0;
  width: 12.5%;
}
.x-game-list-item-macro .-inner-wrapper .-cover-img {
  width: 100%;
  border-radius: 16px;
}
.x-game-list-item-macro .-title { font-size: 12px; text-transform: uppercase; }

.cs-product.cs-style4 .cs-product_img img:hover {  transform: rotate(0deg); }
.cs-product.cs-style4 .cs-product_info { padding: 9px 20px; }


.-providers-logo-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.-providers-logo-inner .-img {
  background: white;
  padding: 2px 6px;
  border-radius: 54px;
  margin: 0.5rem 0.2rem;
  width: 100px;
  transition: all .4s;
}

footer .cs-copyright { font-size: 12px !important; }
footer.menu_mb { display: none; }
.cs-accent_7_bg_2, .cs-accent_7_bg_2_hover:hover {
  background-color: rgb(255 252 245);
}

.cs-icon_box.cs-style7 .cs-icon_box_shape1 { background: linear-gradient(30deg, #c79712 20%, #fef0c8 100%); opacity: 0.1; }
.cs-icon_box.cs-style7 .cs-icon_box_shape2 { background: linear-gradient(30deg, #c79712 20%, #fef0c8 100%); opacity: 0.1; }
.cs-icon_box_icon img { width: 36% }
.cs-icon_box_info img.icc_mb { display: none; } 


.cs-icon_box .cs-accent_color_2 { color: #664b00; }

.cs-nav .cs-nav_list ul li.bt_mt a {
  font-size: 90%;
  display: block;
  line-height: 1.5em;
  padding: 1px 20px;
}

li.bt_mt a span.btn-theme { background-color: #c79712 !important; border: 1px solid #c79712 !important; color: #fff !important; font-weight: 500 !important; line-height: 1.5; padding: 0px 18px; }
li.bt_mt a span.btn-theme:hover, li.bt_mt a span.btn-theme:focus  { background-color: #fff !important; border: 1px solid #c79712 !important; color: #c79712 !important; font-weight: 500 !important; }
.bt_mt { text-align: center; }
.cs-nav .cs-nav_list .cs-mega-wrapper > li { max-width: 240px; }
.cs-nav .cs-nav_list .cs-mega-wrapper { justify-content: center; }
.cs-nav .cs-nav_list .cs-mega-wrapper {  right: 0; transform: translate(0, 0%); left: unset; position: fixed; } 
.cs-icon_box.cs-style7:hover .cs-icon_box_icon { background-color: #faf6ea; }
.cs-icon_box.cs-style7:hover .cs-icon_box_info { background: linear-gradient(0deg, #ffdf82 0%, #ffffff00 100%); }


@media screen and (max-width: 1199px) { 
  .cs-site_header.cs-style1 .cs-munu_toggle { right: unset; left: 0; }
  .cs-top_header  { display: none; }
  .cs-header_category_wrap .cs-site_branding { display: block; margin-left: 36px; }
  .cs-height_sm_60 { height: 60px; }
  .cs-site_header.cs-style1 .cs-main_header_in { align-items: end; }
  .cs-site_header.cs-style1 .cs-toolbox > *:not(:first-child) { margin-left: 5px; } 
  .cs-nav .cs-nav_list { left: -14px; background: linear-gradient(0deg, #fff 0%, #fff 50%, #ffffff 100%); max-height: unset; height: 100vh; border: none; width: 101vw; }
  .cs-site_header.cs-style1 .cs-main_header_right { position: absolute; right: 0; display: inline-flex; }
  .cs-site_header.cs-style1.cs-type5 .cs-action_box { margin-right: 10px; } 
  .btn-theme { padding: 0px 16px; }
  footer.menu_mb {
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    padding: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    background: #fff;
    box-shadow: 0 -3px 10px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 -3px 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: saturate(125%) blur(10px);
    -moz-backdrop-filter: saturate(125%) blur(10px);
    backdrop-filter: saturate(125%) blur(10px);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: linear-gradient(352deg, #ffffff, #fcee8c, #c67c1396);
    filter: drop-shadow(0 -2px 0 #FFC700);
  }

  footer.menu_mb a { line-height: 1.2; color: #3e240a; }
  footer.menu_mb a span { font-family: DBHelvethaica, sans-serif !important; font-size:20px; }
  footer.menu_mb a i {  font-size: 22px; } 

  .bt_mt img, .bt_mt .btn-theme { display:none }
  .bt_mt { text-align: left; }
  .cs-nav .cs-nav_list .cs-mega-wrapper { position: relative; }
}

@media screen and (max-width: 991px) { 
  .cs-section_heading.cs-style4 {
    display: flex; 
  }
  .cs-site_branding img {  height: 46px; }
}

@media (max-width: 768px) {  
 .product__slider-thmb { display: none !important; }
 .slick-dotted.slick-slider { margin-bottom: 0px; }
 ul.blocklg .nav-item { min-width: 140px; }
 
}

@media screen and (max-width: 575px) { 
  .cs-site_header.cs-style1 .cs-icon_btn span { display: block; }
  .cs-icon_box_subtitle { display: none; }
  .cs-site_header.cs-style1.cs-type5 .cs-action_box { margin-right: 0px; }
  .cs-footer { padding-bottom: 60px; }

  .cs-icon_box { display: flex; justify-content: start; align-items: center; }

  .cs-icon_box.cs-style7 .cs-icon_box_icon { display: none; }
  .cs-icon_box_info { display: flex; justify-content: start; align-items: center; }
  .cs-icon_box_info img.icc_mb { display: block; width: 70px; border-radius: 5px; padding: 6px; margin-right: 5px; } 
  .cs-icon_box.cs-style7 .cs-icon_box_meta { font-size: 20px; }
  .cs-icon_box.cs-style7 .cs-icon_box_info { padding: 0px; box-shadow: unset; background: none; }
}

@media screen and (max-width: 480px) { 
  .btn-theme { padding: 0px 9px; }
  ul.blocklg .nav-item { min-width: 155px; }
}


@media screen and (max-width: 380px) { 
  .cs-icon_box.cs-style7 .cs-icon_box_meta { font-size: 18px; }
}