@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Light.ttf');
}
@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  src: url('fonts/Poppins-Medium.ttf');
}
@font-face {
  font-family: 'Poppins';
  font-weight: 800;
  src: url('fonts/Poppins-Bold.ttf');
}
@font-face {
  font-family: 'Tahoma';
  src: url('fonts/tahoma_regular.ttf');
}
@font-face {
  font-family: 'Tahoma';
  font-weight: 800;
  src: url('fonts/tahoma_bold.ttf');
}

body { font-family: 'Poppins', sans-serif; background-image: url('img/ivip9_bg.png');background-color: #000;background-repeat: no-repeat; background-size: cover; background-position: center top; color: #fff; text-align:center; font-size: 18px; }
body.language-th { font-family: 'Tahoma', 'Poppins', sans-serif; }
h1, h3 { font-size: 24px; }
h2 { font-size: 30px; }

/* General */
.medium { font-weight: 500;}
.bold { font-weight: 800; }
.theme-button a {background: rgb(171,140,78);background: linear-gradient(0deg, rgba(171,140,78,1) 0%, rgba(234,220,155,1) 100%); font-size: 30px; text-decoration: none; font-weight:  bold; padding: 8px 24px; border-radius: 25px; color: #000; display: inline-block; min-width:60%;}

/* Header */
header#zsHead {padding: 12px 0;background: #000;box-shadow: 0 10px 50px rgba(143,3,17,1);margin-bottom: 25px;border-bottom: none;}
.ivip9_logo { max-width: 130px; }
.body_inner {display: block;width: 100%;max-width: 1080px;margin-left: auto;margin-right: auto; border-left: solid 1px #fff;border-right: solid 1px #fff;text-align: left;}
.line-icon img { max-width: 48px; }
.line-icon { margin-right: 10px; vertical-align: middle; }
.join_now-btn {background: #F4D87A;padding: 8px 24px;text-decoration: none;color: #000;font-size: 20px;vertical-align: middle;border-radius: 25px;}
.language-switcher { margin-left: 20px; font-size: 21px; }
.language-switcher img { max-width: 48px;margin-right: 10px; }
.current_language span { cursor: pointer; }
.current_language span svg {max-width: 20px;margin-left: 6px;vertical-align: middle; transform: rotate(0deg); transition: all .3s ease;}
.current_language span.active svg { transform: rotate( -540deg ); transition: all .3s ease; }
.language_list { list-style: none;position: absolute;top: calc(100% + 10px);z-index: 999;background: #f1f1f1;border-radius: 6px;margin-bottom: 0;width: 120px;left: 50%;transform: translateX(-50%);}
.language_list img {max-width: 40px;}
.language_list a { display: inline-block; width: 100%; height: 100%; padding: 6px 12px; color: #000; font-size: 18px; text-transform: uppercase; text-decoration: none; font-weight: 500; }

/* Home */
.banner_img img { border: solid 3px #F4D87A; border-radius: 20px; }
.structure_box h2 {margin-bottom: 0;color: #F4D87A;font-weight: 800;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 65%;text-align: center;}
.structure_plus {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.referral_table tr th {background: #F4D87A;color: #000;font-size: 16px;padding:20px 6px;border: solid 2px #f4d87A;}
.referral_table td {padding:10px 6px;border: solid 2px #f4d87A;width:16.67%;}
.referral_table td[rowspan="5"] {font-size: 30px;}
.referral_table table { cursor: pointer; }

/* Carousel */
.hiw_3d_carousel  {cursor: pointer;}
.hiw3d_item.active { position: absolute;width: 50%;z-index: 3;opacity: 1; top:0;transform: translate(-50%,0);
left: 50%; transition: all .3s ease;}
.hiw3d_item {width: 50%;position: relative;top: 0;margin-left: auto;margin-right: auto;z-index: 1;opacity: 0; }
.hiw3d_item.next-item { width: 40%;position: absolute;left: unset;right: 0;top: 50%;opacity: 1; 
transform: translate(0, -50%); transition: all .3s ease;z-index: 2;}
.hiw3d_item.prev-item { width: 40%;top: 50%;position: absolute;left: 0; opacity: 1;transform: translate(0, -50%); transition: all .3s ease;z-index: 2;}
.hiw-img_top { width: 70%; }
.hiw3d_layer {position: absolute; width: 38%; top: 0; height: 80%; z-index: 5; top: 50%; transform: translateY(-50%); }
.hiw3d_next-layer { right: 0;}
.hiw3d_prev-layer { left: 0;}

/* Footer */
.copyright {border-top: solid 2px #F4D87A; font-family: 'Arial', 'Poppins', sans-serif; font-size: 14px;}
.wt_lc_img { max-width: 160px; }

/* Infobox */
.infobox{background:#730005;border-radius:20px;border:3px solid #F4D87A;padding:15px;text-align:center;}
.infobox h4{color:#fff;font-size:17px;font-weight:800;min-height:62px;display: flex;align-items: center;justify-content: center;}
.infobox .price-yellow{color:#F4D87A;font-size:28px;font-weight:800;}

@media screen and (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 960px;
	}
}
@media screen and (max-width: 1200px) {
	.body_inner { border-left: none; border-right: none; }
}
@media screen and (max-width: 992px) {
	/* Home */
	.structure_box h2 { font-size: 22px;}
	.structure_plus { max-width: 50px;}
}
@media screen and (max-width: 768px) {
	body { font-size: 14px; }
	h1, h2, h3, .theme-button a, .referral_table td[rowspan="5"] { font-size: 18px; }
	.theme-button a { padding: 6px 16px; }
	/* Header */
	header#zsHead { padding: 8px 0;}
	.ivip9_logo { max-width: 80px; }
	.language-switcher img { max-width: 28px; margin-right: 6px; }
	.language-switcher { margin-left: 8px; font-size: 14px; }
	.current_language span svg { max-width: 12px; margin-bottom: 2px; }
	.language_list { width: 90px; }
	.language_list img { max-width: 26px; }
	.language_list a { font-size: 14px; padding: 6px 8px;}
	.line-icon { margin-right: 3px; }
	.line-icon img { max-width: 30px; }
	.join_now-btn { font-size: 14px; padding: 4px 16px; border-radius: 20px; }
	/* Home*/
	.structure_box h2 {font-size: 18px;width: 70%;}
	.referral_table tr:first-child td {font-size: 12px; }
	/* Footer */
	.copyright { font-size: 12px; border-top-width: 1px; }
	.wt_lc_img {max-width: 100px;}
	.section_live-chat {bottom: 2.5%;}
	
	#info_container{display:flex;flex-wrap:wrap;}
	#info_container .wpb_column {width:50%;margin-bottom:20px;}
	.theme-button a{width:80%;}
	
	#step_box{display:flex;flex-wrap:wrap;}
	#step_box .wpb_column {width:50%;margin-bottom:20px;}
	
	.infobox h4{font-size:15px;}
	.infobox .price-yellow{font-size:22px;}
	
}
@media screen and (max-width: 576px) {
	html, body { overflow-x: hidden; }
	.sb_left {padding-right:0;}
	.sb_right {padding-left: 0;}
	.structure_box h2 {font-size: 14px;}
	.structure_plus { max-width: 30px; }
	.referral_table {overflow-x: auto;padding-bottom: 10px;}
	
	.referral_table tr:first-child td,.referral_table tr th{ font-size: 13px; }
	.referral_table tr td { font-size: 11px; }
	.referral_table td[rowspan="5"] { font-size: 15px; }
	
	/* 3D Carousel */
	.hiw3d_item.active { width: 60%;}
	.hiw3d_item { width: 65%; }
	.hiw3d_item.next-item, .hiw3d_item.prev-item { width: 45%; }
	
}
@media screen and (max-width: 400px) {
	.structure_box h2 { font-size: 13px;}
	.structure_box h2 small { font-size: 10px; }
}
@media screen and (max-width: 360px) {
	body { font-size: 12px; }
	h1, h2,  h3, .theme-button a { font-size: 15px; }
	/* Header */
	.ivip9_logo { max-width: 60px; }
	.language-switcher img { max-width: 20px; }
	.language-switcher { margin-left: 3px; font-size: 10px; }
	.current_language span svg { max-width: 10px; }
	.language_list  { width: 66px; }
	.language_list a { font-size: 10px; }
	.line-icon img { max-width: 26px; }
	.join_now-btn { font-size: 12px; padding: 4px 12px;}
	/* Home */
	.structure_box-wrapper  .col-6 { width: 100%; max-width: 230px; text-align: center; margin-left: auto;margin-right: auto;padding-left:0;padding-right:0;}
}