@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MyriadProBlackCond';
    src: url('fonts/MyriadProBlackCond.eot');
    src: url('fonts/MyriadProBlackCond.eot') format('embedded-opentype'),
         url('fonts/MyriadProBlackCond.woff2') format('woff2'),
         url('fonts/MyriadProBlackCond.woff') format('woff'),
         url('fonts/MyriadProBlackCond.ttf') format('truetype'),
         url('fonts/MyriadProBlackCond.svg#MyriadProBlackCond') format('svg');
}
@font-face {
    font-family: 'MyriadProCond';
    src: url('fonts/MyriadProCond.eot');
    src: url('fonts/MyriadProCond.eot') format('embedded-opentype'),
         url('fonts/MyriadProCond.woff2') format('woff2'),
         url('fonts/MyriadProCond.woff') format('woff'),
         url('fonts/MyriadProCond.ttf') format('truetype'),
         url('fonts/MyriadProCond.svg#MyriadProCond') format('svg');
}


* {
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Arial', sans-serif;
	color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bc9d1+0,006474+100 */
	background:#9f9f9f;
}
#wrap{max-width:960px;width:100%;margin:0 auto;background: linear-gradient(#39bb9c, #75cac2);}
.containerbox {
	max-width: 1366px;
	width: 100%;
	margin: 0 auto;
}
.clear {
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	color: #008f97;
}
a:hover {
	color: #ec008c;
}
img {
	outline: none;
	border: none;
}
a img {
	border: none;
	outline: none;
}


.footer{clear:both;}

/*********************Menubar*********************/
#header{padding:0 0px;padding-top:30px;}
#kaologo{float:left;margin-top:16px;}
#japanlogo{float:right;text-align:right;margin-top:-48px;}
#japanlogo .japan01{display:block;margin-bottom:15px;}
#japanlogo .japan02{margin-right:10px;}

#menubar{margin:0 0px;}
#menubar ul{margin:0 auto;padding:0;list-style:none;max-width:860px;width:100%;}
#menubar ul li{font-size:18px;color:#46c0be;font-weight:bold;text-align:center;display:inline-block;vertical-align:middle;padding-right:52px;}
#menubar ul li a{color:white;display:block;padding-top:10px;margin-top:10px;height:50px;width:206px; font-size:14px;}
#menubar ul li a{background:url(/img/button-2.png) no-repeat; background-size:100% auto;}
#menubar ul li a:hover{color:#ec008b;background:url(/img/button-1.png) no-repeat; background-size:100% auto;}
#menubar ul li.active a{color:#ec008b;background:url(/img/button-1.png) no-repeat; background-size:100% auto;}
/**************************/
/*******************************Home*********************/
.homebanner{margin-bottom:-16%;position:relative;z-index:1;}

