* { 
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Helvetica", Arial, Sans-Serif;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	background: url(../images/bg.jpg) repeat;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.group:after {
    clear: both;
    content: '';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

a, a:hover {
	text-decoration: none;
	color: #FFF;
	outline: none;
}

h1, h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

.center {
	width: 1162px;
	margin: auto;
	position: relative;
	top: 78px;
}

.headerWrapper {
	width: 100%;
	height: 78px;
	background: #00c2df;
	background: -moz-linear-gradient(top,  #00c2df 0%, #00b2ed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c2df), color-stop(100%,#00b2ed));
	background: -webkit-linear-gradient(top,  #00c2df 0%,#00b2ed 100%);
	background: -o-linear-gradient(top,  #00c2df 0%,#00b2ed 100%);
	background: -ms-linear-gradient(top,  #00c2df 0%,#00b2ed 100%);
	background: linear-gradient(to bottom,  #00c2df 0%,#00b2ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2df', endColorstr='#00b2ed',GradientType=0 );
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.09);
	position:fixed;
	z-index:999;
}

.headerWrapper .center {
	top:0;
}

.logo {
	float: left;
	position: relative;
	min-width: 229px;
	background: url(../images/city_bg1.png) repeat;
	height: 78px;
	-webkit-border-radius: 78px;
	-moz-border-radius: 78px;
	border-radius: 78px;
	margin-left: 60px;
}

.logo a {
	position: absolute;
	left: -52px;
	top: 0;
	z-index: 9;
}

.logoTxt {
	color: rgba(255, 255, 255, 0.80);
	font-size: 24px;
    font-family: 'calibribold_italic';
	line-height: 78px;
	padding-left: 82px;
}

.headerLeft {
	float: left;
	padding-left: 17px;
}

.headerRight {
	float: right;
	/*width: 193px;*/
	padding-top: 16px;
}

.topMenu li {
	float: left;
	margin: 0 38px 0 0;
	border-bottom: 5px solid #00b2ed;
	height: 72px;
}

.topMenu li a {
	font-family: 'aleoregular';
	font-size: 18px;
	color: #FFF;
	line-height: 77px;
	display: block;
}

.topMenu li:hover, .topMenu li.active {
	border-bottom: 5px solid rgba(255, 255, 255, 0.20);
}

.topMenu li {
    transition: all 0.5s ease 0s;
}

.topMenu li.homeMenu  {
	background: url(../images/icons/home_menu.png) no-repeat left center;
	padding-left: 43px;
}

.topMenu li.workshopMenu {
	background: url(../images/icons/workshop_menu.png) no-repeat left center;
	padding-left: 34px;
}

.topMenu li.surveyMenu {
	background: url(../images/icons/survey_menu.png) no-repeat left center;
	padding-left: 34px;
}

.topMenu li.getMenu {
	background: url(../images/icons/get_menu.png) no-repeat left center;
	padding-left: 34px;
}

.headerRight a {
	float: left;
}

.headerRight a.fbLnk {
	margin: 5px 8px 0 0;
}

.headerRight a.twitLnk {
	margin: 5px 28px 0 0;
}

.headerRight .poweredBy {
	float: left;
}

.contentWrapper {
	border-left: 1px solid #c5cbd1;
	border-right: 1px solid #c5cbd1;
	background: #FFF;
}

.bannerWrapper {
	height: 483px;
	position: relative;
}

#banner {
	height: 483px;
	width: 100%;
	overflow: hidden;
	position: absolute;
}

.bannerSubTitle {
	font-family: 'Avenir-Book';
	font-size: 22px;
	color: #FFF;
	padding: 20px 0 10px;
	line-height: 24px;
	text-align: center;
}

.bannerContent {
	text-align: center;
	position: relative;
}

.slider1 .bannerContent {
	text-align: left;
	left: 163px;
	top: 195px;
}

.bannerTopTxt {
	font-family: 'desyrelregular';
	font-size: 26px;
	color: rgba(255, 255, 255, 0.6);
}

.bannerMidTxt {
	font-family: 'Avenir-Heavy';
	font-size: 60px;
	color: #FFF;
	text-transform: uppercase;
	padding: 20px 0 10px;
	line-height: 40px;
}

.bannerBotTxt {
	font-family: 'Avenir-Book';
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
}

.slider2,.slider3,.slider4,.slider5 {
	width:1160px;
}

.slider2 .bannerMidTxt {
	font-size: 48px;
}

.slider4 .bannerMidTxt {
	font-size: 52px;
	line-height: 60px;
}

.slider4 .bannerBotTxt {
	font-size: 18px;
	text-transform: none;
	padding: 0 250px;
}

.slider5 .bannerMidTxt {
	font-size: 56px;
}

.bannerBtn, .bannerBtn:hover, .growFirstBtn, .growFirstBtn:hover {
	background: #5ec032;
	font-family: 'aleoregular';
	font-size: 20px;
	color: #FFF;
	padding: 0 36px;
	line-height: 55px;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 55px;
}

.slider5 .thunderclap_widget {
	height: 55px !important;
    margin: 95px auto 0 !important;
    width: 269px !important;
}

h1.contentTitle {
	font-family: 'aleoregular';
	font-size: 36px;
	color: #000;
	line-height: 36px;
	text-align: center;
	padding-bottom: 36px;
}

h1.contentTitle span {
	font-family: 'aleolight';
}

.expBoxWrapper {
	background: #FFF;
	border-top: 1px solid rgba(211, 216, 222, 0.57);
	border-bottom: 1px solid rgba(211, 216, 222, 0.57);
}

.expBoxLeft {
	float: left;
	width: 333px;
}

.expTopLeft {
	text-align: center;
	padding: 45px 0;
}

.expTopRight {
	text-align: center;
	padding: 0 0 45px;
}

.expTopMid {
	width: 200px;
	text-align: center;
	margin: auto;
	padding-bottom: 50px;
}

.expBoxLeft {
	font-family: 'aleoregular';
	font-size: 18px;
	color: #767c87;
}

.expTopLeft.active {
	color: #00b2ed;
}

.expTopRight.active {
	color: #ffa200;
}

.expTopMid.active {
	color: #6175c9;
}

.expBoxRight {
	float: right;
	width: 826px;
	overflow: hidden;
	position: relative;
}

.expContentBox {
	width: 100%;
	left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	transform: scale(5);
}

.expContentBox.active {
	opacity: 1;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	transition: opacity 2s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
    z-index: 10 !important;
}

h1.expRightTitle {
	font-family: 'Avenir-Light';
	font-size: 36px;
	color: #FFF;
	padding: 90px 0 30px 70px;
	line-height: 42px;
	text-transform: uppercase;
}

h1.expRightTitle span {
	font-family: 'Avenir-Black';
}

.expRightContent {
	font-family: 'Avenir-Light';
	font-size: 28px;
	color: #FFF;
	line-height: 32px;
	padding: 0 0 40px 70px;
}

.expRightBtn {
	background: #00d1f7;
	font-family: 'aleoregular';
	font-size: 20px;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 45px;
	line-height: 55px;
	margin-left: 70px;
	display: inline-block;
}

.expContentIcon {
	position: absolute;
	right: 0;
}

#expWorkshop {
	background: #00b2ed;
}

#expWorkshop .expContentIcon {
	top: 0;
}

#expSelf {
	background: #ffa200;
}

#expSelf .expContentIcon {
	bottom: 0;
	height: 204px;
}

