@font-face{
        font-family:Intro;
        src: url(fonts/Intro.otf);
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.fp-controlArrow {display:none;}

.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:hidden;position:relative}
.fp-scroller{overflow:hidden}
.iScrollIndicator{border:0!important}
.fp-notransition{-webkit-transition:none!important;transition:none!important}


#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0);display:none;}
#fp-nav.fp-right{right:0px}
#fp-nav.fp-left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}
.fp-slidesNav.fp-bottom{bottom:17px}
.fp-slidesNav.fp-top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}
#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#666;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}
#fp-nav ul li .fp-tooltip.fp-right{right:20px}
#fp-nav ul li .fp-tooltip.fp-left{left:20px}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}
.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

html,body {
	background-color:#000000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 *  * --------------------------------------- */
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}
p{
	font-size: 2em;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
}

#menu li {
	float:right;
	display:inline-block;
	margin: 15px 10px 10px 10px;
	color: #666666;
	font-weight:bold;
/*
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
*/
}
#menu li.active{
/*	background:#666;
	background: rgba(0,0,0, 0.5);
*/
	color: #fff;
	text-decoration:underline;
	font-weight:bold;
}
#menu li a{
	text-decoration:none;
	color: #666666;
}
/*
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
*/
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	height: 70px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	margin-block-start:0px;
	padding-inline-start:0px;
}

h1{
	font-size: 4em;
	font-family: Intro,arial,helvetica;
	color: #ffdf00;
	margin:0;
}
h2 {
        font-size:2em;
        color:#ffffff;
        font-family:'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:bold;
}
h3 {
        font-size:2em;
        color:#ffdf00;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:bold;
}
h4 {
        font-size:1.5em;
        color:#ffffff;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:bold;
}
h5 {
        font-size:1em;
        color:#ffffff;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:bold;
}
.section p,
.intro p{
	color: #fff;
}

.section{
	text-align:center;
}

.section1{
        background-image: url('/imgs/index/n13/bg_1.jpg');
	background-size:cover;
	background-position:bottom center;
}

.section2{
        background-image: url('/imgs/index/n13/bg_2.jpg');
/*        background-size:cover;*/
	background-repeat:repeat;
        background-position:bottom center;
}

.section3, .subset1, .subset2, .subset3, .subset4{
        background-image: url('/imgs/index/n13/bg_3.jpg');
        background-size:cover;
        background-position:bottom center;
	width:100%:
}

.section4{
        background-image: url('/imgs/index/n13/bg_4.jpg');
        background-size:cover;
        background-position:bottom center;
}

.section5{
        background-image: url('/imgs/index/n13/bg_5.jpg');
        background-size:cover;
        background-position:bottom center;
}


.slide {
	background-color:#000;
}

.title{
        font-family: Intro,arial,helvetica;
}

#menu li a.signup_btn {
	background-color:#018fcf;
	padding:12px 25px 12px 25px;
	border-radius:10px;
	color:#ffffff;
	position:relative;
	top:-3px;
}

.cta_signup {
        background-color:#018fcf;
	border-radius:50px;
	width:100%;
	max-width:400px;
	box-sizing: border-box;
	margin-bottom:60px;
}

.cta_login {
        background-color:#000000;
	border:1px solid #ffffff;
        border-radius:50px;
        width:100%;
        box-sizing: border-box;
}

.cta_padding{
	height:100%;
	width:100%;
	color:#ffffff;
	font-weight:bold;
	padding:20px;
        box-sizing: border-box;
}

.cta_login .cta_padding {
	color:#018fcf;
}

.about_section{
	position:relative;
	margin-bottom:20px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.about_icon{
	width:15%;
}

.about_text{
	color:#ffffff;
	text-align:left;
	font-size:1.3em;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding:0px 0px 0px 25px;
	width:85%;
}

.app_display {
	width:40%;
}

.app_display img {
	width:100%;
	max-width:220px;
}

.app_cta {
	width:60%;
        font-size:1.15em;
	color:#999999;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.footer {
	position:absolute;
	bottom:0px;
	z-index:100;
	color:#ffffff;
        background-color:rgba(0,0,0,0.5);
	padding:5px;
	text-align:center;
	width:100%;
	font-size:10px;
}

.copyright {
	text-align:center;
	font-size:10px;
	font-style:italic;
	color:#999999;
	margin:4px 0;
	clear:both;
}

.footer a {
	color:#c1c1c1;
	text-decoration:none;
}

body.fp-viewing-welcome #header_logo {
	display:none;
}