.homebox{position:relative;z-index:2;}
.homeline{background:url(img/home-box.png) no-repeat;width:100%;height:8px;position:relative;margin-bottom:8px;}
.homeboxinfo{background:url(img/home-box.png) repeat;padding:40px 20px 90px 30px;font-family: 'MyriadProCond';}
.homeboxinfo h1{font-size:35px;color:#ffdd00;text-transform:uppercase;font-weight:normal;border-bottom:1px solid #ffdd00;margin-bottom:4%;width:70%;}
.homeboxinfo ul{margin:0;padding:0;list-style:none;}
.homeboxinfo ul li{float:left;width:22%;margin-right:15px;font-size:21px;}
.homeboxinfo ul li strong{font-size:21px;font-family: 'MyriadProBlackCond';}
.homeboxinfo ul li.lastbox{margin:0;}
.homeboxinfo .numimg{display:inline-block;}
.homeboxinfo h2{margin-left:10px;display:inline-block;color:#ffdd00;text-transform:uppercase;font-size:30px;font-family: 'MyriadProBlackCond';margin-bottom:3px;}
.homeboxinfo ul li.lastbox{margin-left:20px;margin-top:-58px;}
.homeboxinfo ul li.lastbox .numimg{position:absolute;}
.homeboxinfo ul li.lastbox h2{padding-left:80px;padding-top:22px;margin-bottom:13px;}
.homeboxinfo ul li.lastbox h4{color:#ffdd00;font-weight:bold;font-size:21px;font-family: 'MyriadProBlackCond';margin-bottom:20px;}
.contohbox{margin-top:15px;font-style:italic;}
.homeboxinfo .contohbox strong{font-size:20px;}
.homeboxinfo .contohbox .contohtext{border:1px solid #fff;border-radius:10px;padding:10px 30px;float:left;}
.contohbox h3{font-style:italic;font-weight:normal;font-family: 'MyriadProCond';font-size:20px;margin-bottom:10px;}
.homeboxinfo ul li.lastbox span{font-size:16px;display:block;margin-top:5px;}
/*************************/
/*******************Page*******************/
.page-banner{text-align:center;margin-bottom:30px;}
.page-img{text-align:center;margin-bottom:30px;padding:0 15px;}
.pagecontainer{max-width:980px;width:100%;margin:0 auto;}

/****************Result********************/
#result-box{margin-top:8%;max-width:985px;padding:0 15px;}
#result-box .prizebox{border:2px solid #ffdd00;border-radius:10px;margin-bottom:8%;}
#result-box .prizebox h2{background:#ed2e2a;color:#ffffff;font-family: 'MyriadProBlackCond';font-size:30px;padding:7px 0;text-align:center;border-radius:8px;width:35%;margin:0 auto;margin-top:-32px;margin-bottom:30px;}
#result-box .prizebox table{border-spacing: 0;border-collapse: collapse;width:100%;}
#result-box .prizebox table tr th{border-bottom:2px solid #ffdd00;width:30%;padding:5px;font-size:24px;color:#ffdd00;font-family: "Arial Narrow", Arial, sans-serif;font-weight:bold;text-transform:uppercase;}
#result-box .prizebox table tr th:first-child{width:15%;}
#result-box .prizebox table tr td{padding:8px 20px;font-size:25px;color:#fff;font-family: 'MyriadProBlackCond';text-align:center;}
#result-box .prizebox table tr td:first-child{text-align:center;}
#result-box .prizebox table tr td:nth-child(3){font-size:23px;}

#result-box .prizeleft h2,#result-box .prizeright h2{width:55%;}
#result-box .prizeleft table tr th:first-child,#result-box .prizeright table tr th:first-child{width:5%;}
.prizeleft{float:left;width:48%;}
.prizeright{float:right;width:48%;}

#result-box .saguhati-prize.prizebox{margin-top:1%;margin-bottom:0;}
#result-box .saguhati-prize.prizebox h2{margin:0;float:left;border-radius:8px 8px 8px 0px;}
#result-box .saguhati-prize.prizebox table{border-top:2px solid #ffdd00;}
#result-box .saguhati-prize.prizebox table tr th{padding-top:30px;padding-bottom:10px;}
#result-box .saguhati-prize.prizebox table tr:last-child td{padding-bottom:30px;}
/***********TNC****************/
#termspage{font-family: "Arial Narrow", Arial, sans-serif;font-size:20px;line-height:26px; position:relative;margin:0;max-width:100%;padding-bottom:20px;} 
.pagecontainer{
	/* background:url("/raya-contest/movie-ticket/img/ketupat-bg.png"); */
	/* background-size:100%; */
}
#termspage h2{margin-bottom:20px;font-family: "Aria", Arial, sans-serif;font-weight:bold;font-size:22px;color:#fff229;text-decoration:underline;}
#termspage ol{margin-left:22px;margin-top:20px;}
#termspage ol li{margin-bottom:12px;padding-left:20px;}
#termspage ol ul{list-style:disc;margin-left:22px;}
#termspage ol ul li{margin-bottom:2px;}
#termspage ol ul li a{color:#ffdd00;}
#termspage ol ul li a:hover{color:#000;}
.termsbox{
	
	margin:0 50px;
	margin-top:50px;
}
/******************Footer Bar****************/
.footerbar{background:#47bfb9;padding:0 20px;position:relative;z-index:2;padding-bottom:15px;text-align:center;height:80px;}
.footerlogo img{
	position: absolute;
    bottom: 26%;
    left: 8%;
	width:800px;
}
.copyright{font-size:11px;color:#fff;clear:both;padding-top:60px;}
img.ketupat1 {
    position: absolute;
    top: 0%;
}
img.ketupat2 {
    position: absolute;
    top: 30%;
    right: 0%;
}
img.ketupat3 {
    position: absolute;
    top: 60%;
}
img.ketupat4 {
    position: absolute;
    bottom:0%;
    right: 0%;
}
/*********************/
#formbox {
	max-width: 1050px;
	margin: 0 auto;
	width: 100%;
}
#formbox form {
	padding: 0 20px;
}
#formbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#formbox ul li {
	margin-bottom: 20px;
}
#formbox ul li label {
	color: #ffdd00;
	font-size: 26px;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	display: inline-block;
	width: 22%;
}
#formbox ul li input {
	background: rgba(169,218,204,.5);
	border: none;
	height: 50px;
	width: 73%;
	padding: 0 2%;
	font-size:16px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5e5e5e;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #5e5e5e;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #5e5e5e;
}
:-moz-placeholder { /* Firefox 18- */
  color: #5e5e5e;
}
#formbox .attached-photo {
}
#formbox .attached-photo label {
	color: #ffdd00;
	font-size: 26px;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	float: left;
	width: 30%;
	vertical-align: top;
	padding-top: 10px;
}
#formbox .uploadbox {
	float: left;
	width: 70%;
	padding-top:5px;
}
#formbox .uploadbox span {
	display: block;
	padding-left: 17px;
	color: #ffdd00;
	font-size: 20px;
	margin-top: 5px;
}
#formbox .attached-photo .file-upload {
	position: relative;
	overflow: hidden;
}
#formbox .attached-photo .file-upload {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 30px;
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 10px 30px;
	font-size: 22px;
	background-color: #035560;
	border: none;
	color: #FFFFFF;
	float: none;
	width: auto;
	transition: background-color 300ms ease-out;
	text-transform:uppercase;
	font-family:'Arial Narrow',sans-serif;
}
#formbox .attached-photo .file-upload:hover {
	background: #1dcfdf;
}
#formbox .attached-photo .file-upload input.file-input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 45px;
}
#formbox .anwser-question {
}
#formbox .anwser-question label {
	color: #ffdd00;
	font-size: 26px;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	float: left;
	width: 30%;
	vertical-align: top;
	padding-top: 10px;
}
#formbox .answerbox {
	color: #ffdd00;
	font-size: 22px;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight:bold;
	float: left;
	width: 70%;
	vertical-align: top;
	padding-top: 15px;
	line-height:36px;
}

