themes* {
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
	overflow-x:hidden;
}
body {
    margin: 0;  padding: 0;  height: 100%;  min-height: 100%;
	background:#000;
	background-size:cover;
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif; color:#000;
}
html.active,
body.active{
	overflow:hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'latolight', arial, sans-serif;
}
strong{
	font-weight:bold !important;
}
a{
	color:#ffeb46;
}
a:hover{
	text-decoration:underline;
}












/********************************************* preload area *************************************************/
#preloader {
    position: fixed;
    top:0;left:0;right:0;bottom:0;
    background:#000;
    /* change if the mask should have another color then white */
    
    z-index: 300;
    /* makes sure it stays on top */
}
#status {
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 300;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    
    top: 50%;
    /* centers the loading animation vertically one the screen */
    
    margin-top: -60px;
    margin-left: -60px;
    background-image: url(../images/preloader.gif);
    /* path to your loading animation */
    
    background-repeat: no-repeat;
    background-position: center;
    /*margin:-25px 0 0 -80px; /* is width and height divided by two */
}
/********************************************* //preload area *************************************************/







/********************************************* main page wrapper *************************************************/
.main-page-wrapper {
	position:relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.main-top-area-wrapper{
	position:fixed; z-index:500;
	top:0; left:0;
	width:100%;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.main-top-area-wrapper-inner{
	padding:15px 50px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.main-logo-wrapper{
	float:left; width:125px;
}
.main-logo-wrapper img{
	width:100%;
}
.main-nav-btn-wrapper{
	float:right; margin-top:5px;
}

nav,
.navbar-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
nav {
	position: fixed; z-index: 200;
	
  	background:#000;
	background: rgba(51,51,51,1);
	background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000', GradientType=0 );
	
	/*
	background: rgba(192,32,56,1);
	background: -moz-linear-gradient(top, rgba(192,32,56,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(192,32,56,1)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(192,32,56,1) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(192,32,56,1) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(192,32,56,1) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(192,32,56,1) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c02038', endColorstr='#000000', GradientType=0 );
	*/
	
  	width: 100%; height: 100%;
  	text-align: center; color: white;
}
.nav-hide { display: none; }
nav ul {
  display:block;
  margin:0; padding:0;
  margin-top:15%;
}
nav ul li { 
	list-style: none; 
	display:block;
	width:100%;
}
nav ul li a {
	display:block;
  	font-family: 'latolight', arial, sans-serif; font-size: 20pt; text-align:center; text-decoration: none; color: inherit;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
nav ul li a:hover{
	background:none;
	text-decoration:none; color:#D10205;
	-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.navbar-toggle {
  width: 30px; height: 30px;
  z-index: 20;
  cursor: pointer;
}
.bar1,
.bar2,
.bar3 {
  width: 100%;
  height: 4px;
  margin-bottom: 4px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3 { background-color: white; }
.navbar-on .bar1 {
  -webkit-transform-origin: 10% 40%; -moz-transform-origin: 10% 40%; -ms-transform-origin: 10% 40%; -o-transform-origin: 10% 40%; transform-origin: 10% 40%;
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
}
.navbar-on .bar3 {
  -webkit-transform-origin: 10% 40%; -moz-transform-origin: 10% 40%; -ms-transform-origin: 10% 40%; -o-transform-origin: 10% 40%; transform-origin: 10% 40%;
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
}
.navbar-on .bar2 { background-color: transparent; }

.main-top-area-wrapper.subpage.active{
	background:rgba(0,0,0,0.6);
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.main-top-area-wrapper.subpage.active .main-top-area-wrapper-inner{
	padding-top:8px; padding-bottom:8px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.main-top-area-wrapper.subpage.active .main-logo-wrapper{
	width:110px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}




/********************************************* homepage *************************************************/
.main-section-wrapper{
}
.fullpage-wrapper.active{
	overflow:hidden !important;
}
.homepage-section{
	position:relative;
	overflow:hidden;
	padding:50px;
}
#homepage-section-01{
	background:url(../images/homepage-section-01.jpg) no-repeat center top   ;
	background-size:cover;
}
#homepage-section-02{
	background:url(../images/homepage-section-02.jpg) no-repeat center top;
	background-size:cover;
}
#homepage-section-03{
	background:url(../images/homepage-section-03.jpg) no-repeat center top;
	background-size:cover;
}

#homepage-section-03-bg{
	position:absolute; top:0; bottom:0; left:0; right:0; z-index:0;
	background:url(../images/homepage-section-03.jpg) no-repeat center top fixed;
	background-size:cover;
}
#homepage-section-04{
	background:url(../images/homepage-section-04.jpg) no-repeat center top;
	background-size:cover;
}
.homepage-section-inner{
	position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;
	/*background:url(../images/pattern-dot.png) fixed;*/
	background:rgba(0,0,0,0.3);
}
.homepage-section-content-wrapper{
	position:relative; z-index:2;
	height:100%;
}
.homepage-section-content-wrapper-inner{
	width:100%;
	text-align:center; color:#fff;
}
.homepage-section-content{
}
.homepage-section-header{
	position:absolute; top:25%;
	width:100%;
	font-family: 'latolight', arial, sans-serif; font-size:28px;
}
.homepage-section-button-wrapper{
	position:absolute; top:30%;
	width:100%;
	padding:0 50px;
}
.homepage-section-button{
	display:inline-block;
	margin-top:15px; margin-bottom:15px;
	border-top:1px solid rgba(255,255,255,0.5); 
	font-family: 'latothin', arial, sans-serif; font-size:56px; text-transform:uppercase; text-align:center;
}
.homepage-section-button a{
	display:block;
	margin-top:10px;
	padding:0 50px;
	background:rgba(255,255,255,0.5);
	color:#fff;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.homepage-section-button a:hover{
	background:#FFBF21;
	text-decoration:none;
	-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);
	-webkit-transform-origin:top center; -moz-transform-origin:top center; -ms-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center;
	-webkit-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.3);
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.homepage-section-content{
	position:absolute; top:45%;
	width:100%;
	padding:0px 50px;
	font-family: 'latolight', arial, sans-serif; font-size:20px;
}
.homepage-section-emphasis-01{
	font-family: 'latoregular', arial, sans-serif; /*font-size:28px;*/
}
.homepage-section-emphasis-02{
	font-family: 'latolight', arial, sans-serif; /*font-size:30px;*/ color:#74ff9b;
}

.homepage-section-sosmed{
	position:absolute; top:60%;
	width:100%; 
	text-align:center;
}
.sosmed-icon{
	position:relative;
	display:inline-block; vertical-align:top;
	width:65px;
	margin:15px;
	-webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}
.sosmed-icon img{
	display:block;
	width:100%;
}
.sosmed-icon:hover{
	-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);
	-webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}
.sosmed-icon-border{
	position:absolute; top:0; left:0; right:0; bottom:0;
	display:block;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	border:1px solid #fff;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.sosmed-icon:hover .sosmed-icon-border{
	-webkit-transform:scale(1.1); -moz-transform:scale(1.2); transform:scale(1.2);
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.homepage-section-footer{
	position:absolute; bottom:0;
	width:100%;
	padding:10px 50px;
	border-top:1px solid #fff;
	border-top:1px solid rgba(255,255,255,0.5);
	text-align:center;color:#fff;
}
.footer-logo-wrapper{
	display:inline-block; vertical-align:middle;
	margin-bottom:8px;
}
.footer-text{
	display:inline-block;
	padding-right:5px;
	font-size:11px;
}
.footer-logo{
	display:inline-block; vertical-align:middle;
}
.footer-logo img{
	display:block;
	width:100%;
	/*-webkit-transform:translateZ(0); -moz-transform:translateZ(0); transform:translateZ(0);*/
}
.footer-logo.wirewuss{
	width:75px;
}

#fp-nav.left{
	left:5px;
}
#fp-nav ul li a span{
	width:4px; height:4px;
	margin:-2px 0 0 -2px;
	background:#fff;
}
#fp-nav ul li a.active span{
	background:#e00000;
}
/********************************************* homepage *************************************************/