.section1 h1 {
	margin-top:60px;
	margin-bottom:40px;
}

.section1 h3 {
	margin-top:60px;
	margin-bottom:20px;
}

.about_summary {
	margin: 20px 20px 60px 20px;
}

.about_img {
	width:100%;
	max-width:90px;
}

.section4 h4 {
	margin-top:40px;
	margin-bottom:80px;
}

.section5 h1 {
	margin-bottom:40px;
}

#fullSlide_section3 {
	visibility:visible;
	display:inline-block;
}

#respSlide_section3 {
	display:none;
	visibility:hidden;
}

.section3 .subset2, .section3 .subset3{
	visibility:hidden;
}

.section3 h2 {
	margin-top:30px;
	margin-bottom:30px;
}

.feature_title {
        font-family: Intro,arial,helvetica;
	font-size:1.3em;
	color:#ffffff;
	margin-top:25px;
	margin-bottom:25px;
}

.feature_text {
	color:#ffffff;
	font-size:1.1em;
	line-height:1.2em;
}

.section3 td {
	width:33%;
	padding:30px;
}
/* styles for responsive view*/

body.fp-responsive.fp-viewing-welcome #menu {
	display:none;
}

body.fp-responsive #menu li {
	display:none;
}

body.fp-responsive #menu #header_logo img{
	margin-top:5px;
        width:150px;
}

body.fp-responsive #menu #menu_signup, body.fp-responsive #menu #header_logo, body.fp-responsive #menu #login {
        display:inline-block;
}

body.fp-responsive .cta_signup {
        margin-bottom:35px;
}

body.fp-responsive h1{
	font-size:2.5em;
}

body.fp-responsive h2{
        font-size:1.65em;
}

body.fp-responsive .section1 h1 {
        margin-top:25px;
	margin-bottom:15px;
}
	body.fp-responsive .section1 #logo_lg {
	    width:300px;
	}
body.fp-responsive .section1 h2 {
	width:95%;
}

body.fp-responsive .section1 h5 {
	margin-bottom:5px;
}

body.fp-responsive .section1 h3 {
	margin-top:20px;
	margin-bottom:10px;
}

body.fp-responsive .section1{
        background-image: url('/imgs/index/n13/bg_1.jpg');
        background-size:cover;
        background-position:center center;
}

body.fp-responsive .section2{
        background-image: url('/imgs/join/party/party8/join_bg.jpg');
/*        background-size:cover;*/
        background-repeat:repeat;
        background-position:bottom center;
}
	body.fp-responsive .section2 h1 {
            margin-top:0px;
	}

	body.fp-responsive .section2 .about_summary {
	    margin:15px 0px 25px 0px;
	}

	body.fp-responsive .section2 .about_img img{
            width:100%;
	    max-width:90px;
	}

	body.fp-responsive .section2 .about_section{
            position:relative;
            margin-bottom:20px;
            width:90%;
            margin-left:auto;
            margin-right:auto;
	}

	body.fp-responsive .section2 .about_icon{
            width:20%;
	}

	body.fp-responsive .section2 .about_text{
            font-size:1.1em;
            padding:0px 0px 0px 15px;
            width:80%;
	}

body.fp-responsive .section3, body.fp-responsive .subset1, body.fp-responsive .subset2, body.fp-responsive .subset3, body.fp-responsive .subset4{
        background-image: url('/imgs/index/n13/bg_3.jpg');
        background-size:cover;
        background-position:bottom center;
}



body.fp-responsive .section4{
        background-image: url('/imgs/index/n13/bg_4.jpg');
        background-size:cover;
        background-position:bottom center;
}
	body.fp-responsive .section4 h4 {
            margin-top:20px;
            margin-bottom:15px;
	    font-size:1.25em;
	}
	body.fp-responsive .section4 .app_display {
            width:40%;
	}

	body.fp-responsive .section4 .app_display img {
            width:100%;
            max-width:220px;
	}
	body.fp-responsive .section4 .app_cta {
            width:60%;
            font-size:1.15em;
            color:#999999;
            font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	body.fp-responsive .section4 .app_cta img {
	    width:100%;
	    max-width:200px;

	}

body.fp-responsive .section5{
        background-image: url('/imgs/index/n13/bg_5.jpg');
        background-size:cover;
        background-position:bottom center;
}

	body.fp-responsive .section5 h1 {
		margin-top:20px;
	}
	body.fp-responsive .section5 .cta_signup {
		max-width:300px;
	}

body.fp-responsive #fullSlide_section3 {
	visibility:hidden !important;
	display:none;
}
body.fp-responsive .subset1 #respSlide_section3, body.fp-responsive .subset2, body.fp-responsive .subset3 {
	visibility:visible;
	display:inline-block;
	text-align:center;
}