#formbox .answerbox input[type="radio"] {
	width: 25px;
	height: 25px;
	padding-top: 30px;
	position: relative;
	top: 6px;
	margin-left: 25px;
}
#formbox .answerbox input[type="radio"]#radio1 {
	margin-left: 0;
}
#formbox .check-term {
	border-top: 1px solid #ffdd00;
	padding-top: 12px;
	margin-top: 20px;
}
#formbox .check-term label {
	color: #fff;
	font-size: 21px;
	padding-top: 10px;
}
#formbox .check-term label#agreetext{padding-top:5px;}
#formbox .check-term label a{color:#ffdd00;}
#formbox .check-term input[type="checkbox"] {
	width: 25px;
	height: 25px;
	position: relative;
	top: 6px;
	margin-right: 10px;
}
#formbox .submitbox {
	text-align: center;
}
#formbox .submitbox input[type="submit"] {
	background-color: #0d655c;
	border: none;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	width: 270px;
	height: 55px;
	border-radius: 8px;
	margin-top: 30px;
	box-shadow: 5px 5px 15px #1a1a1a;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
#formbox .submitbox input[type="submit"]:hover {
	background: #ffdd00;color:#000;
}
.css-checkbox {
	display: none;
}
#formbox .anwser-question .ques-check {
	float: none;
	width: inherit;
	vertical-align: inherit;
	padding: 21px;
}
.css-checkbox + label {
	border: 1px solid #ffdd00;
	padding: 11px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	top: 5px;
	margin-right: 8px;
}
.pull-left {
	margin-top:10px;
	margin-right: 10px;
	color:#fff;
}
.css-checkbox + label:active, .css-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.css-checkbox:checked + label {
	background-color: transparent;
	border: 2px solid rgba(236,28,36,1);
	padding: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: rgba(3,2,2,1);
}
.css-checkbox:checked + label:after {
	/*content: '\2714';*/
	font-family: FontAwesome;
	content: "\f00c";
	font-size: 14px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2px;
	text-align: center;
	margin: 0 auto;
	color: rgba(236,28,36,1);
	font-weight: bold;
}
#formbox .anwser-question .css-checkbox:checked + label:after {font-size: 22px;}
#agreecheck{float:left;}
#agreetext{float:left;width:85%;}

