/*   
Theme Name: Splendid Asia Ticket Hub
Theme URI: http://artsmodjo.com
Description: Splendid Asia
Author: Matt
Author URI: http://artsmodjo.com
Version: 2.0
Tags: green, white
*/

a { text-decoration: none; }

body { 
	height: 100%;
	margin: 0; 
	padding: 0; 
	font-family: "Helvetica Neue","Arial","sans-serif";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 1.9em;
	background: #000;
	color: #fff;
}

.clearfix {clear:both}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*navigation*/
ul.headnav {
	position: relative;
	float: right;
	margin-right: 50px;
	margin-top: 70px;
}

ul.headnav li {
	position: relative;
	float: left;
	list-style: none;
	padding: 0;
	font-size: 12px;
}

ul.headnav li a {
	color: #fff;
	text-transform: uppercase;
	padding: 12px 20px;
}
ul.headnav li a:hover { color: #08f4fd; }

.artistmenu {
	position: relative;
	width: 100%;
	display: block;
}

.artistmenupage {
	position: fixed;
	width: auto;
	z-index: 9999;
	padding: 20px 40px 20px 60px;
	background: #edf0f3;
	top: 40px;
}

.artistmenupage .head { position: relative; }
.artistmenupage .head .sidebarIconToggle{ position: relative; left: 0; top: 0; }

/* menu toggle */

#sidebarMenu {
  position: absolute;
  left: 0;
  width: 250px;
  margin-top: 60px;
  transform: translateX(-250px);
  transition: transform 250ms ease-in-out;
  background: #fff;
  z-index: 9999;
}

.sidebarMenuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.sidebarMenuInner li {
  list-style: none;
  color: #fff;
  font-weight: bold; 
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.sidebarMenuInner li span {
  display: block;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.50);
}

.sidebarMenuInner li a {
	color: #000;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	padding: 20px;
	display: inline-block;
}

input[type="checkbox"]:checked ~ #sidebarMenu { transform: translateX(0); }

input[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.sidebarIconToggle {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 16px;
  left: 40px;
  height: 22px;
  width: 22px;
}

.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #fff;
}

.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
  background: #fff;
}

.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
  background: #fff;
}

.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
  background: #fff;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}

.socialtop {
	position: relative;
	float: right;
	margin-right:40px;
}

/* end of navigation */

.fa {
	position: relative;
	padding: 10px;
	font-size: 35px !important;
	width: 50px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	margin-right: 20px;
	border-radius: 50%;
	border: 2px solid #fff;
}

.fa:hover {
	color: #cfcfcf;
	border: 2px solid #000;
}

#body1 {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px 0;
}

#body2 {
	position: relative;
	width: 100%;
	min-height: 500px;
	padding: 20px 0;
}

#body3 {
	position: relative;
	width: 100%;
	min-height: 500px;
	padding: 20px 0;
}

#body4 {
	position: relative;
	width: 100%;
	min-height: 500px;
	padding: 20px 0;
}

#body5 {
	position: relative;
	width: 100%;
	min-height: 500px;
	padding: 20px 0;
}

.img_bg1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('home.jpg') center center no-repeat;
	opacity: 0.4;
	background-size: cover;
}

.img_bg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('https://images.builderservices.io/s/cdn/v1.0/i/m?url=https%3A%2F%2Fstorage.googleapis.com%2Fproduction-domaincom-v1-0-1%2F381%2F1654381%2FsxFpkq3D%2F2566987ccd8e4285a0dec961c6c2ed30&methods=resize%2C2000%2C5000') center center no-repeat;
	opacity: 0.6;
}

.img_bg3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('https://images.builderservices.io/s/cdn/v1.0/i/m?url=https%3A%2F%2Fstorage.googleapis.com%2Fproduction-domaincom-v1-0-1%2F381%2F1654381%2FsxFpkq3D%2Ff4ccefb0aade4dfa9eab7820d0f6f09e&methods=resize%2C2000%2C5000') center center no-repeat;
	opacity: 0.6;
}

.img_bg4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('https://images.builderservices.io/s/cdn/v1.0/i/m?url=https%3A%2F%2Fstorage.googleapis.com%2Fproduction-domaincom-v1-0-1%2F381%2F1654381%2FsxFpkq3D%2F39adfec7a98e4556b4be518bf986e1c9&methods=resize%2C2000%2C5000') center center no-repeat;
	opacity: 0.6;
}

.img_bg5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('https://images.builderservices.io/s/cdn/v1.0/i/m?url=https%3A%2F%2Fstorage.googleapis.com%2Fproduction-domaincom-v1-0-1%2F381%2F1654381%2FsxFpkq3D%2F6a15cfbeacf9463f90525669041031f8&methods=resize%2C2000%2C5000') center center no-repeat;
	opacity: 0.6;
}

.center_cont {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	text-align: center;
}

.caption-underline {
    height: 1px;
    width: 15%;
    background: var(--kv-ee-text1);
    display: inline-block;
    margin-top: 0;
    border: none;
}

.cont_2 {
	position: relative;
	margin: 50px auto;
	width: 1200px;
	max-width: 80%;
	text-align: center;
}

.left {
	position: relative;
	width: 38%;
	float: left;
}

.right {
	position: relative;
	width: 58%;
	float: right;
}

a.regist-btn {
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
}

a.regist-btn:hover {
	border: 3px solid #fff;
}

.footerwrap {
	position: relative;
	margin: 30px auto;
	width: 1200px;
	max-width: 80%;
	padding-bottom: 40px;
}

.footerwrap a {
	color: #fff;
}

.footerheader {
	border-bottom: 1px solid #fff;
}

.bottomlogo {
	float: right
}

.bottomnav {
	float: left;
}

.bottomnav ul {
	padding: 0;
	margin: 0;
}

.bottomnav ul li {
	display: inline-block;
	list-style: none;
	padding: 8px 12px;
	padding-bottom: 30px;
}

.bottomnav ul li a {
	color: #fff;
}

.bottomleft {
	position: relative;
	float: left;
	width: 49%;
}

.singlecont {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	max-width: 90%;
}

@media screen and (max-width: 780px) {
	.bottomleft { display: block; }
	ul.headnav { display: none; }
	
	.container { width: 80%; }
	
	.left, .right, .bottomleft, .bottomnav, .bottomlogo {
		float: none;
		width: 100%;
	}
	
	.footerheader {
		padding-bottom: 20px;
	}
	
	.bottomnav ul li {
		padding: 4px 8px;
		padding-bottom: 5px;
	}
	
	.bottomnav ul li a {
		color: #fff;
		font-size: 8px;
	}
	
	.center_cont {
		position: relative;
		top: auto;
		transform: none !important;
	}
	
	#body1 {
		height: auto;
	}
}