/********************************************* subpage *************************************************/
.main-subpage-banner-wrapper{
	position:relative;
	height:450px !important;
	padding:0;
	overflow:hidden;
}
.main-subpage-banner-wrapper.the-user{
	background:url(../images/subpage-banner-user.jpg) no-repeat fixed top center;
	background-size:cover;
}
.main-subpage-banner-wrapper.the-venue-owner{
	background:url(../images/subpage-banner-venue.jpg) no-repeat fixed top center;
	background-size:cover;
}
.main-subpage-banner-wrapper.the-event-organiser{
	background:url(../images/subpage-banner-events.jpg) no-repeat fixed top center;
	background-size:cover;
}
.main-subpage-banner-wrapper.about{
	background:url(../images/subpage-banner-about.jpg) no-repeat fixed top center;
	background-size:cover;
}
.main-subpage-banner-wrapper.contact{
	background:url(../images/subpage-banner-contact.jpg) no-repeat fixed top center;
	background-size:cover;
}

.main-subpage-banner-wrapper-inner{
	position:relative;
	width:100%; height:100%;
	padding:40px;
	background:rgba(0,0,0,0.3);
	text-align:center;color:#fff;
}
.main-subpage-banner-content-wrapper{
	position:fixed; z-index:0;
	top:100px; left:0;
	padding:0 20px;
	width:100%;
}
.main-subpage-banner-content-header{
	display:inline-block;
	padding:0 30px 10px 30px; margin-bottom:20px;
	border-bottom:1px solid #fff;
	font-family: 'latothin', arial, sans-serif; font-size:50px; line-height:1.2em;
}
.main-subpage-banner-content{
	font-family: 'latolight', arial, sans-serif; font-size:26px;
}
.main-subpage-banner-content-emphasis-01{
	font-family: 'latoregular', arial, sans-serif; /*font-size:38px;*/
}
.main-subpage-banner-content-emphasis-02{
	font-family: 'latolight', arial, sans-serif; /*font-size:40px;*/ color:#74ff9b;
}
.main-subpage-banner-content-emphasis-03{
	font-family: 'latolight', arial, sans-serif; /*font-size:34px;*/ color:#74ff9b;
}