#lblPhotoName {
	font-size: 12px !important;
	float: none !important;
	margin: 5px 0;
	width: auto !important;
	display: block;
	padding: 0 !important;
}
.slicknav_menu {
	background: #46c0be !important;
	
	width: 100%;
}
.slicknav_nav ul{
	margin:0 !important;
}
.slicknav_btn {
	background: #0abbc5 !important;
}
.slicknav_menu {
	display: none;
	background:rgba(0,143,151,1) !important;
}
 @-ms-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}
 @media (max-width: 1200px) {
	 .pagecontainer{width:auto;padding-left:15px;padding-right:15px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.footerlogo img{
		left:0% !important;
	}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#menubar{margin:0 10px;}
	#menubar ul li{margin:0 -3px;}
	.homeboxinfo ul li{width:20%;margin-right:30px;}
	#formbox .check-term label{padding-top:5px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.homeboxinfo ul li{width:44%;margin-bottom:30px;}
.homeboxinfo ul li:nth-child(3){clear:both;}
.homeboxinfo ul li.lastbox{margin-left:0;margin-top:0;}
.prizeleft{width:100%;}
.prizeright{width:100%;}
#formbox ul li label{font-size:28px;}
#menubar{margin:0;}
#menubar{display:none;}
.slicknav_menu{position:relative;z-index:10;display:block;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b9ba7+1,006474+100 */
background: #3b9ba7; /* Old browsers */
background: -moz-linear-gradient(top,  #3b9ba7 1%, #006474 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3b9ba7 1%,#006474 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3b9ba7 1%,#006474 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b9ba7', endColorstr='#006474',GradientType=0 ); /* IE6-9 */
}
    
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
	.slicknav_btn{
	margin-top:24px !important;
	width:auto;
	display: inline-block !important;
	vertical-align:top !important;
}
.slicknav_nav ul{
	margin:0 !important;
}
.slicknav_nav .slicknav_item a{
	background:initial;
}
.slicknav_menu{display:block; z-index:9999999;}
.slicknav_nav li{margin-bottom:5px;}
.slicknav_nav a{display:block;text-align:center;background:rgb(19,197,189);padding:10px !important;font-size:18px;border-radius:8px;}
.slicknav_nav li a:hover{background:#ec008c !important;color:#fff !important;}
.slicknav_nav li.active a{background:#ec008c !important;color:#fff !important;}
.slicknav_nav a{
	color:white!important;
}
	.iwanpadding{
		padding-top:30px !important;
	}
	.footer{
		padding:0 !important;
	}
	.termsbox{
		margin:0;
	}
	.movie-title{
		padding:30px 0 !important;
	}
	
	.movie-title, .movie-steps{
		margin:0 !important;
	}
	.movie-ticket-wrap, .results-wrap{
		padding:0 40px;
	}
	#DataTables_Table_0_filter{
		margin-bottom:20px;
	}
	.steps-list123 li{
		width:100% !important;
		padding-bottom:20px;
	}
	.steps-list123 li p{
		width:100% !important;
	}
	.movie-steps, .results-wrap{
		padding-bottom:20px !important;
	}
	.iwanlarge{
		width:90% !important;
		display:block;
		margin:0 auto;
	}
	.footerlogo img {
		position: absolute;
		bottom: 50%!important;
		left: 4%!important;
		width:90%;
	}
	.results-la-haiz{
		padding-top:30px;
	}
	.page-banner{
		padding-top:30px;
		padding-bottom:50px;
	}
	.page-banner img{
		width:90%;
		display:block;
		margin:0 auto;
	}
	#termspage{
		font-size:18px;
	}
	.results-la-haiz img{
		width:80%;
	}
	.footerbar{
		height:40px !important;
	}
	#termspage{
		padding-bottom:20px !important;
	}
	.copyright{
		padding-top:30px !important;
	}
	#wrap{}
	#header{display:none;}
	#menubar{display:none;}
    .slicknav_menu{z-index:10;display:block;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b9ba7+1,006474+100 */
background: #3b9ba7; /* Old browsers */
background: -moz-linear-gradient(top,  #3b9ba7 1%, #006474 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3b9ba7 1%,#006474 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3b9ba7 1%,#006474 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b9ba7', endColorstr='#006474',GradientType=0 ); /* IE6-9 */
}
    
	
	#japanlogo .japan01{display:inline-block;margin:0;}
	#japanlogo .japan02{margin-right:0px;margin-left:10px;display:inline-block;margin-top:-10px;}
	
	.homeboxinfo{padding-left:20px;padding-right:20px;}
	.homeboxinfo h1{width:100%;font-size:36px;}
	.homeboxinfo ul li{width:100%;margin:0 0 20px 0;}
	.homeboxinfo ul li.lastbox{margin:0;}
	#header{margin-bottom:30px;}
	.page-banner{margin:0;}
	.footerbar{padding-bottom:20px;}
	.footerlogo{margin-left:0;margin-bottom:0px;width:100%;}
	.footerimg{margin-top:0;width:100%;}
	.copyright{margin-top:0;}
	.footer{padding:35px 0;}
	
	#result-box{margin-top:20%;}
	#result-box .prizebox h2{width:90%;}
	#result-box .prizebox table tr td{font-size:22px;}
	#result-box .prizebox table tr td:nth-child(3){font-size:20px;}
	#result-box .prizebox{margin-bottom:50px;}
	.prizeleft{float:none;width:100%;}
	.prizeright{float:none;width:100%;}
	
	#formbox ul li label{width:100%;margin-bottom:5px;font-size:23px;}
	#formbox ul li input{width:96%;}
	#formbox .attached-photo label{width:100%;font-size:23px;}
	#formbox .uploadbox{width:100%;}
	#formbox .attached-photo .file-upload{margin:10px auto;display:block;font-size:20px;padding: 10px 40px;width:60%;}
	#formbox .uploadbox span{padding-left:0;text-align:center;}
	
	#formbox .anwser-question label{width:100%;font-size:23px;}
	#formbox .answerbox{width:100%;line-height:28px;}
	#formbox .check-term label#agreetext{font-size:22px;padding-top:5px;}
	#formbox .submitbox input[type="submit"]{width:100%;font-size:25px;height:60px;}
	
	#result-box .saguhati-prize.prizebox table tr th{width:30%;}
	#result-box .saguhati-prize.prizebox table tr th:first-child{width:5%;}
	#result-box .prizebox table tr td{padding:6px 10px;}	#kaologo{		width:auto;	}
}
.movie-ticket-wrap, .results-wrap{
	position:relative;
	/* background:url("/raya-contest/movie-ticket/img/ketupat-bg.png"); */
	/* background-size:100%; */
}
.movie-title{
	text-align:center;
	padding:50px 0;
	border-bottom:1px solid;
	margin:0 80px;
}
.movie-steps{
	margin:0 80px;
	padding-top:50px;
	padding-bottom:250px;
}
.steps-list123{
	padding:0;
	margin:0;
	list-style:none;
	padding-top:50px;
}
.steps-list123 li{
	width:32%;
	display:inline-block;
	vertical-align:top;
}
.steps-list123 li img{
	width:50px;
}
.steps-list123 li p{
	width:80%;
	padding-top:20px;
}
.steps-list123 li:last-child p{
	width:100%;
}
.step-title {
    font-weight: 700;
    font-size: 19px;
}
.smallsmall{
	font-size:12px;
}
.results-la-haiz{
	text-align:center;
	padding-bottom:50px;
}
.results-wrap{
	position:relative;
	padding-bottom:20px;
}
table.raya2018-results {
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
    border: 1px solid;
}
.raya2018-results {
	    border-collapse: collapse;
}
.raya2018-results thead{
	color:#fff229;
	
}
.raya2018-results th{
	border-bottom:1px solid white;
}
table.dataTable tbody tr{
	background:transparent !important;
	text-align:center;
}
.dataTables_wrapper{
	max-width:800px;
	width:100%;
	margin:0 auto;
}

div#DataTables_Table_0_length{
	margin-bottom:20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
	background:#3ba284 !important;
	color:white !important;
	border:0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background:#3ba284 !important;
	border:0 !important;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc{
	background-image:none !important;
}
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td{
	border-color:white !important;
}
.iwanpadding{
	padding-top:50px;
}
.iwanlarge{
	margin-bottom:20px;
}
.logo{
	width:67%;
	display:inline-block;
	float:left;
}
.copyright2 {
    position: absolute;
    text-align: center;
    width: 100%;
    max-width: 960px;
    bottom: 25px;
}
.footerbar2{
	position:relative;
}
.kao-logo{
	width:70px;
	/* padding-top:10px; */
}
.annual-results{
	max-width:860px;
	width:100%;
	margin: 0 50px;
	text-align:center;
	border:1px solid white;
	border-radius:20px;
}
.annual-results td, .annual-results th{
	padding:10px 40px;
}
.annual-results th{
	border-bottom: 1px solid white;
	color:#fff100;
}

/* .ttt { */
    /* counter-reset: listStyle; */
/* } */
/* .ttt > li { */
    /* list-style: none; */
/* } */
/* .ttt > li:before { */
    /* content: " (" counter(listStyle, lower-alpha) ") "; */
    /* counter-increment: listStyle; */
/* } */
.menu06{
	background:none;
	width:auto;
	padding-right:0 !important;
}
.menu06 .active{
	background:none;
}
#mobile{
	display:none;
}
#homepage{
	margin:0 50px;
}
.home-left{
	width:28%;
	display:inline-block;
	vertical-align:top;
	
}
.home-right{
	width:71%;
	display:inline-block;
	vertical-align:top;
	padding-top:30px;
	margin-bottom:40px;
}
.home-container{
	background:#00aae5;
	
	border-radius:20px;
	padding:10px;
	position:relative;
	    box-shadow: 0px 0px 16px 0px black;
		/* -webkit-box-shadow: 4px 4px 30px 0px rgb(0,0,0,0.4);   */
  /* -moz-box-shadow:    4px 4px 30px 0px rgb(0,0,0,0.4);  */
}
.home-wrap{
	border:4px solid white;
	border-radius:20px;
	padding:40px 20px;
	padding-bottom:0px !important;
}
.home-second{
	padding:10px;
	border:4px solid #39bb9c;
	border-radius:20px;
	text-align:center;
}
.home-second img{
	margin-top:10px;
}
img.how-to-join {
    position: absolute;
    top: -20px;
    left:0;
	right:0;
	margin:0 auto;
}
.home-second{
	margin-top:50px;
}
.slicknav_menu{
	position:fixed;
}

@media only screen and (max-width: 767px){
	#wrap{
		padding-top:80px;
	}
	#desktop{
		display:none;
	}
	#mobile{
		display:block;
	}
	.annual-results, #homepage{
		margin:0;
	}
	.annual-results td, .annual-results th{
		padding:10px;
	}
	.menu06{
		display:none !important;
	}
	.iwanlarge2{
		width:100% !important;
	}
	.home-left{
		width:100%;
		text-align:center;
	}
	.home-left img{
		width:150px;
	}
	.home-right{
		width:100%;
		padding-top:10px;
		text-align:center;
	}
	img.how-to-join {
		position: absolute;
		top: -8px;
		left: 0;
		right:0;
		margin:0 auto;
		width: 200px;
	}
	.copyright2{
		bottom:10px;
		font-size:10px;
	}
	.terms{
		padding:0 40px;
	}
	.iwanlarge2{
		padding-bottom:10px;
	}
	#termspage ol li{
		padding-left:10px;
	}
	.widthfull{
		width:100%;
	}
}