body.fp-responsive .subset1 #respSlide_section3 img, body.fp-responsive .subset2 img, body.fp-responsive .subset3 img {
        margin-top:30px;
        margin-bottom:30px;
}

body.fp-responsive .feature_text {
        color:#ffffff;
        font-size:1.1em;
        line-height:1.2em;
	width:95%;
	max-width:600px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 10px 0px;
}


@media screen and (max-width: 375px){

body.fp-responsive #menu #header_logo img{
        margin-top:5px;
        width:120px;
}
#menu {
        height:50px;
}

#menu li {
        margin: 6px 5px 6px 5px;
}

body.fp-responsive #menu #login {
        margin-top:8px;
}

#menu li a.signup_btn {
        background-color:#018fcf;
        padding:6px 15px 6px 15px;
        border-radius:10px;
        color:#ffffff;
        position:relative;
        top:4px;
}
}

@media screen and (max-height: 650px){

body.fp-responsive #menu #header_logo img{
        margin-top:5px;
        width:125px;
}

#menu {
	height:50px;
}

#menu li {
        margin: 6px 5px 6px 5px;
}

body.fp-responsive #menu #login {
	margin-top:8px;
}

#menu li a.signup_btn {
        background-color:#018fcf;
        padding:6px 15px 6px 15px;
        border-radius:10px;
        color:#ffffff;
        position:relative;
        top:4px;
}

body.fp-responsive h1{
        font-size:1.75em;
}

body.fp-responsive h2{
        font-size:1.25em;
}

body.fp-responsive .section1 h1 {
        margin-top:15px;
        margin-bottom:5px;
}
body.fp-responsive .section1 #logo_lg {
	width:250px;
}

body.fp-responsive .section1 h3 {
        margin-top:20px;
        margin-bottom:10px;
	font-size:1.5em;
}

body.fp-responsive .section1 h5 {
        margin-top:5px;
        margin-bottom:5px;
}

.cta_signup {
        background-color:#018fcf;
        border-radius:50px;
        width:100%;
        max-width:400px;
        box-sizing: border-box;
	margin-bottom:25px;
}

.cta_login {
        background-color:#000000;
        border:1px solid #ffffff;
        border-radius:50px;
        width:100%;
        box-sizing: border-box;
}

.cta_padding {
	padding:10px;
}

        body.fp-responsive .section2 h1 {
            margin-top:35px;
        }

	body.fp-responsive .section2 h2 {
            margin-top:0px;
	    font-size:1em;
        }

        body.fp-responsive .section2 .about_summary {
            margin:15px 0px 25px 0px;
        }

        body.fp-responsive .section2 .about_img img{
            width:100%;
            max-width:45px;
        }

        body.fp-responsive .section2 .about_section{
            position:relative;
            margin-bottom:20px;
            width:95%;
            margin-left:auto;
            margin-right:auto;
        }

        body.fp-responsive .section2 .about_icon{
            width:10%;
        }

        body.fp-responsive .section2 .about_text{
            font-size:1.1em;
            padding:0px 0px 0px 15px;
            width:90%;
        }

    .feature_title {
        font-size:1.3em;
        color:#ffffff;
        margin-top:15px;
        margin-bottom:15px;
    }

    body.fp-responsive .subset1 #respSlide_section3 h1, body.fp-responsive .subset2 h1, body.fp-responsive .subset3 h1{
        margin-top:45px;
    }

    body.fp-responsive .subset1 #respSlide_section3 img, body.fp-responsive .subset2 img, body.fp-responsive .subset3 img {
        margin-top:15px;
        margin-bottom:15px;
    }

        body.fp-responsive .section4 h1 {
		margin-top:10px;
		font-size:1.6em;
	}
        body.fp-responsive .section4 h4 {
            margin-top:20px;
            margin-bottom:15px;
            font-size:1.1em;
        }
        body.fp-responsive .section4 .app_display {
            width:40%;
		text-align:right;
        }

        body.fp-responsive .section4 .app_display img {
            width:100%;
            max-width:100px;
        }
        body.fp-responsive .section4 .app_cta {
            width:60%;
            font-size:1em;
            color:#999999;
            font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        }
        body.fp-responsive .section4 .app_cta img {
            width:100%;
            max-width:150px;

        }
}