.main-subpage-content-wrapper{
	position:relative;
	/*padding:40px;*/
	background:#f2f2f2;
}
.main-subpage-content-wrapper.themes{
	background: rgba(98,92,166,1);
background: -moz-linear-gradient(top, rgba(98,92,166,1) 0%, rgba(163,137,164,1) 22%, rgba(213,165,143,1) 37%, rgba(225,175,142,1) 49%, rgba(213,165,143,1) 60%, rgba(163,137,164,1) 76%, rgba(98,92,166,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,92,166,1)), color-stop(22%, rgba(163,137,164,1)), color-stop(37%, rgba(213,165,143,1)), color-stop(49%, rgba(225,175,142,1)), color-stop(60%, rgba(213,165,143,1)), color-stop(76%, rgba(163,137,164,1)), color-stop(100%, rgba(98,92,166,1)));
background: -webkit-linear-gradient(top, rgba(98,92,166,1) 0%, rgba(163,137,164,1) 22%, rgba(213,165,143,1) 37%, rgba(225,175,142,1) 49%, rgba(213,165,143,1) 60%, rgba(163,137,164,1) 76%, rgba(98,92,166,1) 100%);
background: -o-linear-gradient(top, rgba(98,92,166,1) 0%, rgba(163,137,164,1) 22%, rgba(213,165,143,1) 37%, rgba(225,175,142,1) 49%, rgba(213,165,143,1) 60%, rgba(163,137,164,1) 76%, rgba(98,92,166,1) 100%);
background: -ms-linear-gradient(top, rgba(98,92,166,1) 0%, rgba(163,137,164,1) 22%, rgba(213,165,143,1) 37%, rgba(225,175,142,1) 49%, rgba(213,165,143,1) 60%, rgba(163,137,164,1) 76%, rgba(98,92,166,1) 100%);
background: linear-gradient(to bottom, rgba(98,92,166,1) 0%, rgba(163,137,164,1) 22%, rgba(213,165,143,1) 37%, rgba(225,175,142,1) 49%, rgba(213,165,143,1) 60%, rgba(163,137,164,1) 76%, rgba(98,92,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#625ca6', endColorstr='#625ca6', GradientType=0 );
	background-attachment: fixed;
}
.main-subpage-content-wrapper-inner{
	max-width:1400px;
	margin:0 auto;
	padding:40px 30px;
}
.main-subpage-content-wrapper2{
	position:relative;
	background:#f2f2f2;
	padding:0;
}
.main-subpage-content-wrapper-inner2{
	max-width:1200px;
	margin:0 auto;
}
.main-subpage-content-wrapper a{
	text-decoration:underline; color:#C32022;
}
.main-subpage-content-wrapper a:hover{
	color:#FF5F00;
}


.collapsible-header{
	position:relative;
}
.collapse-header-icon{
	display:block;
	position:absolute; 
	top:0; bottom:0; right:0;
	width:80px;
	background:#D41215;
	font-size:40px; text-align:center;
}
.collapse-header-icon.blue{
	background:#23A2FF;
}
.collapse-header-icon span{
	display:block;
	position:absolute; top:50%; left:0; right:0; bottom:0;
	width:40px; height:40px;
	margin:0 auto; /*margin-top:15%;*/ margin-top:-20px;
	color:#fff;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms  ease-in-out;
    -o-transition: all 300ms  ease-in-out;
    -ms-transition: all 300ms  ease-in-out;
    transition: all 300ms  ease-in-out;
}
.collapse-header-text{
	display:block;
	padding:15px; margin-right:80px;
	font-size:22px;
}
.collapse-header-red{
	/*color:#ed2341;*/
}
.collapsible li.active .collapse-header-icon span {
	-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  transform: rotate(45deg);
	-webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms  ease-in-out;
    -o-transition: all 300ms  ease-in-out;
    -ms-transition: all 300ms  ease-in-out;
    transition: all 300ms  ease-in-out;
}
.collapsible-body{
	background:#fff;
}



.subpage-intro-content-wrapper{
	padding:30px 0;
	font-size:24px; text-align:center;
}
.subpage-intro-content-wrapper p{
	padding-top:0;
}



.subpage-content-emphasis-red{
	/*font-size:28px;*/ color:#ed2341;
}
.subpage-content-emphasis-green{
	font-size:26px; color:#74ff9b;
}
.subpage-content-emphasis-large{
	/*font-size:30px;*/
}
.subpage-content-emphasis-small{
	font-size:18px;
}

.the-user-feature-intro-wrapper{
	position:relative;
	background:#fff;
}
.feature-item-intro-icon-wrapper{
	position:absolute; z-index:1;
	top:-55px; left:0; right:0;
	margin-left:auto; margin-right:auto;
	width:110px; height:110px;
}
.feature-item-intro-icon-wrapper-inner{
	padding:25px;
	background:#fff;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.feature-item-intro-icon img{
	display:block;
	width:100%;
	/*transform:translateZ(0);*/
}
.feature-item-intro-icon-ring-inner{
	position:absolute; z-index:-1;
	top:0px; left:0px;
	width:110px; height:110px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	border:2px solid #fff;
	-webkit-animation-name: feature-item-intro-icon-ring-inner-anim; animation-name: feature-item-intro-icon-ring-inner-anim;
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-transform-origin:center center; -moz-transform-origin:center center; transform-origin:center center;
}
.feature-item-intro-icon-ring-outer{
	position:absolute; z-index:-1;
	top:0px; left:0px;
	width:110px; height:110px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	border:1px solid #fff;
	-webkit-animation-name: feature-item-intro-icon-ring-outer-anim; animation-name: feature-item-intro-icon-ring-outer-anim;
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-transform-origin:center center; -moz-transform-origin:center center; transform-origin:center center;
}

@-webkit-keyframes feature-item-intro-icon-ring-inner-anim {
	100%   {transform:scale(1.3); opacity:0;}
}
@-webkit-keyframes feature-item-intro-icon-ring-outer-anim {
	100%   {transform:scale(1.5); opacity:0;}
}





.feature-slideshow-wrapper{
	position:relative;
	text-align:center;
}
.feature-item-wrapper{
	position:relative;
	width:33.3333%;
	padding:0 12px 20px 12px; 
}
.feature-item-wrapper-inner{
	position:relative;
	height:500px;
	background:#BF3537;
	overflow:hidden;
}
.feature-item-pic-wrapper{
	position:absolute; top:0; bottom:25%; left:0; right:0;
	width:100%;
}
.feature-item-pic-wrapper img{
	width:100%;
}
.feature-item-pic-overlay{
	position:absolute; z-index:1;
	top:0; bottom:0; left:0; right:0;
	/*background:rgba(227,0,3,0.4);*/
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms  ease-in-out;
    -o-transition: all 300ms  ease-in-out;
    -ms-transition: all 300ms  ease-in-out;
    transition: all 300ms  ease-in-out;
	opacity:0;
}
.feature-item-pic-wrapper.user-venue{
	background:url(../images/subpage-user-feature-venue.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.user-gift{
	background:url(../images/subpage-user-feature-gift.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.user-register{
	background:url(../images/subpage-user-feature-register.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.venue-feature{
	background:url(../images/subpage-venue-feature-tool.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.venue-contact{
	background:url(../images/subpage-venue-feature-contact.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.event-packages{
	background:url(../images/subpage-event-feature-package.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.event-contact{
	background:url(../images/subpage-event-feature-contact.jpg) no-repeat top center;
	background-size:cover;
}


.feature-item-content-wrapper{
	position:absolute; bottom:-130px; left:0; z-index:2;
	width:100%; height:350px;
	padding:20px;
	background:#fff;
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms  ease-in-out;
    -o-transition: all 300ms  ease-in-out;
    -ms-transition: all 300ms  ease-in-out;
    transition: all 300ms  ease-in-out;
}
.feature-item-content-tag{
	display:inline-block;
	padding:5px 15px;
	margin-top:30px;
	background:#ed2341;
	font-family: 'latoregular', arial, sans-serif; font-size:16px; color:#fff;
}
.feature-item-content-tag.venue{
	background:#000;
}
.feature-item-content-tag.event{
	background:#1a237e;
}
.feature-item-content-title{
	display:block;
	margin:15px 0;
	font-family: 'latothin', arial, sans-serif; font-size:28px; line-height:1.3em; text-transform:uppercase; color:#000;
}
.feature-item-content-icon-wrapper{
	position:absolute; z-index:-1;
	top:-55px; left:0; right:0;
	margin-left:auto; margin-right:auto;
	width:110px; height:110px;
}
.feature-item-content-icon-wrapper-inner{
	padding:25px;
	background:#fff;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.feature-item-content-icon img{
	display:block;
	width:100%;
	/*transform:translateZ(0);*/
}
.feature-item-content-icon-ring-inner{
	position:absolute; z-index:-1;
	top:-7px; left:-7px;
	width:124px; height:124px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	border:2px solid #fff;
	border:2px solid rgba(255,255,255,0.6);
}
.feature-item-content-icon-ring-outer{
	position:absolute; z-index:-1;
	top:-15px; left:-15px;
	width:140px; height:140px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	border:1px solid #fff;
	border:1px solid rgba(255,255,255,0.4);
}
.feature-item-content-icon-ring-inner2{
	display:none;
	position:absolute; z-index:-1;
	top:0px; left:0px;
	width:110px; height:110px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	border:2px solid #fff;
	-webkit-animation-name: feature-item-content-icon-ring-inner-anim; animation-name: feature-item-content-icon-ring-inner-anim;
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-transform-origin:center center; -moz-transform-origin:center center; transform-origin:center center;
}
.feature-item-content-icon-ring-outer2{
	display:none;
	position:absolute; z-index:-1;
	top:0px; left:0px;
	width:110px; height:110px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	border:1px solid #fff;
	-webkit-animation-name: feature-item-content-icon-ring-outer-anim; animation-name: feature-item-content-icon-ring-outer-anim;
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-transform-origin:center center; -moz-transform-origin:center center; transform-origin:center center;
}

@-webkit-keyframes feature-item-content-icon-ring-inner-anim {
	100%   {transform:scale(1.3); opacity:0;}
}
@-webkit-keyframes feature-item-content-icon-ring-outer-anim {
	100%   {transform:scale(1.5); opacity:0;}
}


.feature-item-wrapper:hover .feature-item-content-wrapper{
	transform:translateY(-80px);
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms  ease-in-out;
    -o-transition: all 300ms  ease-in-out;
    -ms-transition: all 300ms  ease-in-out;
    transition: all 300ms  ease-in-out;
}
.feature-item-wrapper:hover .feature-item-pic-overlay{
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms  ease-in-out;
    -o-transition: all 500ms  ease-in-out;
    -ms-transition: all 500ms  ease-in-out;
    transition: all 500ms  ease-in-out;
	opacity:1;
}
.feature-item-wrapper:hover .feature-item-content-icon-ring-inner,
.feature-item-wrapper:hover .feature-item-content-icon-ring-outer{
	display:none;
}
.feature-item-wrapper:hover .feature-item-content-icon-ring-inner2,
.feature-item-wrapper:hover .feature-item-content-icon-ring-outer2{
	display:block;
}

.feature-slideshow-dots{
	margin-bottom:20px;
	text-align:center;
}
.feature-slideshow-dots ul{
	margin:0; padding:0;
}
.feature-slideshow-dots ul li{
	display:inline-block; vertical-align:top;
	margin:0 3px;
}
.feature-slideshow-dots ul li button{
	width:8px; height:8px;
	padding:0;
	background:#9A9A9A;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
	border:none;
	text-indent:-9999px;
	overflow:hidden;
}
.feature-slideshow-dots ul li.slick-active button{
	background:#E3181C;
}



.the-user-register-item-wrapper{
	position:relative;
	text-align:center;
}
.the-user-register-item-wrapper.register{
	background: rgba(71,167,140,1);
	background: -moz-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(71,167,140,1)), color-stop(70%, rgba(248,244,207,1)), color-stop(100%, rgba(248,244,207,1)));
	background: -webkit-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: -o-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a78c', endColorstr='#f8f4cf', GradientType=1 );
}
.the-user-register-item-wrapper.otp{
	background:url(../images/the-user-register-otp-bg.jpg) no-repeat center center;
	background-size:cover;
}
.the-user-register-item-wrapper.confirm{
	background: rgba(91,92,136,1);
	background: -moz-linear-gradient(-45deg, rgba(91,92,136,1) 0%, rgba(202,188,188,1) 70%, rgba(202,188,188,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(91,92,136,1)), color-stop(70%, rgba(202,188,188,1)), color-stop(100%, rgba(202,188,188,1)));
	background: -webkit-linear-gradient(-45deg, rgba(91,92,136,1) 0%, rgba(202,188,188,1) 70%, rgba(202,188,188,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(91,92,136,1) 0%, rgba(202,188,188,1) 70%, rgba(202,188,188,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(91,92,136,1) 0%, rgba(202,188,188,1) 70%, rgba(202,188,188,1) 100%);
	background: linear-gradient(135deg, rgba(91,92,136,1) 0%, rgba(202,188,188,1) 70%, rgba(202,188,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5c88', endColorstr='#cabcbc', GradientType=1 ); 
}
.the-user-register-item-wrapper.surf{
	background:url(../images/the-user-register-confirm-bg.jpg) no-repeat center center;
	background-size:cover;
}

.the-user-register-pic-wrapper{
	float:left;
	padding:0 15px; margin-top:30px;
}
.the-user-register-pic-wrapper img{
	display:block;
	width:100%;
}
.the-user-register-pic-wrapper.register{
	width:30%; margin-left:15%;
}
.the-user-register-pic-wrapper.otp{
	float:right;
	width:55%; margin-top:50px;
}
.the-user-register-pic-wrapper.confirm{
	width:35%; margin-left:5%;
}
.the-user-register-pic-wrapper.surf{
	float:right;
	width:55%; padding-right:0;
}
.the-user-register-content-wrapper{
	position:absolute;
	top:30%;
}
.the-user-register-content-header{
	display:block;
	font-size:50px;
}
.the-user-register-content-wrapper.register{
	right:0;
	width:40%; margin-right:15%;
}
.the-user-register-content-wrapper.otp{
	top:35%;
	width:40%; margin-left:5%;
}
.the-user-register-content-wrapper.otp .the-user-register-content-header{
	font-size:34px;
}
.the-user-register-content-wrapper.confirm{
	right:0;
	width:55%; margin-right:5%;
}
.the-user-register-content-wrapper.confirm .the-user-register-content-header{
	font-size:34px;
}
.the-user-register-content-wrapper.surf{
	width:40%; margin-left:5%;
}
.the-user-register-content-wrapper.surf .the-user-register-content-header{
	font-size:30px;
}



.the-user-troubleshooting-wrapper{
	margin:40px 0;
}
.the-user-troubleshooting-item-wrapper{
	position:relative;
}
.the-user-troubleshooting-item-wrapper.troubleshooting-bg1{
	background:url(../images/polygon-bg.jpg) top left;
}
.the-user-troubleshooting-item-wrapper.troubleshooting-bg2{
	background:url(../images/polygon-bg2.jpg) top left;
}
.the-user-troubleshooting-item-content-wrapper{
	position:relative;
	min-height:380px;
	padding:40px;
	text-align:center;
}
.the-user-troubleshooting-pic{
	position:absolute;
	top:0; left:0;
	width:200px;
}
.the-user-troubleshooting-pic img{
	display:block;
	width:100%;
}
.the-user-troubleshooting-arrow{
	position:absolute;
	top:100px; left:210px;
	width:150px;
}
.the-user-troubleshooting-arrow img{
	display:block;
	width:100%;
	-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0);
}
.the-user-troubleshooting-content{
	/*display:inline-block; vertical-align:middle;*/
	margin-left:350px; padding:20px;
	border:1px solid #fff;
	font-size:20px; text-align:left; color:#fff;
}
.the-user-troubleshooting-content ul{
	margin:0; padding:0;
	margin-left:40px;
}
.the-user-troubleshooting-content ul li{
	list-style:disc;
	margin-bottom:10px;
}
.the-user-troubleshooting-content ul.list-second li{
	list-style:circle;
}






.the-venue-owner-intro-user-wrapper{
	text-align:center;
}
.the-venue-owner-intro-no{
	font-size:70px; color:#ed2341;
}
.the-venue-owner-intro-content{
	font-size:22px;
}
.the-venue-owner-intro-content-emphasis{
	color:#ed2341;
}
.the-venue-owner-intro-content-date-update{
	font-size:16px;
}
.the-venue-owner-intro-hotspot-wrapper{
	float:left;
	width:50%;
	background:#ed2341;
}
.the-venue-owner-intro-hotspot-wrapper-inner{
	position:relative;
	padding:30px;
}
.the-venue-owner-intro-icon{
	position:absolute; top:30px; 
	width:100px;
}
.the-venue-owner-intro-icon img{
	display:block;
	width:100%;
}
.the-venue-owner-intro-icon.hotspot{
	right:30px;
}
.the-venue-owner-intro-no.hotspot{
	font-size:60px; color:#fff;
}
.the-venue-owner-intro-content.hotspot{
	margin-right:150px;
	font-size:16px; text-align:right; color:#fff;
}
.the-venue-owner-intro-content.hotspot .the-venue-owner-intro-content-date-update{
	font-size:13px;
}
.the-venue-owner-intro-venue-wrapper{
	float:left;
	width:50%;
	background:#fd8634;
}
.the-venue-owner-intro-venue-wrapper-inner{
	position:relative;
	padding:30px;
}
.the-venue-owner-intro-icon.venue{
	left:30px;
}
.the-venue-owner-intro-no.venue{
	font-size:60px; color:#fff;
}
.the-venue-owner-intro-content.venue{
	margin-left:150px;
	font-size:16px; text-align:left; color:#fff;
}
.the-venue-owner-intro-content.venue .the-venue-owner-intro-content-date-update{
	font-size:13px;
}





.the-venue-owner-feature-item-wrapper{
	position:relative;
	min-height:350px;
	text-align:center;
}
.the-venue-owner-feature-item-wrapper.analytics{
	background: rgba(255,227,161,1);
	background: -moz-linear-gradient(45deg, rgba(255,227,161,1) 0%, rgba(242,181,58,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,227,161,1)), color-stop(100%, rgba(242,181,58,1)));
	background: -webkit-linear-gradient(45deg, rgba(255,227,161,1) 0%, rgba(242,181,58,1) 100%);
	background: -o-linear-gradient(45deg, rgba(255,227,161,1) 0%, rgba(242,181,58,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,227,161,1) 0%, rgba(242,181,58,1) 100%);
	background: linear-gradient(45deg, rgba(255,227,161,1) 0%, rgba(242,181,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe3a1', endColorstr='#f2b53a', GradientType=1 );
}
.the-venue-owner-feature-item-wrapper.insights{
	background: rgba(232,240,184,1);
	background: -moz-linear-gradient(45deg, rgba(232,240,184,1) 0%, rgba(159,215,109,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(232,240,184,1)), color-stop(100%, rgba(159,215,109,1)));
	background: -webkit-linear-gradient(45deg, rgba(232,240,184,1) 0%, rgba(159,215,109,1) 100%);
	background: -o-linear-gradient(45deg, rgba(232,240,184,1) 0%, rgba(159,215,109,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(232,240,184,1) 0%, rgba(159,215,109,1) 100%);
	background: linear-gradient(45deg, rgba(232,240,184,1) 0%, rgba(159,215,109,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0b8', endColorstr='#9fd76d', GradientType=1 );
}
.the-venue-owner-feature-item-wrapper.publisher{
	background: rgba(217,237,255,1);
	background: -moz-linear-gradient(45deg, rgba(217,237,255,1) 0%, rgba(122,183,237,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(217,237,255,1)), color-stop(100%, rgba(122,183,237,1)));
	background: -webkit-linear-gradient(45deg, rgba(217,237,255,1) 0%, rgba(122,183,237,1) 100%);
	background: -o-linear-gradient(45deg, rgba(217,237,255,1) 0%, rgba(122,183,237,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(217,237,255,1) 0%, rgba(122,183,237,1) 100%);
	background: linear-gradient(45deg, rgba(217,237,255,1) 0%, rgba(122,183,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9edff', endColorstr='#7ab7ed', GradientType=1 );
}
.the-venue-owner-feature-content-wrapper{
	padding:30px;
}
.the-venue-owner-feature-pic-wrapper{
	/*position:absolute; top:30px; left:30px; */display:inline-block; vertical-align:middle;
	width:25%;
}
.the-venue-owner-feature-pic-wrapper img{
	display:block;
	width:100%;
}
.the-user-register-content-container{
	/*margin-left:370px;*/ display:inline-block; vertical-align:middle;
	font-size:20px;width:70%;
}
.the-user-register-content-container p{
	padding-top:0;
}
.the-user-register-content-container .emphasis{
	font-size:24px; font-weight:normal;
}



.the-event-organiser-feature-item-wrapper{
	position:relative;
	/*background: rgba(71,167,140,1);
	background: -moz-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(71,167,140,1)), color-stop(70%, rgba(248,244,207,1)), color-stop(100%, rgba(248,244,207,1)));
	background: -webkit-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: -o-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	background: linear-gradient(45deg, rgba(71,167,140,1) 0%, rgba(248,244,207,1) 70%, rgba(248,244,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a78c', endColorstr='#f8f4cf', GradientType=1 );*/
	background:url(../images/subpage-event-feature-event-2.jpg) no-repeat center center;
	background-size:cover;
}
.the-event-organiser-feature-item-wrapper.ww-event{
	background:url(../images/subpage-event-feature-event.jpg) no-repeat center center;
	background-size:cover;
}
.the-event-organiser-feature-content-wrapper{
	padding:30px 40px;
}
.the-event-organiser-feature-header{
	font-size:26px; text-align:center;
}
.the-event-organiser-feature-packages-icon-wrapper{
	margin:15px 0; padding-bottom:25px;
	text-align:center;
}
.the-event-organiser-feature-packages-icon-content-01{
	display:inline-block; vertical-align:middle;
	/*width:160px;*/ width:14%;
}
.the-event-organiser-feature-packages-icon-content-01 .icon{
	float:left; width:50%;
	padding:8px;
}
.the-event-organiser-feature-packages-icon-content-01 .icon img{
	display:block;
	width:100%;
	/*-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0);*/
}
.the-event-organiser-feature-packages-icon-content-01 .icon .icon-inner{
	padding:18%;
	/*background:#ed2341;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;*/
}
.the-event-organiser-feature-packages-icon-plus{
	display:inline-block; vertical-align:middle;
	padding:0 8px;
	font-size:70px; color:#ed2341;
}
.the-event-organiser-feature-packages-icon-wifi{
	display:inline-block; vertical-align:middle;
	width:11%;
}
.the-event-organiser-feature-packages-icon-wifi img{
	display:block;
	width:100%;
	/*-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0);*/
}
.the-event-organiser-feature-packages-icon-ww{
	display:inline-block; vertical-align:middle;
	width:15%;
}
.the-event-organiser-feature-packages-icon-ww img{
	display:block;
	width:100%;
	/*-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0);*/
}
.the-event-organiser-feature-content-container{
	font-size:20px; text-align:center;
}
.the-event-organiser-feature-content{
	display:inline-block; vertical-align:top;
	width:45%;
	margin:0 -2px;
	text-align:left;
}
.the-event-organiser-feature-content-inner{
	padding:0 20px;
}
.the-event-organiser-feature-content h5{
	margin-bottom:10px;
}
.the-event-organiser-feature-content p{
	padding:0; padding-bottom:15px;
}
.the-event-organiser-feature-content ul{
	margin:0; padding:0;
	margin-left:40px;
}
.the-event-organiser-feature-content ul li{
	list-style:disc;
	margin-bottom:10px;
}
.the-event-organiser-feature-content.ww-event{
	width:auto; width:80%;
	padding:20px; margin-bottom:20px;
	border-bottom:1px solid #fff;
	border-bottom:1px solid rgba(255,255,255,0.3);
	text-align:center; color:#fff;
}
.the-event-organiser-feature-content.ww-event h4{
	margin-bottom:10px;
	font-size:26px;
}
.the-event-organiser-feature-support-urgent-wrapper{
	position:relative;
	float:left; width:50%;
	background:#f87807;
}
.the-event-organiser-feature-support-critical-wrapper{
	position:relative;
	float:left; width:50%;
	background:#921515;
}
.the-event-organiser-feature-support-icon{
	position:absolute; top:30px; left:30px;
	width:130px;
}
.the-event-organiser-feature-support-icon img{
	display:block;
	width:100%;
	/*-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0);*/
}
.the-event-organiser-feature-support-content{
	margin-left:150px; padding:30px;
	font-size:20px; color:#fff;
}
.the-event-organiser-feature-support-content h5{
	margin-bottom:10px;
}
.the-event-organiser-feature-support-content ul{
	margin:0; padding:0;
	margin-left:40px;
}
.the-event-organiser-feature-support-content ul li{
	list-style:disc;
	margin-bottom:10px;
}











.subpage-footer-wrapper{
	padding:10px 20px;
	background:#fff;
	text-align:center;
}




.iScrollIndicator{
	display:none !important;
	height:80px !important;
}


.block-inline{
	display:inline-block;
}
/********************************************* //subpage *************************************************/


/********************************************* main page wrapper *************************************************/



























/********************************************* main content area *************************************************/
.main-content-wrapper{
	max-width:700px; margin:0 auto;
}
.main-content-wrapper-inner{
}
.main-content-wrapper-inner2{
	padding:0 20px;
}


.main-panel-wrapper{
	margin-bottom:20px;
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.main-panel-wrapper-inner{
	padding:20px;
}


.emphasis{
	font-size:16px; font-weight:bold; color:#ff0000;
}

.link-help{
	display:inline-block; vertical-align:top;
	margin-bottom:15px;
	text-decoration:none; color:#000;
}
.link-help-phone{
	position:absolute; top:55%; right:0;
}
.icon-help{
	display:inline-block; vertical-align:middle;
	width:20px; height:20px;
	background:#555555;
	border-radius:20px;
	font-size:16px; font-weight:bold; text-align:center; color:#fff;
}
.modal-help{
	max-width:300px;
	top:30% !important;
	background:#000;
	color:#fff;
}
.modal-help.open{
	top:30% !important;
}
.modal-help .modal-content{
	padding:0 15px;
}



.form-row-wrapper{
	margin-top:3px; margin-bottom:8px;
}
.form-row-wrapper .input-field{
	margin-top:0.8rem;
}
.input-field label{
	left:0;
}
.suggestion{
	position:absolute;
	top:0; right:0;
	font-size:10.5px;
}


.form-select-wrapper{
	background:#ff0000;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}

.form-select-wrapper .select-wrapper{
	color:#000;
}
.select-wrapper input.select-dropdown{
	width:92%; padding-left:4%; padding-right:4%;
	/*border-bottom:none;*/
}
.form-select-wrapper .select-wrapper input.select-dropdown{
	text-align:center;
}
.form-select-wrapper .select-wrapper span.caret{
	right:2%;
	color:#000;
}
.form-select-wrapper .select-wrapper .dropdown-content{
	background:#df0000;
}
.form-select-wrapper .select-wrapper .select-dropdown li{
	text-align:center;
}
.form-select-wrapper .select-wrapper .select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup{
	color:rgba(255,255,255,0.5) !important;
}
.form-select-wrapper .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
  background-color: #bb0101;
}
.form-select-wrapper .dropdown-content li.active.selected {
  background-color: #bb0101;
}
.form-select-wrapper .dropdown-content li > a, .dropdown-content li > span {
  color: #000;
}


.form-select-wrapper.country .caret-custom{
	position:absolute; z-index:2;
	top:10px; right:10px;
	color:#fff;
}
.form-select-wrapper.country .chosen-container{
	width:100% !important; height:auto;
	padding:8px;
	background:none !important;
	border:none !important;
	border-radius:0 !important;
	font-size:inherit; line-height:25px; text-align:center; color:#fff;
}
.form-select-wrapper.country  .chosen-container a{
	display:block; vertical-align:middle;
	width:100%; height:auto;
	background:none !important;
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	text-align:center; color:#fff;
}
.form-select-wrapper.country .chosen-container a span{
	display:inline-block;
	vertical-align:middle;
}
.form-select-wrapper.country .chosen-container .chosen-drop,
.form-select-wrapper.country .chosen-container-single .chosen-drop{
	top:0;
	background:#df0000;
	border:none;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
}
.form-select-wrapper.country .chosen-container .chosen-search{
	padding:8px;
	background:#bb0101;
	border:none;
}
.form-select-wrapper.country .chosen-container .chosen-search input{
	display:block;
	width:90%;
	padding:8px 8% 8px 2%;
	background:url(../images/icon-search.png) no-repeat center right #fff ;
	border:none;
	box-shadow:none;
	color:#000;
}
.form-select-wrapper.country .chosen-container .chosen-results{
	padding:0; margin:3px 0;
}
.form-select-wrapper.country .chosen-container .chosen-results li{
	padding:8px;
	line-height:25px; color:#fff;
}
.form-select-wrapper.country .chosen-container .chosen-results li.no-results,
.form-select-wrapper.country .chosen-container .chosen-results li.highlighted{
	background:#ab0f0f;
}

.form-select-wrapper.country .chosen-container .chosen-results li:hover{
	background:#ab0f0f;
}

 

.form-radio-btn-inline-wrapper{
	position:relative;
	display:inline-block; margin:0 -2px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.form-radio-btn-inline-item-wrapper{
	display:inline-block; margin:0 -2px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.form-radio-btn-inline-item-wrapper label{
	height:auto !important;
	padding:8px 15px !important;
	background:#ff0000;
	text-align:center;color:#fff;
}
.form-radio-btn-inline-item-wrapper.gender label{
	min-width:80px !important;
}
.form-radio-btn-inline-item-wrapper input:checked + label{
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.4);
}
.form-radio-btn-inline-item-wrapper label:before, .form-radio-btn-inline-item-wrapper label:after{
	display:none !important;
	position:absolute; z-index:1;
	top:50%; left:50%;
	outline:0!important;
}
.form-radio-btn-inline-item-wrapper input:checked + label:after{
	display:none;
	position:absolute; z-index:1;
	top:50%; left:50%;
	outline:0!important;
}
.form-radio-btn-inline-item-wrapper:not(:first-child):not(:last-child) label{
	-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;
	border-right:2px solid #bc0808;
}
.form-radio-btn-inline-item-wrapper:first-child label{
	-webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px;
	border-right:2px solid #bc0808;
}
.form-radio-btn-inline-item-wrapper:last-child label{
	-webkit-border-radius:0px 4px 4px 0px; -moz-border-radius:0px 4px 4px 0px; border-radius:0px 4px 4px 0px;
	border-right:none;
}


.form-dob-wrapper{
	width:192px; margin:0 auto;
}
.form-row-wrapper.dob-month{
	float:left;
	width:70px;
	margin:0 8px;
	text-align:left;
}
.form-row-wrapper.dob-year{
	float:left;
	width:90px;
	margin:0 8px;
	text-align:left;
}


.form-phone-wrapper{
	position:relative;
}
.form-row-wrapper.phone{
	position:relative;
	padding-top:20px;
}
.form-row-wrapper input{
	margin-bottom:5px;
}
.phone-code{
	position:absolute;
	width:80px;
	left:0; bottom:0;
}
.phone-number{
	padding-left:90px; padding-right:30px;
}
.phone-code-text{
	font-size:11px;
}


.form-row-list-wrapper{
	text-align:left;
}
.form-row-list-wrapper.promo-select{
	max-width:300px; margin:0 auto;
}
.form-row-list-wrapper.survey-select{
	max-width:400px; margin:0 auto;
}
.form-row-list-wrapper .collection .collection-item{
	display:block;
}
.form-row-list-wrapper .collection .collection-item label{
	display:block;
	height:auto;
}









.btn-main{
	min-width:150px;
	background:#536dfe;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	font-size:16px;
}
.btn-main:hover{
	background:#3950d2;
	text-decoration:none;
}




.modal-header{
	padding:15px;
	background:#ff0000;
	color:#fff;
}
.modal-content{
}
.modal-content-container{
	padding-top:20px;
}

.tnc-modal-list-wrapper ul li,
.tnc-modal-list-wrapper ol li{
	padding-bottom:10px;
}
.modal .modal-footer.tnc-modal-footer{
	margin-bottom:20px;
	text-align:center;
}
.modal .modal-footer.tnc-modal-footer .btn{
	float:none;
}






.main-subpage-content-wrapper.themes .main-subpage-content-wrapper-inner{
	padding-top: 10px;
}
.main-subpage-content-wrapper.themes .subpage-intro-content-wrapper{
	padding-top: 10px;
}
.main-subpage-content-wrapper.themes .main-subpage-content-wrapper-inner.themes-content-custom{
	min-height: 69vh;
}
.main-logo-wrapper-themes{
	width:150px; padding: 20px;
}
.main-logo-wrapper-themes img{
	display: block; width:100%;
}
.themes-header-intro-wrapper .header-01-wrapper{
	float:left; width:30%;
	text-align: left;
}
.themes-header-intro-wrapper .header-02-wrapper{
	float:left;
	padding-top: 30px;
	text-align: left; color: #fff;
}
.themes-header-intro-wrapper .header-01-wrapper h1{
	font-family: 'latoregular', Arial, sans-serif;
}
.themes-header-intro-wrapper .header-01-wrapper h6{
	font-weight: bold;
}

.themes-list-wrapper a{
	display: block;
	color: 000;
}
.themes-list-item-wrapper{
	float: left; width:33.3333%;
	margin-bottom: 60px;
}
.themes-list-item-wrapper-inner{
	padding: 15px; width:90%; margin: 0 auto;
}
.themes-list-item-wrapper-inner:hover{
	background:rgba(255,255,255,0.5);
}
.themes-list-item-wrapper .themes-title{
	padding: 0 10px 20px 10px;
	font-family: 'latoregular', Arial, sans-serif; font-size: 24px; text-align: center;
}
.themes-list-wrapper a .themes-title{
	color: #000;
}
.themes-list-display-wrapper{
	position: relative;
	width:315px;
	margin: 0 auto;
}
.themes-list-phone-bg-wrapper{
	width:100%; height: 100%;
}
.themes-list-phone-bg-wrapper img{
	display: block; width:100%;
}
.themes-list-preview-wrapper{
	position: absolute;
	top:12%; left: 8.4%; right:7.8%; bottom:12.5%;
	overflow-y: auto;
}
.themes-list-preview-wrapper img{
	display: block; width: 100%;
}

.themes-content-subheader-wrapper{
	color: #fff;
}

.btn-main-themes{
	height: auto;
	padding: 15px;
	background: #efd0c9;
	font-size: 24px; font-weight: bold; line-height: normal; text-transform: none; text-decoration: none !important; color: #cd8390 !important;
}
.btn-main-themes:hover{
	background: #ffe4e7;
}




.maps-link-container{
	position: absolute;
	right:0;top:0;
	z-index: 9;
	width: 25%; height: 100%;
	background-color: #f4f4f4 !important;
	overflow-y: auto;
}
.maps-link-container ol{
	margin: 0; padding: 0; list-style: none;
}
.maps-link-container ol li{
	display: block;
	border-bottom: 1px solid #e4e4e4;
}
.maps-link-container ol li a{
	display: block;
	padding: 15px;
	font-size: 16px; color: #000; text-decoration: none;
}
.maps-link-container ol li a:hover{
	background: #fcfcfc;
}
/********************************************* //main content area *************************************************/














/********************************************* main footer area *************************************************/
.main-footer-wrapper{
	position:absolute;
	width:100%;
	bottom:0;
	padding:15px 15px 0 15px;
	background:#475888;
	text-align:center;color:#fff;
}
.main-footer-wrapper-inner{
}
.footer-logo-wrapper{
	display:inline-block; vertical-align:middle;
	margin-bottom:8px;
}
.footer-text{
	display:inline-block;
	padding-right:5px;
	font-size:11px;
}
.footer-text.wirewuss{
}
.footer-logo{
	display:inline-block; vertical-align:middle;
}
.footer-logo img{
	width:100%;
	/*-webkit-transform:translateZ(0); -moz-transform:translateZ(0); transform:translateZ(0);*/
}
.footer-logo.wirewuss{
	width:75px;
}

/********************************************* //main footer area *************************************************/















/********************************************* helper *************************************************/
/********************************************* //helper *************************************************/







/********************************************* override *************************************************/
label{
	color:#000;
}
/* label color */
   .input-field label {
     color: #000;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label,
   .input-field input[type=email]:focus + label,
   .input-field input[type=password]:focus + label {
     color: #ff0000;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus,
   .input-field input[type=email]:focus,
   .input-field input[type=password]:focus {
     border-bottom: 1px solid #ff0000;
     box-shadow: 0 1px 0 0 #ff0000;
   }
   /* valid color */
   .input-field input[type=text].valid,
   .input-field input[type=email].valid,
   .input-field input[type=password].valid {
     border-bottom: 1px solid #ff0000;
     box-shadow: 0 1px 0 0 #ff0000;
   }
   /* invalid color */
   .input-field input[type=text].invalid,
   .input-field input[type=email].invalid,
   .input-field input[type=password].invalid {
     border-bottom: 1px solid #ff0000;
     box-shadow: 0 1px 0 0 #ff0000;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #000;
   }
   

.picker__weekday-display{
	background-color: #bb0101;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  background: #ffbcbc;
}

/********************************************* //override *************************************************/


.contact-content-wrapper{ background:url(../images/contact-content-background.jpg) no-repeat fixed top center;
	background-size:cover;}

.bf-venue-wrapper{
	background:url(../images/venue-bnf-background.jpg) no-repeat fixed top center #fafafa;
	background-size:cover;
	}
.retail-venue-wrapper{
	background:url(../images/venue-retail-background.jpg) no-repeat fixed top center #fafafa;
	background-size:cover;
	}
.bank-venue-wrapper{
	background:url(../images/venue-bank-background.jpg) no-repeat fixed top center #fafafa;
	background-size:cover;
	}
.overseas-venue-wrapper{
	background:url(../images/venue-overseas-background.jpg) no-repeat fixed top center #fafafa;
	background-size:cover;
	}

.bw {-webkit-filter: grayscale(100%);
}
 
.bw:hover{background:rgba(255,255,255,1);
  -webkit-filter: brightness(100%);
-webkit-transition: all 0.45s ease;
     -moz-transition: all 0.45s ease;
       -o-transition: all 0.45s ease;
      -ms-transition: all 0.45s ease;
          transition: all 0.45s ease; 
}
.bw:hover maybank{background:rgba(255,255,255,1);
  -webkit-filter: brightness(100%);
-webkit-transition: all 0.45s ease;
     -moz-transition: all 0.45s ease;
       -o-transition: all 0.45s ease;
      -ms-transition: all 0.45s ease;
          transition: all 0.45s ease; 
}

.venue-title-wrapper-inner{
	margin:0 auto;
	padding:20px 0px; /*background:rgba(0,0,0,0.5);*/
}
ul li.pic-container{ list-style:none; display: inline-block;margin:10px; text-align:center; min-width:200px; height:155px   }
.pic-container{background:rgba(255,255,255,0.3); }
ul li.pic-container img{ max-height:150px;}
.subpage-btn-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.contact-wrapper{ }
.panel-contact-wrapper {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.3);
}

.contact-span{ padding-left:50px}

.panel-contact-content-wrapper2{ display: none !important}
.the-event-organiser-feature-content.ww-event:hover{    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; border:none !important
	  }
.about-team-item-content-name{
	display:block;
	margin:5px 0;
	font-family: 'latothin', arial, sans-serif; font-size:24px; color:#000;
}
.about-team-item-content-tag{
	display:inline-block;
	padding:5px 15px;
	
	background:#ed2341;
	font-family: 'latoregular', arial, sans-serif; font-size:16px; color:#fff;
}
.feature-item-pic-wrapper.pic-1{
	background:url(../images/pic-wan.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.pic-2{
	background:url(../images/pic-fendi.jpg) no-repeat top center;
	background-size:cover;
}
.feature-item-pic-wrapper.pic-3{
	background:url(../images/pic-eddie.jpg) no-repeat top center;
	background-size:cover
}
.feature-item-pic-wrapper.pic-4{
	background:url(../images/pic-douglas.jpg) no-repeat top center;
	background-size:cover;
}



.p-30{ padding:0 0 30px 0;}
.c-white{ color:#fff}
.clearfix{ clear:both !important; margin:0 auto !important; padding:0 !important}







/********************************************* responsive breakpoints *************************************************/
@media screen and (max-width: 1100px) {
	.themes-header-intro-wrapper .header-02-wrapper h5{
		font-size: 20px;
	}
	.themes-list-display-wrapper{
		width: 96%;
	}
}
@media screen and (max-width: 1024px) {
	.main-top-area-wrapper-inner{
		padding:15px 20px;
	}
	/*
	.main-subpage-content-wrapper{
		padding:25px 20px;
	}
	*/
	.feature-item-content-title{
		font-size:22px;
	}
}
@media screen and (max-width: 900px) {
	.homepage-section-header{
		font-size:24px;
	}
	.homepage-section-button a{
		padding:0 40px;
		font-size:40px;
	}
	.homepage-section-content{
		font-size:16px;
	}
	.homepage-section-emphasis-01{
		font-size:22px;
	}
	.homepage-section-emphasis-02{
		font-size:24px;
	}
	.sosmed-icon{
		width:40px;
	}
	.the-user-register-content-wrapper.register .the-user-register-content-header{
		font-size:30px;
	}
	.the-user-register-content-wrapper.otp .the-user-register-content-header,
	.the-user-register-content-wrapper.confirm .the-user-register-content-header,
	.the-user-register-content-wrapper.surf .the-user-register-content-header{
		font-size:26px;
	}
	.the-user-troubleshooting-item-content-wrapper{
		min-height:auto;
	}
	.the-user-troubleshooting-pic{
		width:150px;
	}
	.the-user-troubleshooting-arrow{
		width:80px;
		left:160px;
	}
	.the-user-troubleshooting-content{
		margin-left:220px;
		font-size:16px;
	}
	.the-user-troubleshooting-content ul{
		margin-left:15px;
	}
	.the-venue-owner-intro-content.hotspot{
		margin-right:120px;
	}
	.the-venue-owner-intro-content.venue{
		margin-left:120px;
	}
	.the-venue-owner-feature-pic-wrapper{
		width:250px;
	}
	.the-user-register-content-container{
		/*margin-left:270px;*/
	}
	.the-event-organiser-feature-packages-icon-content-01{
		width:16%;
	}
	.the-event-organiser-feature-packages-icon-content-01 .icon{
		padding:3px;
	}
	.the-event-organiser-feature-packages-icon-wifi{
		width:14%;
	}
	.the-event-organiser-feature-packages-icon-ww{
		width:20%;
	}
	.the-event-organiser-feature-content-container{
		font-size:16px;
	}
	.the-event-organiser-feature-content{
		width:50%;
	}
	.the-event-organiser-feature-support-icon{
		position:relative; top:auto; left:auto;
		width:120px; margin:0 auto; padding-top:10px;
	}
	.the-event-organiser-feature-support-content{
		margin-left:0; padding:15px;
		font-size:16px; 
	}
.panel-contact-content-wrapper2{ display:block !important; }
.panel-contact-content-wrapper1{ display:none !important}	
	
	.themes-header-intro-wrapper .header-01-wrapper{
		float: none; width: 100%;
	}
	.themes-header-intro-wrapper .header-01-wrapper h6{
		font-size: 20px;
	}
	.themes-header-intro-wrapper .header-01-wrapper h1{
		font-size:80px;
	}
	.themes-header-intro-wrapper .header-02-wrapper{
		padding-top: 10px;
	}
	.themes-header-intro-wrapper .header-02-wrapper h5{
		font-size: 24px;
	}
	.themes-list-display-wrapper{
		width:94%;
	}
	.btn-main-themes-wrapper{
		text-align: center;
	}
	.maps-link-container{
		width: 30%;
	}
}


@media screen and (max-width: 760px) {
.main-subpage-banner-wrapper.the-user{
	background:url(../images/subpage-banner-user.jpg) no-repeat top center;
	background-size:cover; 
}
.main-subpage-banner-wrapper.the-venue-owner{
	background:url(../images/subpage-banner-venue.jpg) no-repeat top center;
	background-size:cover;
}
.main-subpage-banner-wrapper.the-event-organiser{
	background:url(../images/subpage-banner-events.jpg) no-repeat top center;
	background-size:cover;
}
.main-subpage-banner-wrapper.about{
	background:url(../images/subpage-banner-about.jpg) no-repeat top center;
	background-size:cover;
}
.main-subpage-banner-wrapper.contact{
	background:url(../images/subpage-banner-contact.jpg) no-repeat top center;
	background-size:cover;
}


}
@media screen and (max-width: 700px) {
	.homepage-section-footer{
		padding:5px 20px;
	}
	.homepage-section-button a{
		padding:0 40px;
		font-size:30px;
	}
	.main-subpage-banner-wrapper{
		height:420px;
	}
	.main-subpage-banner-content-header{
		font-size:30px;
	}
	.main-subpage-banner-content{
		font-size:20px;
	}
	.main-subpage-banner-content-emphasis-02{
		font-size:30px;
	}
	.main-subpage-content-wrapper-inner{
		padding:30px 20px;
	}
	.subpage-intro-content-wrapper{
		padding:20px 0;
		font-size:20px;
	}
	.subpage-content-emphasis-large{
		font-size:22px;
	}
	.subpage-content-emphasis-small{
		font-size:16px;
	}
	.subpage-content-emphasis-red{
		font-size:22px;
	}
	.the-user-register-content-wrapper{
		top:20%;
	}
	.the-user-register-content-wrapper.otp,
	.the-user-register-content-wrapper.confirm,
	.the-user-register-content-wrapper.surf{
		top:15%;
	}
	.the-user-register-content-wrapper.register .the-user-register-content-header{
		font-size:26px;
	}
	.the-user-register-content-wrapper.otp .the-user-register-content-header,
	.the-user-register-content-wrapper.confirm .the-user-register-content-header,
	.the-user-register-content-wrapper.surf .the-user-register-content-header{
		font-size:24px;
	}
	.the-user-register-content-container{
		width:100%;
		margin-left:0; margin-top:20px;
	}
	.the-venue-owner-intro-icon.hotspot,
	.the-venue-owner-intro-icon.venue{
		position:relative; top:auto; left:auto; right:auto;
		margin:0 auto;
	}
	.the-venue-owner-intro-content.hotspot,
	.the-venue-owner-intro-content.venue{
		width:100%; margin:0;
		text-align:center;
	}
	.the-venue-owner-feature-pic-wrapper{
		position:relative; top:auto; left:auto;
		width:auto; max-width:300px; margin:0 auto;
	}
	.the-event-organiser-feature-packages-icon-content-01{
		width:20%;
	}
	.the-event-organiser-feature-content-wrapper{
		padding:20px;
	}
	.the-event-organiser-feature-content.ww-event{
		width:90%;
	}
	.the-event-organiser-feature-content.ww-event h4{
		font-size:22px;
	}
.contact-content-wrapper{ background:url(../images/contact-content-background.jpg) no-repeat scroll top center;
	background-size:cover;}

.bf-venue-wrapper{
	background:url(../images/venue-bnf-background.jpg) no-repeat scroll top center #fafafa;
	background-size:cover;
	}
.retail-venue-wrapper{
	background:url(../images/venue-retail-background.jpg) no-repeat scroll top center #fafafa;
	background-size:cover;
	}
.bank-venue-wrapper{
	background:url(../images/venue-bank-background.jpg) no-repeat scroll top center #fafafa;
	background-size:cover;
	}
.overseas-venue-wrapper{
	background:url(../images/venue-overseas-background.jpg) no-repeat scroll top center #fafafa;
	background-size:cover;
	}
	
	
	.themes-list-item-wrapper{
		width: 50%;
	}
	.maps-link-container{
		top:0; left: 0 !important; right:auto;
		width: 100%;
		height: 200px;
	}
	
}

@media screen and (max-width: 640px) {
	.the-user-troubleshooting-item-content-wrapper{
		padding:15px;
	}
	.the-user-troubleshooting-pic{
		top:25px;
		width:100px;
	}
	.the-user-troubleshooting-arrow{
		display:none;
	}
	.the-user-troubleshooting-content{
		margin-left:110px;
	}
	.the-event-organiser-feature-content{
		width:100%;
	}
	.the-event-organiser-feature-content-inner{
		padding:0;
	}
	
	
	.themes-list-item-wrapper-inner{
		width:95%;
	}
	.themes-list-display-wrapper{
		width:100%;
	}
	
}


@media screen and (max-width: 600px) {
	.homepage-section-header{
		font-size:22px;
	}
	.homepage-section-button a{
		padding:0 20px;
		font-size:26px;
	}
	.homepage-section-content{
		font-size:16px;
	}
	.homepage-section-emphasis-01{
		font-size:20px;
	}
	.homepage-section-emphasis-02{
		font-size:22px;
	}
	.collapse-header-text{
		font-size:18px; line-height:normal;
	}
	/*
	.collapse-header-icon span{
		margin-top:10%;
	}
	*/
	.the-user-register-content-wrapper,
	.the-user-register-content-wrapper.register,
	.the-user-register-content-wrapper.otp,
	.the-user-register-content-wrapper.confirm,
	.the-user-register-content-wrapper.surf{
		position:static;
		width:100%;
		margin:0;
		font-size:28px;
	}
	.the-user-register-content-wrapper{
		padding:15px;
	}
	.the-user-register-pic-wrapper,
	.the-user-register-pic-wrapper.register,
	.the-user-register-pic-wrapper.confirm{
		width:80%; margin:0;
	}
	.the-user-register-pic-wrapper.otp,
	.the-user-register-pic-wrapper.surf{
		width:100%; margin:0;
	}
	.the-venue-owner-feature-item-wrapper{
		min-height:auto;
	}
	.the-user-register-content-container{
		font-size:18px;
	}
	.the-user-register-content-container .emphasis{
		font-size:20px;
	}
	.the-event-organiser-feature-support-urgent-wrapper,
	.the-event-organiser-feature-support-critical-wrapper{
		float:none; width:100%;
	}
		ul li.pic-container{ margin:5px !important; min-width:120px; height:105px  }
	ul li.pic-container img{ width:100px; height:100px}
.contact-logo-image img{ width:280px !important}
}


@media screen and (max-width: 480px) {
	.homepage-section-header{
		font-size:18px;
	}
	.homepage-section-button a{
		font-size:24px;
	}
	.homepage-section-content{
		font-size:14px;
	}
	.homepage-section-emphasis-01{
		font-size:16px;
	}
	.homepage-section-emphasis-02{
		font-size:18px;
	}
	nav ul{
		margin-top:100px; 
	}
	.subpage-intro-content-wrapper{
		font-size:16px;
	}
	.subpage-intro-content-wrapper h3{
		font-size:30px;
	}
	.subpage-content-emphasis-large{
		font-size:18px;
	}
	.subpage-content-emphasis-small{
		font-size:14px;
	}
	.subpage-content-emphasis-red{
		font-size:18px;
	}
	.the-user-troubleshooting-pic{
		position:relative; top:0;
		width:120px; margin:0 auto; margin-bottom:15px;
	}
	.the-user-troubleshooting-content{
		margin-left:0;
		font-size:14px;
	}
	.the-venue-owner-intro-hotspot-wrapper,
	.the-venue-owner-intro-venue-wrapper{
		float:none; width:100%;
	}
	.the-venue-owner-intro-no.user,
	.the-venue-owner-intro-no.hotspot,
	.the-venue-owner-intro-no.venue{
		font-size:40px;
	}
	.the-venue-owner-intro-content.user{
		font-size:16px;
	}
	.the-venue-owner-intro-content-date-update{
		font-size:13px;
	}
	.the-user-register-content-container{
		font-size:16px;
	}
	.the-user-register-content-container .emphasis{
		font-size:18px;
	}
	.the-event-organiser-feature-packages-icon-content-01{
		width:23%;
	}
	.the-event-organiser-feature-packages-icon-wifi{
		width:17%;
	}
	.the-event-organiser-feature-packages-icon-ww{
		width:28%;
	}
	.the-event-organiser-feature-packages-icon-plus{
		font-size:40px;
	}
	.the-event-organiser-feature-content-container{
		font-size:14px;
	}
	.the-event-organiser-feature-support-content{
		font-size:14px;
	}
	.modal-header h4{ font-size: 1.64rem !important;}
	
	
	.themes-list-item-wrapper{
		margin-bottom: 20px;
	}
	.themes-header-intro-wrapper .header-01-wrapper h6{
		font-size: 16px;
	}
	.themes-header-intro-wrapper .header-01-wrapper h1{
		font-size:65px;
	}
	.themes-header-intro-wrapper .header-02-wrapper h5{
		font-size: 20px;
	}
	.themes-list-item-wrapper .themes-title{
		font-size: 20px;
	}
	
}

@media screen and (max-width: 400px) {
	.homepage-section-button a{
		padding:0 15px;
		font-size:22px;
	}
}

@media screen and (max-width: 360px) {
	.the-event-organiser-feature-packages-icon-content-01{
		display:block;
		width:100px;
		margin:0 auto;
	}
	.the-event-organiser-feature-packages-icon-wifi{
		display:block;
		width:100px;
		margin:0 auto;
	}
	.the-event-organiser-feature-packages-icon-ww{
		display:block;
		width:140px;
		margin:0 auto;
	}
	.the-event-organiser-feature-packages-icon-plus{
		display:block;
		text-align:center; line-height:40px;
	}
	
	.themes-list-item-wrapper .themes-title{
		font-size: 15px;
	}
}

@media screen and (max-width: 320px) {
	.homepage-section-button a{
		padding:3px 12px;
		font-size:19px;
	}
}



@media screen and (max-height: 700px) {
	.homepage-section-content{
		top:48%;
	}
	.homepage-section-sosmed{
		top:65%;
	}
}
@media screen and (max-height: 600px) {
	.homepage-section-content{
		top:50%;
	}
	.homepage-section-sosmed{
		top:68%;
	}
	ul li.pic-container{ margin:5px !important; min-width:120px; height:105px  }
	ul li.pic-container img{ width:100px; height:100px}
}
@media screen and (max-height: 400px) {
	.homepage-section-header{
		top:18%;
	}
	.homepage-section-button-wrapper{
		top:24%;
	}
	.homepage-section-content{
		top:47%;
	}
	.homepage-section-sosmed{
		top:70%;
	}
	.main-subpage-banner-content-header{
		padding:0 15px 10px 15px;
	}
}

@media screen and (max-height: 320px) {
	.homepage-section-sosmed{
		top:68%;
	}
}


@media screen and (max-width: 414px) and (max-height: 736px) {
	.homepage-section-header{
		top:18%;
	}
	.homepage-section-button-wrapper{
		top:22%;
	}
	.homepage-section-content{
		top:34%;
	}
	.homepage-section-sosmed{
		top:70%;
	}
}

@media screen and (max-width: 360px) and (max-height: 640px) {
	.homepage-section-header{
		top:18%;
	}
	.homepage-section-button-wrapper{
		top:24%;
	}
	.homepage-section-content{
		top:36%;
	}
	.homepage-section-sosmed{
		top:70%;
	}
}

@media screen and (max-width: 320px) and (max-height: 480px) {
	.homepage-section-header{
		top:22%;
	}
	.homepage-section-button-wrapper{
		top:24%;
	}
	.homepage-section-content{
		top:38%;
	}
	.homepage-section-sosmed{
		top:70%;
	}
	

}

/********************************************* //responsive breakpoints *************************************************/