#expSelf .expRightBtn {
	background: #ffc600;
}

#expRandom {
	background: #6175c9;
}

#expRandom .expContentIcon {
	bottom: 0;
	height: 178px;
}

#expRandom .expRightBtn {
	background: #899ceb;
}

#trackWrapper {
	padding-bottom: 56px;
}

.trackBoxLeft {
	float: left;
	width: 507px;
	padding: 0 15px 0 63px;
}

.trackBoxLeft .trackSurvey {
	cursor:pointer;
}

.trackSurTitlePad {
	padding: 10px 0 10px !important;
}

.trackBtnSec1 {
	text-align: center;
	padding-top: 15px;
}

.trackSurvey {
	background: url(../images/track/survey.png) no-repeat;
	width: 507px;
	height: 244px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.trackTopTxt {
	font-family: 'desyrelregular';
	font-size: 26px;
	color: rgba(255, 255, 255, 0.6);
	padding-top: 48px;
}

.trackMidTxt {
	font-family: 'Avenir-Heavy';
	font-size: 52px;
	color: #FFF;
	text-transform: uppercase;
	padding: 20px 0 30px;
	line-height: 40px;
}

.trackBotTxt, .trackBotTxt1 {
	font-family: 'Avenir-Medium';
	font-size: 14px;
	color: #FFF;
}

.trackBotTxt span {
    font-family: 'Avenir-Black';
	font-size: 16px;
}

.trackBoxRight {
	float: left;
	width: 507px;
}

.trackBoxRight .trackSurvey {
	background: url(../images/track/go.png) no-repeat;
}

.track_hover {
	width: 507px;
	height: 244px;
	position: absolute;
	left:0;
	top: -274px;
	opacity: 0;
	top: -1000px;
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.trackSurvey:hover .trackTopTxt, .trackSurvey:hover .trackMidTxt, .trackSurvey:hover .trackBotTxt {
	-webkit-transform: translate(0, 244px);
	-moz-transform: translate(0, 244px);
	-ms-transform: translate(0, 244px);
	transform: translate(0, 244px);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.trackTopTxt, .trackMidTxt, .trackBotTxt {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.trackSurvey:hover .track_hover {
	top:-30px;
	opacity:1;
}

#spreadWrapper {
	background: #f9fafb;
	background: -moz-linear-gradient(top,  #f9fafb 1%, #e1e6eb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9fafb), color-stop(100%,#e1e6eb));
	background: -webkit-linear-gradient(top,  #f9fafb 1%,#e1e6eb 100%);
	background: -o-linear-gradient(top,  #f9fafb 1%,#e1e6eb 100%);
	background: -ms-linear-gradient(top,  #f9fafb 1%,#e1e6eb 100%);
	background: linear-gradient(to bottom,  #f9fafb 1%,#e1e6eb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafb', endColorstr='#e1e6eb',GradientType=0 );
	border-bottom: 1px solid rgba(197, 203, 209, 0.57);
	padding-bottom: 50px;
	margin-bottom: 60px;
	position: relative;
}

.homePage #spreadWrapper {
	margin-bottom: 0;
	background: #FFF;
}

#spreadWrapper h1.contentTitle {
	padding: 59px 0 17px;
}

.spreadTopTxt {
    font-family: 'Avenir-Book';
	font-size: 18px;
	color: #767c87;
	text-align: center;
	padding-bottom: 50px;
}

.spreadTopTxt span {
    font-family: 'Avenir-BlackOblique';
	color: #3f98dc;
}

.footer {
	background: #2f3b48;
	height: 92px;
}

.footerLeft {
	float: left;
	padding: 29px 0 0 42px;
}

.footerLeft a {
	font-family: 'Avenir-Medium';
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	float: left;
	margin-right: 40px;
}

.footerLeft a:hover {
	text-decoration: underline;
}

.copyTxt {
	font-family: 'Avenir-Light';
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	float: left;
	margin-right: 40px;
}

.footerMid {
	float: left;
	padding-top: 30px;
}

.footerRight {
	float: right;
	padding: 26px 34px 0 0;
}

.trackSurTitle {
	font-family: 'aleoregular';
	font-size: 24px;
	color: #ffffff;
	padding: 60px 0 12px 0;
}

.trackBtnSec {
	padding-top: 30px;
	text-align: center;
}

#layerslider-container {
	width: 1160px;
	height:483px;
}

.surveyWrapper {
	background:#fff;
	width:654px;
	height:	420px;
	padding:70px 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-align:center;
	position:relative;
	overflow:hidden;
	margin:auto;
}

.surveyTitle {
	color:#00b2ed;
	font-family: 'aleolight';
	font-size:46px;
	padding-bottom: 60px;
}

.surveyTitle span {
	font-family: 'aleoregular';
}

.surveyQues {
	color:#4d6178;
	font-family: 'Avenir-Medium';
	font-size: 36px;
	font-weight:200;
	line-height:40px;
}

.surveyQuesSubTxt {
	font-family: 'Avenir-LightOblique';
	font-size:20px;
	color: #4d6178;
	padding: 15px 0;
}

.surveyAnswer {
	width:198px;
	height:198px;
	float:left;
	display:block;
	color:rgba(77, 97, 120, 0.5);
	font-family: 'aleoregular';
	font-size:20px;
	line-height:320px;
	margin-left: 10px;
	margin-right: 10px;
}

.surveyAnswer:hover {
	font-family: 'aleobold';
}

.sur_answ1 {
	background:url(../images/survey/1.png) no-repeat center top;
}

.sur_answ2 {
	background:url(../images/survey/2.png) no-repeat center top;
}

.sur_answ3 {
	background:url(../images/survey/3.png) no-repeat center top;
	margin-right: 0;
}

.sur_answ4 {
	background:url(../images/survey/4.png) no-repeat center top;
}

.sur_answ1:hover {
	background:url(../images/survey/1-act.png) no-repeat center top;
	color: #00b2ed;
}

.sur_answ2:hover {
	background:url(../images/survey/2-act.png) no-repeat center top;
	color: #ff8400;
}

.sur_answ3:hover {
	background:url(../images/survey/3-act.png) no-repeat center top;
	color: #ee3d3d;
}

.sur_answ4:hover {
	background:url(../images/survey/4-act.png) no-repeat center top;
}

.survClose {
	font-family: 'aleoregular';
	font-size:24px;
	color:rgba(255,255,255,.4);
	text-decoration:underline;
	text-align:center;
	margin-top:30px;
	position:relative !important;
	right:0 !important;
}

.surveryBlock {
	overflow:hidden;
}

.loadingDiv {
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	display:none;
	z-index:999;
}

.resultWrapper {
	background:#fff;
	width: 800px;
	margin: auto;
}

.resultTitle {
	font-size:36px;
	color:#4d6178;
	font-family: 'aleolight';
	padding: 10px 0 30px 0;
	text-align:center
}

.resultTitle span {
	font-family: 'aleoregular';
}

.resTrait ul li {
	float:left;
	width:150px;
	height:215px;
}

.retraitNo {
	font-family: 'aleoregular';
	font-size:50px;
	color:rgba(0,0,0,0.15);
	padding:20px 15px;
}

.retraitTxt {
	color:#ffffff;
	font-size:15px;
	font-family: 'aleoregular';
	padding:0px 10px 0 15px;
}

.resTrait ul li.one {
	background:#02bd9c;
	border:5px solid #00d4af;
}

.resTrait ul li.two {
	background:#1fcd6d;
	border:5px solid #24df78;
}

.resTrait ul li.three {
	background:#00c0ff;
	border:5px solid #37ceff;
}

.resTrait ul li.four {
	background:#208bda;
	border:5px solid #28a4ff;
}

.resTrait ul li.five {
	background:#3363d0;
	border:5px solid #5381e7;
}

.resTrait ul li.six {
	background:#f1c40f;
	border:5px solid #ffd83c;
}

.resTrait ul li.seven {
	background:#e67e22;
	border:5px solid #ff9232;
}

.resTrait ul li.eight {
	background:#e74c3c;
	border:5px solid #f47b6f;
}

.resTrait ul li.nine {
	background:#e655a7;
	border:5px solid #f666b8;
}

.resTrait ul li.ten {
	background:#845ccc;
	border:5px solid #9872dd;
}

.surveyLogo {
	float:left;
	width:68px;
	padding:36px 26px 36px 50px;
}

.surveyLink {
	float:left;
	padding-top:51px;
}

.surveyLink a {
	color:#4d6178;
	font-size:16px;
	padding-bottom:2px;
	border-bottom:1px solid #4d6178;
	font-family:'Avenir-Roman';
}

.surveyShare {
	float:right;
	padding:30px 0 0 0;
	width:290px;
}

.surveyShare span {
	font-family:'Avenir-Book';
	color:#999999;
	font-size:16px;
	float:left;
	padding-right:30px;
	padding-top:20px;
}

.surveyShare a {
	float:left;
	margin-right:20px;
}

.resultHeader {
	color:#ffffff;
	font-size:46px;
	font-family: 'aleoregular';
	padding-bottom:20px;
	text-align:center;
}

.resultDis {
	width:100px;
	height:100px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border:3px solid #00b2ed;
	color:#00b2ed;
	font-family: 'aleoregular';
	font-size:24px;
	line-height:50px;
	text-align:center;
	margin: 20px auto;
}

.resultDis span {
	border-bottom:3px solid #00b2ed;
	display:block;
}

.bannerWrapperInner {
	height: 87px;
	position: relative;
	text-align: center;
	line-height: 87px;
	width: 100%;
}

.workshopPage .bannerWrapperInner, .surveyPage .bannerWrapperInner {
	background: #ffa200;
}

.bannerWrapperInner h1 {
    font-family: 'Avenir-Light';
	font-size: 36px;
	color: #FFF;
	text-transform: uppercase;
}

.bannerWrapperInner h1 span {
    font-family: 'Avenir-Black';
}

.bannerInnerTitleIcon {
	position: absolute;
	top: -1px;
	right: 47px;
}

.backArrowWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 142px;
	height: 106px;
	background: rgba(255, 255, 255, 0.10);
	text-align: center;
}

.backArrowWrapper a {
	display: block;
	margin-top: 10px;
}

.workshopWrapper {
	position: relative;
	background: #f6f8fa;
	background: -moz-linear-gradient(top,  #f6f8fa 0%, #fdfdfd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8fa), color-stop(100%,#fdfdfd));
	background: -webkit-linear-gradient(top,  #f6f8fa 0%,#fdfdfd 100%);
	background: -o-linear-gradient(top,  #f6f8fa 0%,#fdfdfd 100%);
	background: -ms-linear-gradient(top,  #f6f8fa 0%,#fdfdfd 100%);
	background: linear-gradient(to bottom,  #f6f8fa 0%,#fdfdfd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#fdfdfd',GradientType=0 );
	border-bottom: 1px solid rgba(197, 203, 209, 0.57);
	
}

.homePage .workshopWrapper, .surveyPage .workshopWrapper {
	background: #f4f4f4 !important;
	border-bottom: 1px solid rgba(197, 203, 209, 0.27);
}

h1.workshopTitle {
    font-family: 'aleolightitalic';
	font-size: 28px;
	color: #000;
	text-align: center;
	line-height: 38px;
	padding: 40px 0 60px;
}

h1.workshopTitle span {
    font-family: 'aleobolditalic';
	color: #00b2ed;
}

.homePage h1.workshopTitle, .surveyPage h1.workshopTitle {
	padding: 30px 0;
	font-size: 26px;
}

.homePage h1.workshopTitle span, .surveyPage h1.workshopTitle span {
    font-family: 'aleobolditalic';
	font-size: 26px;
	color: #00b2ed;
}

div.selector, div.selector span {
	background-image: url(../images/select.png);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}

div.selector {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}

div.selector:focus {
	outline: 0;
}

div.selector, div.selector * {
	margin: 0;
	padding: 0;
}

div.selector {
	background-position: 0 -61px;
	line-height: 59px;
	height: 59px;
	padding: 0 0 0 30px;
	position: relative;
	overflow: hidden;
	width: 387px !important;
}

div.selector span {
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	background-position: right 0;
	height: 59px;
	line-height: 59px;
	padding-right: 25px;
	cursor: pointer;
	width: 100%;
	display: block;
    font-family: 'Avenir-Medium';
	font-size: 24px;
	color: #5c5c5c;
	width: 362px !important;
}

div.selector select {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	position: absolute;
	height: 51px;
	top: 4px;
	left: 0px;
	width: 100%;
}

.workshopLeft {
	float: left;
	width: 417px;
	margin: 0 18px 0 102px;
	position: relative;
}

.workshopMid {
	float: left;
	width: 367px;
	margin-right: 21px;
	position: relative;
}

.workshopMid div.selector {
	width: 337px !important;
}

.workshopMid div.selector span {
	width: 312px !important;
}

.workshopTxtBox {
    font-family: 'Avenir-Medium';
	font-size: 24px;
	color: #5c5c5c;
	background: #FFF;
	border: 1px solid #c5cbd1;
	height: 52px;
	line-height: 24px;
	padding: 5px 0 0 30px;
	width: 10%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.workshopTxtBox:disabled {
	background: #DDD;
}

.workshopMid .workshopTxtBox {
	width: 337px;
}

.workshopRight {
	float: left;
	padding-top: 1px;
}

.workshopRight a, .workshopRight a:hover {
    font-family: 'aleoregular';
	font-size: 24px;
	color: #FFF;
	background: #5ec032;
	display: block;
	text-align: center;
	width: 149px;
	height: 57px;
	line-height: 57px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#workshopResults {
	/*padding-top: 100px;*/
	margin-bottom: 68px;
	width: 100%;
}

h1.workshopListTitle {
    font-family: 'aleolight';
	font-size: 32px;
	color: #000;
	line-height: 32px;
	text-align: center;
	padding-bottom: 55px;
}

h1.workshopListTitle span {
    font-family: 'aleoregular';
}

.workshopListHead {
	background: #dce0e4;
	height: 46px;
	width: 100%;
}

.workshopListLeft {
    font-family: 'Avenir-Medium';
	font-size: 30px;
	color: #FFF;
	text-transform: uppercase;
	float: left;
	width: 321px;
	background: #00b2ed;
	text-align: center;
	line-height: 46px;
}

.workshopListRight {
    font-family: 'Avenir-Medium';
	font-size: 30px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 46px;
	margin-left: 321px;
}

.workshopListBg {
	background: #f6f7f9;
	padding: 20px 0;
}

.workshopListBg table {
    margin: auto;
}

.workshopListBg table td {
    height: 119px;
}

.workshopListBg table tr.odd {
	background: #FFF;
}

.workshopListBg table tr.odd td {
	border-top: 1px solid rgba(197, 203, 209, 0.39);
	border-bottom: 1px solid rgba(197, 203, 209, 0.39);
}

.workshopListBg table tr.odd td:first-child {
	border-left: 1px solid rgba(197, 203, 209, 0.39);
}

.workshopListBg table tr.odd td:last-child {
	border-right: 1px solid rgba(197, 203, 209, 0.39);
}

.workshopDate {
    font-family: 'Avenir-Light';
	font-size: 66px;
	color: #2f3b48;
}

.workshopDay {
    font-family: 'Avenir-Roman';
	font-size: 20px;
	color: #2f3b48;
	padding-left: 20px;
}

.workshopTime {
    font-family: 'Avenir-Roman';
	font-size: 24px;
	color: #00b2ed;
	padding: 5px 0 0 20px;
}

.workshopName {
    font-family: 'aleoregular';
	font-size: 22px;
	color: #4c4c4c;
}

.workshopAddress {
    font-family: 'Avenir-Roman';
	font-size: 18px;
	color: #666666;
	padding: 8px 0 0;
}

.detLnk {
	color: #666666;
	text-align: center;
	text-decoration: underline;
}

.detLnk:hover {
	color: #666666;
	text-align: center;
	text-decoration: none;
}

.reserveBtn, .reserveBtn:hover {
    font-family: 'aleoregular';
	font-size: 20px;
	color: #FFf;
	background: #5ec032;
	width: 149px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.workshopEmptyBox {
	width: 769px;
	margin: auto;
	background: #f6f7f9;
	border: 1px solid rgba(197, 203, 209, 0.55);
	padding: 60px 0;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.workshopEmptyBox h1 {
    font-family: 'aleolight';
	font-size: 36px;
	color: #92aab2;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase;
}

.workshopEmptyBox h1 span {
    font-family: 'aleoregular';
}

.workshopEmptyTxt {
    font-family: 'Avenir-Light';
	font-size: 24px;
	color: #92aab2;
	line-height: 29px;
	padding: 14px 0 32px;
}

.notifyBtn, .notifyBtn:hover {
    font-family: 'aleoregular';
	font-size: 20px;
	color: #FFf;
	background: #5ec032;
	width: 209px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.kindnessPage .bannerWrapperInner {
	background: #6175c9;
}

.kindnessPage .bannerInnerTitleIcon {
	right: 0;
}

.kindnessWrapper {
	background: #e4eaf1;
	background: -moz-linear-gradient(top,  #e4eaf1 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4eaf1), color-stop(100%,#fafafa));
	background: -webkit-linear-gradient(top,  #e4eaf1 0%,#fafafa 100%);
	background: -o-linear-gradient(top,  #e4eaf1 0%,#fafafa 100%);
	background: -ms-linear-gradient(top,  #e4eaf1 0%,#fafafa 100%);
	background: linear-gradient(to bottom,  #e4eaf1 0%,#fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4eaf1', endColorstr='#fafafa',GradientType=0 );
}

.kindnessWrapper h1.workshopTitle {
	padding-bottom: 10px;
}

.kindnessWrapper h1.workshopTitle span {
	color: #6175c9;
}

.kindnessWrapper h2.kindnessTitle {
    font-family: 'Avenir-Roman';
	font-size: 20px;
	color: rgba(47, 59, 72, 0.58);
	text-align: center;
}

#kindnessResults {
	width: 893px;
	margin: auto;
}

.kindList {
	float: left;
	margin: 0 14px 17px 0;
	border: 1px solid rgba(0, 0, 0, 0.09);
	height: 275px;
	position: relative;
	width: 275px;
	background: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 273px;
	overflow: hidden;
}

.kindList2 {
	width: 567px;
	background: #4cbd4c;
}

.kindList3 {
	background: #fec500;
}

.kindList5 {
	background: #3b5db6;
}

.kindList7 {
	background: #22b4ff;
	width: 567px;
}

.kindQuotesIcon {
	position: absolute;
	display: none;
	top: 0;
	left: 25px;
}

.kindQuotesIcon1, .kindQuotesIcon2 {
	position: absolute;
	display: none;
}

.kindQuotesIcon1 {
	top: 0;
	right: 12px;
}

.kindQuotesIcon2 {
	top: 50px;
	left: 253px;
}

.kindList1 .kindQuotesIcon, .kindList5 .kindQuotesIcon1, .kindList2 .kindQuotesIcon2, .kindList7 .kindQuotesIcon2 {
	display: block;
}

.kindQuotes {
	font-size: 19px;
	color: #4cbd4c;
	text-align: center;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
	line-height: 22px;
	padding: 0 25px;
}

.kindList2 .kindQuotes, .kindList3 .kindQuotes, .kindList5 .kindQuotes, .kindList7 .kindQuotes {
	color: #FFF;
}

.kindList4 .kindQuotes {
	color: #fec500;
}

.kindList6 .kindQuotes {
	color: #3b5db6;
}

.kindList1 .kindQuotes, .kindList3 .kindQuotes, .kindList4 .kindQuotes, .kindList5 .kindQuotes, .kindList6 .kindQuotes {
	width: 223px;
	height: 273px;
}

.kindList2 .kindQuotes, .kindList7 .kindQuotes {
	width: 515px;
	height: 273px;
}

.helpPage .bannerWrapperInner, .getTouchPage .bannerWrapperInner {
	background: #ffa200;
}

.helpPage .bannerInnerTitleIcon {
	right: -1px;
}

.helpPage h1.workshopTitle span {
    color: #ffa200;
}

.helpPage #spreadWrapper {
	background: #FFF;
	border-bottom: none;
	margin-bottom: 0;
}

.helpTitle {
	color:#2f3b48;
	font-size:30px;
	font-family: 'aleoregular';
	padding:70px 0 40px 0;
	text-align:center;
}

.helpDesc {
	color:#4f4f4f;
	font-size:20px;
	font-family: 'Avenir-Book';
	line-height:24px;
	text-align:center;
	padding-bottom:50px;
}

.helpDesc span {
	font-family: 'Avenir-Black';
}

.helpCloud {
	width:620px;
	height:165px;
	margin:auto;
	border:1px solid #e5e5e5;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:1px;
}

.cardFb {
	float:left;
	margin-left:100px;
}

.cardTwit {
	float:left;
	margin-left:50px;
}

.searchResContainer {
	left: 0;
    position: absolute;
    top: 59px;
    width: 100%;
    z-index: 99;
	background: #FFF;
	margin-bottom:20px;
	border: 1px solid #c5cbd1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.searchAppLoading {
	left: 50%;
    position: absolute;
    top: 22px;
	display: none;
}

.countryList li {
	font-family: 'Avenir-Medium';
	font-size: 24px;
	color: #5c5c5c;
	border-bottom: 1px solid #c5cbd1;
	line-height: 40px;
	padding: 10px;
}

.countryList li a {
	color: #5c5c5c;
	display: block;
}

.countryList li:last-child {
	border-bottom: none;
}

.booksWrapper {
	border-bottom: 1px solid rgba(197, 203, 209, 0.57);
	border-top: 1px solid rgba(197, 203, 209, 0.57);
	position: relative;
}

.booksTopWrapper {
	background: url(../images/book/books_top_bg.jpg) repeat-y;
	border-bottom: 1px solid #c5cbd1;
	height: auto;
	position: relative;
}

.homePage .booksTopWrapper {
	border-bottom: none;
}

.booksTopTitle {
	text-align: center; 
	width: 100%; 
	color: #2f3b48;
    font-family: 'aleoregular';
    font-size: 30px;
	padding: 40px 0 0;
}

.booksTopLeft {
	float: left;
	width: 310px;
	padding-left: 43px;
}

.booksTopBg {
	background: url(../images/book/books_bg1.jpg) no-repeat;
	width: 304px;
	height: 271px;
	text-align: center;
}

.booksTopBg img {
	padding-top: 40px;
}

.booksTopRight {
	float: left;
	padding: 75px 0 0 6px;
}

.booksTopRight h1 {
    font-family: 'aleoitalic' !important;
	font-size: 32px !important;
	color: #414aa2 !important;
	line-height: 39px;
}

.booksTopRight h1 span {
    font-family: 'aleobolditalic' !important;
}

.booksTopRight h2 {
    font-family: 'Avenir-MediumOblique' !important;
	font-size: 26px !important;
	color: #5f5f5f !important;
}

.booksTopBtn { 
	padding-top: 36px;
	text-align: center;
}

.booksTopBtn a, .booksTopBtn a:hover {
	display: inline-block;
	background: #5ec032;
	font-family: 'aleoregular';
	font-size: 20px;
	color: #FFF;
	padding: 0 67px;
	line-height: 55px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.booksLeft, .booksRight {
	float: left;
	width: 50%;
	text-align: center;
}

.booksLeftInner {
	border-right: 1px solid rgba(197, 203, 209, 0.57);
}

.booksWrapper .booksLeft img, .booksWrapper .booksRight img {
	padding: 60px 0 40px;
}

.booksWrapper h1 {
    font-family: 'Avenir-Medium';
	font-size: 30px;
	color: #ffa200;
}

.booksWrapper h2 {
    font-family: 'Avenir-Medium';
	font-size: 18px;
	color: #414141;
	padding: 10px 0 20px;
}

.booksDesc {
    font-family: 'Avenir-Book';
	font-size: 18px;
	color: #4f4f4f;
	line-height: 21px;
	padding: 0 90px 60px;
}

h1.kindQuoteTitle {
    font-family: 'aleolightitalic';
	font-size: 24px;
	color: #000;
	text-align: center;
	line-height: 29px;
	padding: 70px 0 60px;
}

h1.kindQuoteTitle span {
    font-family: 'aleobolditalic';
	color: #2f3b48;
}

.kind_hover {
	width: 100%;
	height: 273px;
	position:absolute;
	background: rgba(47, 59, 72, 0.96);
	left:0;
	top:-304px;
	opacity:0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	top: -1000px;
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	text-align:center;
 }

.kindList:hover .kind_hover {
	top:-30px;
	opacity:1;
}

.kindList .shareBlock {
	text-align: center;
}

.kindList .shareBlock {
	padding-top: 70px;
}

.kindList1 .cardFb, .kindList3 .cardFb, .kindList4 .cardFb, .kindList5 .cardFb, .kindList6 .cardFb {
	margin-left: 40px;
}

.kindList2 .cardFb, .kindList7 .cardFb {
	margin-left: 180px;
}

.kindList .cardTwit {
	margin-left: 30px !important;
}

.shareBlock h1 {
	font-size:20px;
	color:#fff;
	padding-bottom:30px;
}

.shareBlock img {
	display:inline !important;
}

#growWrapper {
	background: #f7f7f7;
	border-bottom: 1px solid rgba(197, 203, 209, 0.57);
	border-top: 1px solid rgba(197, 203, 209, 0.57);
	padding-bottom: 55px;
}

#growWrapper h1.contentTitle {
	padding: 69px 0 30px;
}

.beChamp {
	background: url(../images/grow/champ.png) no-repeat;
	width: 507px;
	height: 354px;
	text-align: center;
	position: relative;
}

.beChamp .trackBotTxt {
    font-family: 'Avenir-Light';
	font-size: 17px;
	padding: 0 40px 30px;
	color: rgba(255, 255, 255, 0.90);
}

.trackBoxRight .beChamp {
	background: url(../images/grow/movement.png) no-repeat;
}

.beChamp .thunderclap_widget {
	text-align: center;
	width: 269px;
	height: 55px;
	margin: auto;
}

.growFirstBtn, .growFirstBtn:hover {
	margin-top: 0;
	margin-bottom: 30px;
}

.regFrm div.selector {
	width: 453px !important;
	margin-bottom: 20px;
}

.regFrm div.selector span {
	width: 428px !important;
	color: #9098A0;
}

.reasonIcon {
	position: absolute;
	top: -61px;
	text-align: center;
	width: 100%;
}

#reasonContainer h1 {
    font-family: 'Avenir-Medium';
	font-size: 42px;
	color: #4d6178;
	text-align: center;
	padding: 140px 0 30px;
}

#reasonContainer h1 span.r1 {
	color: #00b2ed;
}

#reasonContainer h1 span.r2 {
	color: #ff8400;
}

#reasonContainer h1 span.r3 {
	color: #ee3d3d;
}

.scrollbar1 {
	width: 90%; 
	margin: 20px auto 10px;
	position: relative;
}

.scrollbar1 .viewport {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.scrollbar1 .overview {
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
	padding: 0; 
	margin: 0;
	width: 95%;
}

.scrollbar1 .scrollbar {
	position: absolute; 
	background-position: 0 0;
	right: 10px;
	top: 0;
	width: 15px;
}

.scrollbar1 .track {
	height: 100%;
	width: 13px;
	position: relative;
	padding: 0 1px;
	z-index: 9999;
}

.scrollbar1 .thumb {
	background: #e6e9ed;
	height: 20px; 
	width: 5px; 
	cursor: pointer;
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: -5px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.scrollbar1 .thumb .end {
	background: #e6e9ed;
	overflow: hidden; 
	height: 5px; 
	width: 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.scrollbar1 .disable {
	display: none;
}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.reasonList, .reasonList1 {
	width: 90%;
	margin: auto;
}

.reasonList li, .reasonList1 li {
    font-family: 'Avenir-Light';
	font-size: 28px;
	color: #4d6178;
	line-height: 60px;
	padding-left: 130px;
	border-bottom: 1px solid #e6e9ed;
	text-align: left;
}

.reasonList li:last-child, .reasonList1 li:last-child {
	border-bottom: none;
}

.reasonList li a, .reasonList li a:hover, .reasonList1 li a, .reasonList1 li a:hover {
	display: block;
	color: #4d6178;
}

.reasonList li.active, .reasonList1 li.active {
	background: url(../images/survey/tick.png) no-repeat 80px center;
}

.submitBtnWrapper {
	text-align: center;
	padding: 15px 0;
}

.submitDisable {
	background: rgba(0, 178, 237, 0.3);
	font-family: 'aleoregular';
	font-size: 26px;
	color: #FFF;
	padding: 0 80px;
	line-height: 62px;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.submitBtnWrapper a, .submitBtnWrapper a:hover {
	background: #00b2ed;
	font-family: 'aleoregular';
	font-size: 26px;
	color: #FFF;
	padding: 0 80px;
	line-height: 62px;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

h1.chartTitle, h1.chartTitle1 {
    font-family: 'Avenir-LightOblique';
	font-size: 28px;
	color: #4d6178;
	text-align: center;
	padding: 60px 0 35px;
}

h1.chartTitle1 {
	text-decoration: underline;
	display: none;
}

.overallStatsWrapper {
	width: 800px;
	margin: auto;
}

ul.poll-results-list {
	padding-top: 2px;
	padding-bottom: 1px;
	display: none;
}

ul.poll-results-list li {
	position: relative;
}

.respond {
    font-family: 'aleoregular';
	font-size: 24px;
	padding: 10px 0;
}

.happyTitle {
	color: #00b2ed;
}

.mehTitle {
	color: #ff8400;
}

.sadTitle {
	color: #ee3d3d;
}

.percentage {
    font-family: 'Avenir-Light';
	font-size: 16px;
	color: #4d6178;
	display: none;
	padding: 13px 0 30px;
}

.percentage span {
    font-family: 'Avenir-Black';
}

.nul {
	width: 0;
}

.out-bar {
	background: #f0f2f5;
	height: 20px;
	position: relative;
	margin-top: 1px;
	margin-bottom: 2px;
}

.inner-bar, .voted {
	background: #2697d3;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.happyBar {
	background: #00b2ed;
	background: -moz-linear-gradient(left,  #00b2ed 0%, #00e5ed 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b2ed), color-stop(100%,#00e5ed));
	background: -webkit-linear-gradient(left,  #00b2ed 0%,#00e5ed 100%);
	background: -o-linear-gradient(left,  #00b2ed 0%,#00e5ed 100%);
	background: -ms-linear-gradient(left,  #00b2ed 0%,#00e5ed 100%);
	background: linear-gradient(to right,  #00b2ed 0%,#00e5ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2ed', endColorstr='#00e5ed',GradientType=1 );
}

.mehBar {
	background: #ff8400;
	background: -moz-linear-gradient(left,  #ff8400 0%, #ffae00 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff8400), color-stop(100%,#ffae00));
	background: -webkit-linear-gradient(left,  #ff8400 0%,#ffae00 100%);
	background: -o-linear-gradient(left,  #ff8400 0%,#ffae00 100%);
	background: -ms-linear-gradient(left,  #ff8400 0%,#ffae00 100%);
	background: linear-gradient(to right,  #ff8400 0%,#ffae00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8400', endColorstr='#ffae00',GradientType=1 );
}

.sadBar {
	background: #ff2a68;
	background: -moz-linear-gradient(left,  #ff2a68 0%, #ff5e3a 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff2a68), color-stop(100%,#ff5e3a));
	background: -webkit-linear-gradient(left,  #ff2a68 0%,#ff5e3a 100%);
	background: -o-linear-gradient(left,  #ff2a68 0%,#ff5e3a 100%);
	background: -ms-linear-gradient(left,  #ff2a68 0%,#ff5e3a 100%);
	background: linear-gradient(to right,  #ff2a68 0%,#ff5e3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2a68', endColorstr='#ff5e3a',GradientType=1 );
}

.surveyPage #workshopWrapper {
	padding-bottom: 60px;
}

.previewImg {
	text-align: center;
	padding: 10px 0;
}

.previewImg img {
	width: 200px;
	height: auto;
}

#modal-preivew .surveyWrapper {
	padding: 20px 10px;
	width: auto;
	height: auto;
}

#modal-preivew .surveyTitle {
	padding-bottom: 20px;
	font-size: 36px;
}

#modal-preivew .surveyQues {
	font-size: 26px;
	line-height: 30px;
}

.headerRight .thunderclap_link {
	float: left;
	padding: 4px 10px 0 0;
}

.bannerAppBtn, .bannerAppBtn:hover {
	line-height:30px;
	padding:8px 36px;
}

#infoMsgBox {
	font-family: 'aleoregular';
	width: 50%;
	font-size:18px;
	text-align:center;
	line-height:40px;
	position:absolute;
	background:#FFC;
	border:1px solid #CCC;
	color:#999;
	left: 25%;
	top:17%;
	z-index:9999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

.touchWrapper {
	text-align: center;
}

.contactName {
    font-family: 'aleoitalic';
	font-size: 34px;
	color: #00b2ed;
	line-height: 34px;
	padding: 44px 0 11px;
}

.contactLocation, .contactAddress, .contactCountry {
    font-family: 'aleoitalic';
	font-size: 28px;
	color: #4c4c4c;
	line-height: 28px;
}

.contactAddress {
	padding: 15px 0 11px;
}

.contactCountry {
	padding-bottom: 40px;
}

.contactWrapper {
	background: rgba(230, 235, 241, 0.61);
	border-bottom: 1px solid #c5c7cb;
	border-top: 1px solid #e2e2e2;
	padding: 22px 0;
}

.contactLeft, .contactRight {
	float: left;
	width: 50%;
	text-align: left;
}

.contactLeftInner {
	border-right: 2px solid #e6ebf1;
}

.contTitle {
    font-family: 'aleoitalic';
	font-size: 30px;
	color: #2f3b48;
	line-height: 30px;
	padding-bottom: 19px;
	padding-left: 55px;
}

.contPhone {
    font-family: 'Avenir-Heavy';
	font-size: 30px;
	color: #00b2ed;
	line-height: 30px;
	padding-left: 55px;
}

.contPhone a {
	color: #00b2ed;
	text-decoration: none;
}

.contPhone a:hover {
	color: #00b2ed;
	text-decoration: underline;
}

#map-canvas {
	width: 100%;
	height: 500px;
}

.waysPage .bannerWrapperInner {
	background: #ffa200;
}

.waysPage .bannerInnerTitleIcon {
	right: 0;
}

.waysWrapper {
	position: relative;
	background:#fff;
}

#25ways {
	
}

.stepLeft, .stepRight {
	float: left;
	width: 580px;
	height: 600px;
	text-align: center;
	position: relative;	
}

.slides h1 {
    font-family: 'bebas_neueregular';
	font-size: 100px;
	color: rgba(255, 255, 255, 0.83);
	line-height: 100px;
	text-shadow: 0 2px 4px rgba(0, 1, 1, 0.61);
	padding: 420px 0 0;
}

.slides h2 {
    font-family: 'bebas_neueregular';
	font-size: 50px;
	color: rgba(255, 255, 255, 0.83);
	line-height: 50px;
	text-shadow: 0 2px 4px rgba(0, 1, 1, 0.61);
}

.stepCount {
	position: absolute;
	left: 48px;
	top: 25px;
   /* font-family: 'bebas_neueregular';*/
	font-size: 100px;
	color: rgba(255, 255, 255, 0.83);
	line-height: 100px;
	text-shadow: 0 2px 4px rgba(0, 1, 1, 0.61);
	font-family: Helvetica,Arial,Verdana;
	text-transform:uppercase;
}

.stepRight .stepCount {
	left: auto;
	right: 48px;
}

.waysDesc {
    /*font-family: 'Avenir-LightOblique';*/
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana;
	padding: 80px 45px 0;
	font-size: 25px;
	color: #FFF;
	line-height: 30px;
	 font-style: italic;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.reserveBtnWrapper {
    margin: auto;
    padding-bottom: 40px;
    width: 149px;
}

.surveyBtn, .surveyBtn:hover {
    font-family: 'aleoregular';
	font-size: 20px;
	color: #FFf;
	background: #5ec032;
	width: auto;
	height: 55px;
	line-height: 55px;
	text-align: center;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 35px;
}

.introWrapper {
	background: #f4f4f4;
	border-bottom: 1px solid rgba(197, 203, 209, 0.27);
	padding: 21px 0;
}

.introLeft, .introRight {
	float: left;
	width: 50%;
}

.introLeftInner {
	border-right: 2px solid #FFF;
	padding: 0 0 17px 23px;
}

.introLeft h1, .introRight h1 {
    font-family: 'aleolight';
	font-size: 36px;
	color: #2f3b48;
	line-height: 116px;
}

.introLeft h1 span, .introRight h1 span {
    font-family: 'aleoregular';
}

.introLeft h1 {
	background: url(../images/content_logo.png) no-repeat left center;
	padding-left: 120px;
}

.introRight h1 {
	background: url(../images/event_icon.png) no-repeat left center;
	padding-left: 120px;
	margin-left: 25px;
}

.introDesc {
    font-family: 'Avenir-Light';
	font-size: 20px;
	color: #4f4f4f;
	line-height: 24px;
	text-align: center;
	padding: 0 20px 36px;
}

.introDesc span {
    font-family: 'Avenir-MediumOblique';
	color: #00b3ec;
}

.moreLnk, .viewLnk {
    font-family: 'aleobold';
	font-size: 20px;
	color: #00b3ec;
	display: block;
	text-align: center;
	text-decoration: underline;
}

.moreLnk:hover, .viewLnk:hover {
	color: #00b3ec;
	text-decoration: none;
}

.introRight .introDesc {
	padding: 0 20px 18px;
}

.experWrapper {
	background: #FFF;
	border-bottom: 1px solid rgba(197, 203, 209, 0.27);
	padding: 10px 0;
}

.experWrapper h1.experTitle {
    font-family: 'aleolight';
	font-size: 36px;
	color: #000;
	text-align: center;
	line-height: 36px;
	padding: 25px 0 30px;
}

.experWrapper h1.experTitle span {
    font-family: 'aleoregular';
}

.experLeft {
	float: left;
	width: 34%;
}

.experInner {
	border-right: 2px solid #f4f4f4;
}

.experMid, .experRight {
	float: left;
	width: 33%;
}

.experBox h1 {
    font-family: 'Avenir-Heavy';
	font-size: 32px;
	color: #00b3ec;
	text-align: center;
	text-transform: uppercase;
	line-height: 32px;
	padding: 11px 0 36px;
}

.experBox h2 {
    font-family: 'aleobold';
	font-size: 24px;
	color: #141521;
	line-height: 29px;
	padding: 0 30px 30px;
	text-align: center;
}

.experWidget {
	margin: 0 10px 20px;
}

.experDesc {
    font-family: 'Avenir-Light';
	font-size: 20px;
	color: #4f4f4f;
	line-height: 24px;
	padding: 0 0 30px 20px;
	text-align: center;
}

.experDesc span {
    font-family: 'Avenir-Heavy';
}

.experMid h2 {
	padding-bottom: 5px;
}

.experMid .experWidget {
	margin: 0;
	text-align: center;
}

.experBtn { 
	padding-top: 0;
	text-align: center;
}

.experBtn a, .experBtn a:hover {
	display: inline-block;
	background: #5ec032;
	font-family: 'aleoregular';
	font-size: 20px;
	color: #FFF;
	padding: 0 50px;
	line-height: 44px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.trackLeft {
	float:left;
	padding:0 16px 0 40px;
}

.trackmid {
	float:left;
	width:700px;
	padding:26px 0 0 0;
}

.trackmid h1 {
	color:#25363b;
	font-size:24px;
	font-family: 'aleobold';
	padding-bottom:15px;
}

.trackmid p {
	color:#767c87;
	font-size:20px;
	 font-family: 'Avenir-Book';
}

.trackmid p span {
	color:#3f98dc;
	font-family: 'Avenir-MediumOblique';
}

.trackright {
	float:right;
	padding:15px 25px 0 0;
	width:170px;
}

.trackright a {
	padding-bottom:5px;
	display:block;
}

.wellnessWrapper {
	float: left;
	width: 40%;
}

.wellnessFrm h1 {
    font-family: 'aleolight';
	font-size: 26px;
	color: #000;
	text-align: center;
	padding: 10px 0 27px;
}

.wellnessFrm h1 span {
    font-family: 'aleoregular';
}

.wellnessFrm .regFrmTxt {
	width: 90%;
	margin: 0 auto 10px 7px;
	padding: 10px 0 10px 20px;
	font-size: 18px;
}

.wellnessFrm .popupBtnRight {
	margin: 10px auto 20px;
    width: 80%;
}

.introRight ol {
	padding:0 0 20px 40px;
	margin:0;
}

.introRight ol li {
	list-style:decimal;
	line-height:20px;
	color: #4f4f4f;
	font-family: "Avenir-Light";
	padding:0 20px 10px 0 !important;
}

.funImg {
	padding-top: 20px;
}

.funImg img {
	width: 100%;
	height: auto;
}