body,input,textarea { font-family:Arial,Verdana,sans-serif; color:#45453f; font-size:12px;}
body{
	margin:0;padding: 0;
	text-align:center;
}

 a{color:#008ec3;}
a:hover{color:#00bff3}

.clear, i{display:block;clear:both;}

/*
#header{

	background-color:#F9F9F9;
	height: 300px;
	width:100%;
	padding-top:40px;
}
  */
  
  
#header{
	overflow: hidden;
	background-color:#F9F9F9;
	height: 300px;
	width:100%;
	position: relative;
	padding-top:40px;
}

#headerinfo{
	overflow: hidden;
	background-color:#F9F9F9;
	height: 80px;
	width:100%;
	position: relative;
	padding-top:40px;
}

#header #logo{
	
	position: absolute;
	top:25px;
	left:50%;
	width: 260px;
	height: 100px;
	margin-left: -462px;
	margin-top:20px;
	display: block;
	background: url(../../images/b2b_pub/snafflz_logo_flat_dark.png) no-repeat;
	z-index: 1;
}

#headerinfo #logo{
	
	position: absolute;
	top:25px;
	left:50%;
	width: 260px;
	height: 100px;
	margin-left: -462px;
	margin-top:20px;
	display: block;
	background: url(../../images/b2b_pub/snafflz_logo_flat_dark.png) no-repeat;
	z-index: 1;
}

#header #big-picture{
	background: url(../../images/b2b_pub/bigpicture_bright.jpg) repeat 150px -50px;
	height: 200px;
	width:2400px;
	display:block;
	position: relative;
	margin:110px auto;
	margin-left:0px;
	opacity: .15;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#header indexpic{
	position: absolute;
	top: 110px;
	margin-left: 50px;
	left: 50%;
}


#header #menu { right:12%;top:40px;z-index: 1;
	}
	
	
/*Strip the ul of padding and list styling*/
#header #menu ul {
	list-style-type:none;
	margin:0px;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
#header #menu li {
	display:inline-block;
	float: left;
	margin-right:0px;
}

/*Style for menu links*/
#header #menu li a {
	display:block;
	min-width:85px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #111111;
	font-size:14px;
	background: none;
	text-decoration: none;
}

/*Hover state for top level links*/
#header #menu li:hover a {
	background: #999999;
}

/*Style for dropdown links*/
#header #menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 35px;
	line-height: 35px;
}

/*Hover state for dropdown links*/
#header #menu li:hover ul a:hover {
	background: #999999;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
#header #menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
#header #menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#header #menu li ul li a {
	width: auto;
	min-width: 45px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#header #menu ul li a:hover + .hidden,#header #menu .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
#header #menu .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #999999;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
#header #menu input[type=checkbox]{
  display: none;
}

/*Show menu when invisible checkbox is checked*/
#header #menu input[type=checkbox]:checked ~ #menu{
  display: block;
}




#header h1{
	text-align:left;
	position: absolute;
	top: 187px;
	width: 675px;
	margin-left: -462px;
	left: 50%;
	font-size: 44px;
	line-height: 52px;
	color:#434343;
	font-weight: 400;
	text-decoration: none;
}


#header h2{
	text-align:left;
	position: absolute;
	top: auto;
	bottom:10px;
	width: 750px;
	margin-left: -459px;
	left: 50%;
	font-size: 26px;
	color: #00BFF3;
	font-weight: normal;
	text-decoration: none;
}

#header button{
	position: absolute;
	bottom: 30px;
	margin-right: -330px;
	right: 50%;
	font-size: 30px;
	font-weight: normal;
	color: white;
	border-radius: 40px;
	box-shadow: 0 0 24px rgba(0,0,0,1);
	background-color: #ff296e;
	border: none;
	padding: 8px 16px;
	letter-spacing: -0.1em;
	cursor: pointer;
}
#header button:hover{background-color: #00BFF3}


#header button#indexup {
	position: absolute;
	bottom: 27px;
	margin-right: -430px;
	right: 50%;
	font-size: 30px;
	font-weight: normal;
	color: white;
	border-radius: 40px;
	box-shadow: 0 0 24px rgba(0,0,0,1);
	background-color: #ff296e;
	border: none;
	padding: 8px 16px;
	letter-spacing: -0.05em;
	cursor: pointer;
}
#header button#indexup:hover{background-color: #00BFF3}

#social{
	position: relative;
	display:block;
	margin-left: 445px;
}

#social>div, #social>iframe{vertical-align:bottom!important}


#infographics {
	margin: auto;
	width:80%;
	display: block;
	padding-top:-40px;
}

#main {
	min-height: 400px;
	width:100%;
	display: block;
	position: relative;
	font-size: 14px;
	color: #122b32;
	font-weight: normal;
}
#main shadow {
	
	height: 47px;
	background:url(../../images/b2b_pub/main-shadow.png) no-repeat center center;
	position: absolute;
	top:1px;
	left:0;
	right: 0
}


#main #content {
	text-align:left;
	width:960px;
	margin: 0 auto;
	display: block;
	position:relative;
}

#main #content #line{
	display:block;margin:auto;
	width: 700px;
	height:auto;
	border-bottom: 1px dashed grey;
	padding-top: 20px;
	padding-bottom: 40px;
}	

#main #content .lead {
	font-size: 22px;
	font-weight: 300;line-height:normal;
}	

#main #content .lead small{
	font-size:14px;
	font-weight: normal;
}	


#main #content .lead big{
	font-size:28px;
	font-weight: 300;
}	

/* Custom select */
#main #content .selectbox,
#main #content .selectboxsubsc {
	background: url(../../b2b_images/arrow-down.png) no-repeat right 2px center #fff;
	width: 55px;
	height: 25px;
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	border: solid 1px #d2d2d2;
}

#main #content .selectboxsubsc {
	width: 90px;
}

#main #content .selectbox select,
#main #content .selectboxsubsc select {
	border: 0;
	background: transparent;
	line-height: 1;
	width: 75px;
	height: 20px;
	font-weight: bold;
	font-family: inherit;
	padding-top: 3px;
    padding-left: 3px;
    font-size: 14px;
}

#main #content .selectboxsubsc select {
	width: 110px;
}

#main #content .selectbox select option,
#main #content .selectboxsubsc select option {
	font-weight: bold;
}

#main #content table.one{margin-left:auto;margin-right:auto;border-collapse:collapse;margin-top:20px;
}
#main #content tr.one {height:100px;
}

#main #content tr.one td {padding:20px;font-weight:300;width:700px;display:block;margin-left:auto;margin-right:auto;
	text-align:center;}


#main #content tr.one td pink{
	color:#ff296e;line-height:40px;font-size: 44px;
}
#main #content tr.one td orange{
	color:#F89A1F;line-height:40px;font-size: 44px;
}
#main #content tr.one td blue{
	color:#00BFF3;line-height:48px;font-size: 44px;
}
#main #content #sub{
	width:700px;display:block;margin-left:auto;margin-right:auto;margin-top:-20px;
	text-align:center;
	font-size: 22px;font-weight:300;
	color:#555555;
	line-height:29px;
}

#main #content #imageone {display:block;margin-left:auto;margin-right:auto;
margin-top:0px;
height:340px;
background:url(../../images/b2b_pub/snafflz_synced_guestlist-png8.png) no-repeat center;
background-size: auto 300px;
}

#main #content #imageonede {display:block;margin-left:auto;margin-right:auto;
margin-top:0px;
height:340px;
background:url(../../images/b2b_pub/snafflz_synced_guestlist-png8_de.png) no-repeat center;
background-size: auto 300px;
}

#main #content #imageonees {display:block;margin-left:auto;margin-right:auto;
margin-top:0px;
height:340px;
background:url(../../images/b2b_pub/snafflz_synced_guestlist-png8es.png) no-repeat center;
background-size: auto 300px;
}

#main #content #imageonefr {display:block;margin-left:auto;margin-right:auto;
margin-top:0px;
height:340px;
background:url(../../images/b2b_pub/snafflz_synced_guestlist-png8fr.png) no-repeat center;
background-size: auto 300px;
}

#main #content #imageonept {display:block;margin-left:auto;margin-right:auto;
margin-top:0px;
height:340px;
background:url(../../images/b2b_pub/snafflz_synced_guestlist-png8pt.png) no-repeat center;
background-size: auto 300px;
}

#main #content button#signup {
	display:block;margin-left:auto;margin-right:auto;
	margin-top:30px;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
}
#main #content button#signup:hover{background-color: #333333;}



#main #content #titlesub{
	margin-left:auto;margin-top:80px;margin-bottom:80px;color:#00BFF3;font-size: 44px;text-align:center;font-weight:300;
	line-height:48px;
}



#main #content #itunes{
	display:block;margin-left:auto;margin-right:auto;
	position:relative;
	margin-top:-16px;
	height:78px;
	cursor: pointer;
	opacity:1;
	background:url(../../images/b2b_pub/snafflz_on-the_app-storeblank.png) no-repeat center;
	background-size: auto 55px;
}
#main #content #itunes:hover{
	opacity:0.85;
}

#main #content #playstore{
	display:block;margin-left:auto;margin-right:auto;
	position:relative;
	margin-top:-16px;
	height:78px;
	cursor: pointer;
	opacity:1;
	background:url(../../images/b2b_pub/snafflz_on-the_android-storeblank.png) no-repeat center;
	background-size: auto 55px;
}
#main #content #playstore:hover{
	opacity:0.85;
}



#main #content table.two{
	margin-left:auto;margin-right:auto;
	margin-top:0px;
	text-align:center;
	width:850px;
	font-size: 28px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#main #content tr.two{font-size:44px;
}

#main #content tr.two td{font-weight:300;padding:20px;width:100%;line-height:29px;
}

#main #content tr.two td img{display:block;margin-left:auto;margin-right:auto;padding-bottom:20px;padding-top:20px;
}


#main #content tr.two td blue{
	color:#00BFF3;
}
#main #content tr.two td blue small{
	font-size:22px;color:#777777;line-height:29px;
}
#main #content tr.two td blue small li{
	font-size:22px;color:#777777;line-height:29px;padding-top:10px;
}

#main #content tr.two td orange{
	color:#F89A1F;
}
#main #content tr.two td orange small{
	font-size:22px;color:#777777;line-height:29px;
}

#main #content tr.two td orange small li{
	font-size:22px;color:#777777;line-height:29px;padding-top:10px;
}

#main #content button#features {
	display:block;margin-left:auto;margin-right:auto;
	margin-top:20px;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
}
}
#main #content button#features a{
	font-size: 34px;
	color:white;
	font-weight: normal;
	background-color: #111111;
	padding:20px;
	letter-spacing: -0.02em;
	text-decoration:none;
	cursor: pointer;
}
#main #content button#features:hover{background-color: #333333}
#main #content button#features a:hover{background-color: #444444}


/* features table START */

.featurescontainer {
    margin:0 auto;
    width:980px;
}

h4 {
    font-size:25px;
    font-weight:bold;
    color:#3a3a3a;

    margin:0;
    padding-bottom:15px;

}

.features-table-container {
    float:left;
    width:980px;
    margin:20px auto;
	padding-bottom:40px;
}

.featurescolumn h1 {
    width:320px;
    height:95px;
    background:none;

}

.featurescolumn h1 img{
	display:block; 
	margin-left:auto;margin-right:auto;
	width: 100px;
}

.featurescolumn h2 {
    width:320px;
    height:auto;
    background:none;
	padding-top:25px;
   	padding-bottom:50px;
    font-size:28px;
    font-weight:500;
    text-align:center;
}


.featurescolumn h3 {
    width:320px;
    height:31px;
    background:#f9f5f5;

    font-size:13px;
    font-weight:bold;
    color:#929191;
    text-align:center;
    line-height:25px;
}

.featurescolumn a {
    width:320px;
    height:30px;
    background:#3a3a3a;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;

    font-size:13px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:30px;
}

.blank-header {
    width:320px;
    height:121px;
    background:none;
}

.featurescolumn { 
    width:320px; 
    float:left; 
    display:inline-block; 

    
}

.featurescolumn-topup { 
    width:320px; 
    float:left; 
	margin-top:27px;
	margin-left:-18px;
	display:inline-block;
    border-right:1px solid #fff;
}

.featurescolumn ul li {
    width:280px;
    text-align:center;
    padding-left:20px;
    padding-bottom:30px;
    height:auto;
    overflow:hidden;
    font-size:18px;color:#777777;line-height:28px;
    background: none;
    border-top:1px solid #fff;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.featurescolumn ul li.french {
    height:14px;
}
	

.featurescolumn ul li.desc-drop { cursor:pointer; }
.featurescolumn ul li.desc-drop:hover { height:112px; }
.featurescolumn ul li.desc-drop:hover div { color:#9c9797; }

.featurescolumn ul li:nth-child(odd) { background:none; }

.featurescolumn ul li div.desc {
    text-align:left;
    color:#9c9797;

    padding:10px 10px 0 10px;
    line-height:15px;

    display:block;
}


.featurescolumn.blue h2 { color:#4cb7e8; }
.featurescolumn.orange h2 { color:#F89A1F; }

.featurescolumn.blue h2 small{font-size:16px;
}

.featurescolumn.blue li.desc-drop:hover { color:#4cb7e8; }

.featurescolumn.blue a:hover { background:#4cb7e8; }


/* features table END */





#main #content #indexquote {
	display:block;margin-left:auto;margin-right:auto;
	margin-top:80px;
	font-size: 40px;
	font-weight:300;
	line-height:48px;
	color:#00BFF3;text-align:center;
}

#main #content #indexquote small{
	font-size: 14px;
	font-weight:normal;
	color:#999999;
}
#main #content button#findplan {
	display:block;margin-left:auto;margin-right:auto;
	margin-top:20px;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
}
#main #content button#findplan:hover{background-color: #333333}

#main #content #indexvideo video{margin-left:0px;
	
	}
#main #content #indexpicdown img{
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:60px;
}
#main #content #indexquote2 {
	display:block;margin-left:auto;margin-right:auto;
	margin-top:80px;
	font-size: 40px;
	font-weight:300;
	line-height:40px;
	color:#00BFF3;text-align:center;
}


#main #content #indextestimonial {
	display:block;margin-left:40px;margin-right:40px;
	font-size:22px;color:#555555;font-weight:300;text-align:center;
	padding: 0px 20px;
	margin-top:60px;
	font-style:italic;
}

#main #content #indextestimonial h1{
	margin-left:20px;font-size:36px;color:#555555;font-weight:normal;text-align:left;margin-top:80px;width:100%;
	font-style:normal;
}

#main #content #indextestimonial small{
	font-size:16px;color:#555555;font-weight:bold;text-align:left;margin-top:80px;width:100%;
	font-style:normal;
}

#main #content #indextestimonial img{display:block;margin-left:auto;margin-right:auto;

}


#main #content #indexquote3 {
	margin-top:60px;
	display:block;margin-left:auto;margin-right:auto;
	font-size: 44px;
	font-weight:300;
	line-height:48px;
	color:#00BFF3;text-align:center;
}

#main #content #indexlogobanner img{
    display:block;margin-left:auto;margin-right:auto;
	margin-top:50px;
}



#main #content button#casestudies {
	display:block;margin-left:auto;margin-right:auto;
	margin-top:40px;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
}

#main #content button#casestudies:hover{background-color: #333333}


#main #content #video iframe{
	display: block;
    margin-left: auto;
    margin-right: auto;
	}
	#main #content #screenshotfeatureblasen {
	left:30px;margin-top:20px;
	width:100%;
}
#main #content #screenshotfeatureblasen img:hover{
	opacity:0.6;
filter:alpha(opacity=60);color: red;
	cursor:pointer
}

#main #content button#joinnow {
	margin-left:-460px;margin-top:160px;position:absolute;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	box-shadow:none;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
}
#main #content button#joinnow:hover{background-color: #333333}
	

#main #content #whatis{display:block;padding:30px 20px;position:relative;margin-top:20px;}

#main #content #whatis img{
	display:block;margin:auto;
}
#main #content #whatis i{
	display:block;margin:auto;
	width: 240px;
	height: 145px;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -48px -580px;
}
#main #content #whatis h2{
	display:block;margin:auto;
	text-align:center;
	line-height:45px;
	margin-top:20px;
	width:800px;
	font-size: 40px;font-weight:300;
	color:#555555;
}

#main #content #whatis planningtitle{
	display:block;margin:auto;
	text-align:center;
	line-height:48px;
	margin-top:20px;
	width:800px;
	font-size: 44px;font-weight:300;
	color:#F89A1F;
}



#main #content ul#features{
	padding: 10px 20px 20px 20px;
	display: block;
	position:relative;
	text-align:left;
}

#main #content ul#features h3 {
	margin-left:auto;text-align:center;
	color: #00BFF3;
	font-size: 36px;
	line-height: 26px;font-weight:normal;
}

#main #content ul#features p {
	margin:20px 60px 20px 50px;
	font-weight:300;line-height:26px;color: #555555;font-size: 22px;
	}
#main #content ul#features p a {text-decoration:none;}
#main #content ul#features p.bulletproduct {
	margin:0px 40px;padding-left:50px;font-weight:300;line-height:26px;color: #555555;font-size: 20px;
	}
#main #content ul#features img {
	position:relative;display:block;margin:auto;
	}


#main #content #indexquote5 {
	margin-top:100px;
	font-size: 40px;
	font-weight:300;
	line-height:40px;
	color:#00BFF3;
	text-align:center;
}
#main #content #indexquote5 small{
	font-size: 14px;
	font-weight:normal;
	color:#999999;
}
#main #content #indexquote5 button{
	display:block;margin-left:auto;margin-right:auto;
	margin-top:50px;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	box-shadow:none;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
	white-space:nowrap;
}
#main #content #indexquote5 button:hover{background-color: #333333;}



#main #content #appstore {
	left:0px;
	top:0px;
}

#main #content #appstore img{
	position: absolute;
	top: 580px;
	left: 20px;
}

#main #content ul#usp{
	padding: 10px;
	margin-top:-20px;
	display: block;	
	width:440px;
}
#main #content ul#usp li{
	position: relative;
	margin: 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 15px 0;
}
#main #content ul#usp li:hover{
	background-color:rgba(120,120,120,0.2);
	cursor:pointer
}
#main #content ul#usp li span{

	width:70px;
	height:70px;
	background:url(../../images/b2b_pub/icons.png);
	padding:0;
}
#main #content ul#usp #box{background-position:0px 0px}
#main #content ul#usp #tablet{background-position:-70px 0}
#main #content ul#usp #sync{background-position:-140px 0px}
#main #content ul#usp #stats{background-position:-210px 0px}
#main #content ul#usp #upp{background-position:-280px 0px}

#main #content ul#usp li h3{margin:0 0 6px 40px;font-size:28px;color:#006990}
#main #content ul#usp li h2{margin:0 0 6px 10px;font-size:22px;color:#006990;line-height:34px}
#main #content ul#usp li p{margin:0 0 0 80px;font-size:14px;line-height:20px;}

#main #content span.blockquote {display:block;width:400px;position:relative;padding: 40px 20px;margin-left:116px;font-weight:normal;line-height:30px;}
#main #content span.blockquote p{
	font-size: 26px;
	background-color: #00BFF3;
	padding: 10px;
	color: white;
	text-shadow: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.10);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);
	margin-top: 10px;
}


#main #content #plus i{
	position:absolute;
	right: 0;
	top: 34px;
	margin-top:-35px;
	width:70px;
	height:70px;
	background:url(../../images/b2b_pub/icons.png) no-repeat -280px 0px;
}

#main #content span.blockquote small{text-align:right;display:block;margin:4px;line-height:28px;font-size:12px;}
#main #content span.blockquote img{
	position:absolute;
	right: -100px;
	top: 31px;
}

#main #content span.blockquote button{
	margin-left: 492px;margin-top:0px;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	box-shadow:none;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
	white-space:nowrap;
}
#main #content span.blockquote button:hover{background-color: #333333}

#main #content span.blockquote img.fox-v2 {right: -25px;
top: 100px;}



#main #integrated {
	position: relative;left:190px;top:-245px;
}

#main #screenshotmacbook1 {
	position: absolute;left:550px;top:540px;
	
}

#main #screenshotiphone1 {
	position: absolute;left:480px;top:140px;
	display: block;
}

#main #screenshotipad1 {
		position: absolute;left:600px;top:100px;
}

#main #screenshotiphone2 {
	position: absolute;left:810px;top:305px;
	display: block;
}

#main #screenshotipad2 {
	position: absolute;left:520px;top:20px;
}


#main #content #end-hassles {
	margin-left: 10px;
	margin-top: 20px;
	width: auto;
}
#main #content #end-hassles h1{
font-size:22px;color:#006990;margin:0px;padding:10px;
text-shadow:none;
}
#main #content #end-hassles p{
color:white;margin:0px;padding:10px;font-size:22px;line-height:auto;background-color: #414e51;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#main #content #end-hassles a{
	color:#00BFF3;
	text-decoration:none;
	display:block;
	margin-top:10px;
	font-size: 30px;
}
#main #content #end-hassles a:hover{
	color:#FF296E;
	font-size: 30px;
}
#main #content #end-hassles img{
	position: absolute;
	width: 150px;
	top: 282px;
	left: 160px;
}
#main #content #end-hassles .arrow{
width: 0px;
height: 0px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 17px solid #414e51;

position:absolute;
left:50px;
margin-top:-15px;
}

#main .split1{
	clear: both;
	position:absolute;
	top:780px;
	display: block;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -30px -165px;
	width:100%;
	height: 7px;
	margin: 10px auto;
}


#main .split{
	clear: both;
	display: block;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -30px -165px;
	width:100%;
	height: 7px;
	margin: 15px auto;
}




#main #trustedindex {
	display: block;position:relative;
	margin-left:25px;margin-top:280px;
}
	
#main #trustedlabel{position:absolute;left:20px;top:810px;font-size:18px;font-weight:normal}



#main #trusted label{line-height: 90px;margin-left: 20px;}


#main #content #endorsements{
	padding: 0 20px 20px 0px;
	display: block;	
	margin-top: 50px;
}
#main #content #endorsements p{
	padding-top: 24px;
	text-align:right;
}
#main #content #endorsements h1{
	font-size: 	26px;
	background-color: #00BFF3;
	padding: 20px;
	text-align: center;
	color: white;
	text-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.50);
	box-shadow: 0 0 12px rgba(0,0,0,0.50);
	margin-top: 10px;
}
#main #content #endorsements .arrow-up{
width: 0px;
height: 0px;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #00BFF3;
margin: 0 30px;
}

#main #content #endorsements .arrow-down{
width: 0px;
height: 0px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 17px solid #00BFF3;

position:absolute;
right:50%;
margin-right:-380px;
}

#main #content button {
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
	margin: 20px;
}

 #main #content input.submitButton {
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
	margin: 20px;
}

#main button:hover {background-color: #333333;}

#main input.submitButton:hover {background-color: #333333;}

#main #content button:hover {background-color: #333333;}

#main #content input.submitButton:hover {background-color: #333333;}
	
#main #content button#indexdown {
	font-size: 30px;
	font-weight: normal;
	color: #ff296e;
	border-radius: 40px;
	box-shadow: 0 0 14px rgba(0,0,0,0.3);
	background-color: white;
	border: none;
	padding: 12px 20px;
	letter-spacing: -0.06em;
	cursor: pointer;
	margin-left: 400px;
}

#main button#indexdown:hover {background-color: #ff296e;color: white;text-shadow:none}
#main #content button#indexdown:hover {
	background-color: #ff296e;
	color: white;
	font-size: 30px;
}


#main #content #platforms li{
	position:relative;left:525px;width:320px;top:-60px;margin: 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 15px 0;}
	
#main #content #platforms li:hover{
	background-color:rgba(120,120,120,0.2);
	cursor:pointer
}
#main #content #platforms li span{
	position:absolute;
	left:0;
	margin-top:-25px;
	width:70px;
	height:70px;
	background:url(../../images/b2b_pub/icons.png);
	margin:-20px 0;padding:0;
}

#main #content #platforms li .icon{
	width:70px;height:70px;position:absolute;left:-10px;background:url(../../images/b2b_pub/icons.png) no-repeat 0 -65px; }

#main #content #platforms li h3{margin:0 0 6px 65px;font-size:22px;color:#FF296E}
#main #content #platforms li p{margin:0 0 0 20px;font-size:14px;line-height:20px;}
	
#main #content #platforms h1{
	font-size:19px;color:grey;margin-left:20px;margin-top:30px;}
#main #content #platforms ul{
	margin:20px 0px
}


#main #itunes {
	display: block;
	margin: 30px auto;
	width: 320px;
	height: 20px;
}
#main #itunes label {float:left;line-height: 40px;margin-right: 10px}
#main #itunes a.logo {
	float: left;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -25px -298px;
	width:120px;
	height: 42px;

}

#main #itunesde {
	display: block;
	margin: 30px auto;
	width: 320px;
	height: 20px;
}
#main #itunesde label {float:left;line-height: 40px;margin-right: 10px}
#main #itunesde a.logo {
	float: left;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -25px -298px;
	width:120px;
	height: 42px;

}


#footer {text-align:center;position: relative;display: block;margin-left:auto;margin-right:auto;margin-top: 20px;height:95px}

#footer .shadow{
	display: block;
	height: 47px;width:100%;
	position: absolute;
	top:1px;
	left:0;
	right: 0;
	background:url(../../images/b2b_pub/footer-shadow.png) center center;
	pointer-events:none;
	opacity: 0.1;
}
#footer a#grant{
	position: absolute;
	left: 470px;
	width: 122px;
	margin: 0 0 0 -470px;
	bottom: 0;
	top: 12px;
	height:96px;
}
#footer a#grant img{position:absolute;top:50%;margin-top:-47px;opacity: 0.4;
}
#footer #menu{
	display:inline-block;margin-left:auto;margin-right:auto;
bottom: 4px;
padding:0;
}

#footer #menu a{
	display:block;margin-left:auto;margin-right:auto;
	margin: 15px;
	text-decoration: none;
	color:#888888;
	float:left;
	font-size: 16px;font-weight:normal;
}
#footer #menu a:hover{
	color:#555555;

}


#footer #menu a.twitter,#footer #menu a.facebook{float:left;margin:5px;background: url(../../images/b2b_pub/elements-b2b.png);
	width:20px;margin-left:20px;
	height:20px;
}
#footer #menu a.twitter{
	background-position:-532px -17px;
	
}
#footer #menu a.facebook{
	background-position:-502px -17px;
	
}


#footer #copyright{
	display: block;
	position: absolute;
	color:#C1C1C1;
	bottom: -13px;
	left: 345px;
	margin: 0 0 0 -461px;
	font-size: 12px;
	width: 183px;
}
#footer a#fox {
	width: 195px;height: 210px;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -20px -357px;
	position:absolute;
	left: 50%;
	margin-left: 250px;
	bottom:-30px;
	display:block;
}

body#index #footer #copyright{margin: 0 0 0 -273px;}

.col-dual{
	width:50%;
	float:left;
	
}
.col50{
	width:50%;
	margin: 0 auto;
}
#main #content>p {padding: 20px;line-height:20px}





/* PRICING */


body#template #header,body#template #big-picture{
	height:228px;
}


body#template #unlimited {position:absolute;margin-top:10px;margin-left:125px;text-shadow:none;color:rgba(60,60,60,1);font-size: 16px;font-weight:bold;}

body#template #unlimited p {}


body#template #prices {font-weight:normal;}

body#template table,body#template td {margin-top:80px;font-weight:normal;}


body#template button#freetaster {
	margin-left:10px;
	font-size: 28px;
	font-weight: normal;
	color:white;
	border-radius: 8px;
	background-color: #111111;
	border: none;
	padding: 10px 20px;
	letter-spacing: -0.02em;
	cursor: pointer;
}

body#template button#freetaster:hover{background-color: #333333}

.container {
    margin:0 auto;
    width:810px;
}

h4 {
    font-size:25px;
    font-weight:bold;
    color:#3a3a3a;

    margin:0;
    padding-bottom:15px;

    border-bottom:0px solid #e0e0e0;
}

.price-table-container {
    float:left;
    width:810px;
    margin:50px auto 20px;
}

.price-table-additions {
	font-size: 10px;
    line-height: 2;
    width: 800px;
    text-align: right;
    margin: auto;
}

.column h1 {
    width:160px;
    height:60px;
    background:#f1eeee;

    font-size:22px;
    font-weight:600;
    color:#3a3a3a;
    text-align:center;
    line-height:25px;
    padding-top:10px;
}

.column h2 {
    width:160px;
    height:45px;
    background:#f9f5f5;
	
    font-size:22px;
    font-weight:500;
    text-align:center;
    line-height:50px;
}

.column strike {
    width:160px;
    height:45px;
    background:#f9f5f5;
	color: #AEAEAE;
    font-size:22px;
    font-weight:300;
    text-align:center;
    line-height:50px;
}


.column offer {
    
    height:45px;
    background:#f9f5f5;
	
    font-size:22px;
    font-weight:500;
    text-align:center;
	
}

.column smalloffer {
   
    font-size:13px;
	font-weight:600;
	color: #F40;
}


.column h3 {
    width:160px;
    height:51px;
    background:#f9f5f5;

    font-size:13px;
    font-weight:bold;
    color:#212121;
    text-align:center;
    line-height:25px;
}

.column h3.withselect {
	line-height:15px;
}

.column a {
    width:160px;
    height:30px;
    background:#3a3a3a;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;

    font-size:13px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:30px;
}

.blank-header {
    width:160px;
    height:166px;
    background:none;
}

.column { 
    width:160px; 
    float:left; 
    display:inline-block; 
    border-right:1px solid #fff;
}

.column-topup { 
    width:160px; 
    float:left; 
	margin-top:27px;
	margin-left:-18px;
	display:inline-block;
    border-right:1px solid #fff;
}

.column ul li {
    width:160px;
    
    text-align:center;

    padding-top:11px;
    padding-bottom:11px;
    height:8px;
    overflow:hidden;


    color: #333333;
    font-size:12px;
    background:#f9f5f5;
    border-top:1px solid #fff;

    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.column ul li.french {
    height:14px;
}
	

.column ul li green{
   color: green;
}

.column ul li green big{
   font-size:16px;line-height:10px;
}

.column ul li cross{
   font-size:15px;color: #666666;line-height:10px;
}

.column ul li.desc-drop { cursor:pointer; }
.column ul li.desc-drop:hover { height:112px; }
.column ul li.desc-drop:hover div { color:#9c9797; }

.column ul li:nth-child(odd) { background:#f1eeee; }

.column ul li div.desc {
    text-align:left;
    color:#9c9797;

    padding:10px 10px 0 10px;
    line-height:15px;

    display:block;
}



.column.blue h2 { color:#4cb7e8; }
.column.blue h2 small{font-size:16px;
}

.column.blue li.desc-drop:hover { color:#4cb7e8; }

.column.blue a:hover { background:#4cb7e8; }

 
	


body#template tr {
}

body#template td {
	vertical-align: middle;
	text-align: left;
	text-shadow: none;
	font-size: 12px;
	font-weight:normal;margin-top:90px;
}

body#template tr.top {height:20px;}

body#template tr.top td.second {height:80px;position:absolute;
	width:810px;left:80px;margin-top:-100px;padding-bottom:120px;
	font-size: 22px;text-align:left;}
	
body#template tr.top td.second smallfree{font-size: 13px;text-align:left;} 

body#template tr.top td.popular {background-color:rgba(255,225,55,0.7);height:30px;position:absolute;width:171px;left:511px;
	margin-top:-40px;font-size: 16px;font-weight:500;color:rgba(80,80,80,1);text-shadow: #666;text-align: center;line-height:10px;}
	
body#template tr.top td.pro500, body#template tr.top td.pro1500, body#template tr.top td.premium, body#template tr.top td.diamond, 
body#template tr.top td.fifth {background-color:rgba(255,225,55,0.3);height:30px;position:absolute;
	margin-top:-10px;font-size: 16px;font-weight:400;color:rgba(80,80,80,1);text-shadow: #666;text-align: center;line-height:10px;}

body#template tr.top td.pro500 french, body#template tr.top td.pro1500 french, body#template tr.top td.premium french, body#template tr.top td.diamond french, 
body#template tr.top td.fifth french{height:30px;font-size: 12px;}
	
body#template tr.top td.pro500 {width:171px;left:131px;}

body#template tr.top td.pro1500 {width:171px;left:321px;}

body#template tr.top td.premium {width:171px;left:511px;}

body#template tr.top td.fifth {width:171px;left:511px;}	

body#template tr.top td.diamond {width:171px;left:701px;}




body#template tr.head {
}
body#template tr.head td {
	vertical-align:top;padding-right:10px;

}
body#template tr.head td h2{
	font-size: 22px;
	font-weight:500;
	text-align: center;
	padding-bottom:5px;
	color: white;
	text-shadow: none;
	position: relative;
	margin-left:10px;
	
}

body#template tr.head td h4{
	font-size: 40px;
	font-weight:300;
	text-align: center;
	padding-top:15px;padding-bottom:7px;
	color: white;
	text-shadow: none;
	position: relative;
	margin-left:10px;
}
body#template tr.head td .small{
	font-size: 14px;font-weight:500;
}

body#template tr.head td smallfrench{
	font-size: 12px;font-weight:500;
}

body#template tr.head td .big{
	font-size: 36px;font-weight:300;
}

body#template #topup {
display:inline;
}

body#template #topup .first_tubanner .tubutton .payform, body#template #topup .first_tubanner2 .tubutton .payform {
display:inline;
}

body#template #topup .first_tubanner .tubutton .payform .buynowButton, body#template #topup .first_tubanner2 .tubutton .payform .buynowButton {
display:inline;
}

body#template #topup .first_tubanner {background-color:transparent;position:relative;
display:inline;
margin-right:20px;
}
body#template #topup .first_tubanner2 {background-color:transparent;position:relative;
display:inline;
margin-left:20px;
}
body#template #topup .first_tubanner .tubutton, body#template #topup .first_tubanner2 .tubutton {
display:inline;margin-top:0px;text-align:center;}


body#template #topup .first_tubanner small{
font-size: 12px;font-weight:normal;color:rgba(80,80,80,1);}

body#template #topup .first_tubanner .small{
margin-left:163px;margin-top:5px;font-size: 24px;font-weight:500;color:rgba(80,80,80,1);text-align: left;}



		
	
body#template tr.paired td{
	padding: 10px 10px 10px 0px;

	}

body#template tr.paired td h2
	{
	text-align: left;font-weight:400;font-size:13px;line-height:16px;color:rgba(80,80,80,1);
	padding: 5px 0px 5px 5px;
	position: relative;
	height: 360px;border:1px solid;border-color:rgba(130,130,130,0.18);
	}


/* green 'free plan' color code
body#template tr.head td.second h2{background-color: #568d00}
*/



body#template #content #pricelistfeatures h1 {top:0px;margin-top:0px;margin-left:100px;color:rgba(60,60,60,1);
font-size: 16px;line-height: 22px;font-weight:bold;text-shadow:none;}

body#template #content #pricelistfeatures h1 li{margin-top:-43px;margin-left:150px;color:rgba(60,60,60,1);
font-size: 16px;line-height: 68px;font-weight:normal;text-shadow:none;}

body#template #content #pricelistfeatures p {margin-top:0px;margin-left:20px;color:rgba(60,60,60,1);
font-size: 16px;font-weight:normal;}

body#template #content #pricelistfeatures h2.first{border: none;}


body#template .split{
	clear: both;
	display: block;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -30px -165px;
	width:95%;
	height: 7px;
	margin: 10px 20px;
}

body#template #trusted {
	display:block;
	position: relative;
	height: 130px;
	top:0px;
	left:-20px;
}

body#template #trustedlabel-pricing{position:relative;text-align:center;top:105px;left:20px;font-size:14px;font-weight:bold;text-shadow:none;}

body#template #trusted label{
	line-height: 75px;margin-left: 20px; font-size:16px; font-weight:normal;}


body#template #trusted #logos {
	display: block;
	margin-top:-20px;
}


body#template #success  {
	margin-left:20px;margin-top:10px;font-size:22px; font-weight:normal;
}

body#template #backplan  {
	margin-left:20px;margin-top:10px;font-size:22px; font-weight:normal;text-shadow: none;
}


/* FAQ HELP */

/* -------------------------------- 

Primary style

-------------------------------- */
body#faq *, body#faq *::after, body#faq *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body#faq *::after, body#faq *::before {
  content: '';
}


body#faq::after {
  /* overlay layer visible on small devices when the right panel slides in */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(78, 83, 89, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
body#faq .cd-overlay::after {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 320px) {
body#faq ::after {
    display: none;
  }
}

body#faq a {
  color: #008ec3;
}

body#faq a:hover {
  color: #888888;
}

body#faq #header{ height:290px;}


/* -------------------------------- 

Main components 

-------------------------------- */

body#faq .cd-faq {
  width: 90%;
  max-width: 1024px;
  margin: 2em auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
body#faq .cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 320px) {
  body#faq .cd-faq {
    position: relative;
    margin: 4em auto;
    box-shadow: none;
  }
}

body#faq .cd-faq-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  white-space: nowrap;
  border-bottom: 1px solid #777777;
  text-overflow: ellipsis;
  text-decoration: none;
}
body#faq .cd-faq-categories a::before, body#faq .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #333333;
}
body#faq .cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
body#faq .cd-faq-categories li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 320px) {
  body#faq .cd-faq-categories {
    width: 100%;
    float: left;
  }
  
  body#faq .cd-faq-categories a {
    font-size: 36px;
    /*font-size: 0.8125rem;*/
    font-weight: 400;
	background-color: #DDD;
	color: #111111;
	height: 120px;
	line-height: 120px;
    padding-left: 24px;
    padding: 0 24px;
    -webkit-transition: background 0.3s, padding 0.3s;
    -moz-transition: background 0.3s, padding 0.3s;
    transition: background 0.3s, padding 0.3s;
	text-decoration: none;
  }
  body#faq .cd-faq-categories a::before, body#faq .cd-faq-categories a::after {
    display: none;
  }
  body#faq .no-touch .cd-faq-categories a:hover {
    background: #999999;
  }
  body#faq .no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  body#faq .cd-faq-categories {
    position: absolute;
    top: 0;
    width: 220px;
    z-index: 2;
  }
  body#faq .cd-faq-categories a {
    font-size: 16px;
	background-color: #AAA;
	color: white;
    padding-left: 24px;
    padding: 0 24px;
	left: 50px;
	height: 50px;
	line-height: 50px;
  }
  body#faq .cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #00BFF3;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  body#faq .cd-faq-categories .selected {
    background: #444444 !important;
  }
  body#faq .cd-faq-categories .selected::before {
    opacity: 1;
  }
  body#faq .cd-faq-categories.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed;
  }
  body#faq .no-js .cd-faq-categories {
    position: relative;
  }
}

body#faq .cd-faq-items {
  position: fixed;
  height: 100%;
  width: 90%;
  top: 0;
  right: 0;
  background: white;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
body#faq .cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
body#faq .no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 320px) {
  body#faq .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    float: right;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  body#faq .cd-faq-items {
    float: none;
    width: 100%;
    padding-left: 290px;
  }
  body#faq .no-js .cd-faq-items {
    padding-left: 0;
  }
}

body#faq .cd-close-panel {
  position: fixed;
  top: 5px;
  right: -100%;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  transition: right 0.4s;
}
body#faq .cd-close-panel::before, .cd-close-panel::after {
  /* close icon in CSS */
  position: absolute;
  top: 16px;
  left: 12px;
  display: inline-block;
  height: 3px;
  width: 18px;
  background: #6c7d8e;
}
body#faq .cd-close-panel::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
body#faq .cd-close-panel::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body#faq .cd-close-panel.move-left {
  right: 2%;
}
@media only screen and (min-width: 320px) {
  body#faq .cd-close-panel {
    display: none;
  }
}

body#faq .cd-faq-group {
  /* hide group not selected */
  display: none;
}
body#faq .cd-faq-group.selected {
  display: block;
}
body#faq .cd-faq-group .cd-faq-title {
  background: transparent;
  box-shadow: none;
  margin: 1em 0;
}
body#faq .no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}
body#faq .cd-faq-group .cd-faq-title h2 {
  text-transform: uppercase;
  font-size: 16px;
  /*font-size: 0.75rem;*/
  font-weight: 400;
  color: #00BFF3;
  margin-left:-30px;
  padding-top:20px;
  text-decoration: none;
}
body#faq .no-js .cd-faq-group {
  display: block;
}
@media only screen and (min-width: 320px) {
 body#faq  .cd-faq-group {
    /* all groups visible */
    display: block;
  }
  body#faq .cd-faq-group > li {
    background: #ffffff;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
  }
 body#faq  .no-touch .cd-faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
  }
  body#faq .cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
  }
 body#faq  .cd-faq-group:first-child .cd-faq-title {
    margin-top: 70px;
  }
  body#faq .cd-faq-group .cd-faq-title h2 {
  font-size: 36px;font-weight: 600;
}
}

@media only screen and (min-width: 1024px) {
 	body#faq .cd-faq-group .cd-faq-title h2 {
  font-size: 16px;font-weight: 600;text-align:center;margin-left:-10px;
}
}


body#faq .cd-faq-trigger {
  position: relative;
  display: block;
  margin: 1.6em 0 .4em;
  line-height: 2;
}
@media only screen and (min-width: 320px) {
  body#faq .cd-faq-trigger {
    font-size: 32px;
    /*font-size: 1.5rem;*/
    font-weight: 600;
	color: #444444;
    margin: 0;
    padding: 24px 72px 24px 42px;
	text-decoration: none;
  }
 body#faq .cd-faq-trigger::before, body#faq .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: #999999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
 body#faq .cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
  }
 body#faq .cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body#faq .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
 body#faq .content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media only screen and (min-width: 1024px) {
  body#faq .cd-faq-trigger {
    font-size: 16px;
    text-align:left;
  }
}


body#faq .cd-faq-content p {
  font-size: 20px;
  /*font-size: 0.875rem;*/
  line-height: 1.6;
  color: #333333;
  text-align:left;
  padding-left:20px;
  padding-right:50px;
}

@media only screen and (min-width: 320px) {
  body#faq .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
	padding-bottom:60px;
	padding-top:10px;
  }
  body#faq .cd-faq-content p {
	  font-size: 28px;
	  line-height: 1.8;
	  text-align: left;
	  
  }
  body#faq .no-js .cd-faq-content {
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  body#faq .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
  }
  body#faq .cd-faq-content p {
	  font-size: 16px;
	  line-height: 1.6;
	  text-align:left;
  }
  body#faq .no-js .cd-faq-content {
    display: block;
  }
}






    
  












/* ABOUT */



body#about #main .col-dual h1{margin:0px 20px 0px 20px;color: #FF296E;font-size: 36px;font-weight:normal;}

body#about #main #content{padding-top:40px}
body#about #main #content #hi{display:block;padding-bottom:20px;color: #FF296E;font-size: 20px;width:100%;font-weight:normal;}
body#about #main h2{margin:0px 20px 20px 20px;color: #006990;font-size: 18px; font-weight:normal;}
body#about #main .col-dual{margin-bottom:40px;font-weight:normal;}
body#about #main .col-dual h2 small{display:block;margin:6px 0;color: #008EC3;font-size: 14px;font-weight:normal;}
body#about #main #content>h3{padding:5px 20px 0px 20px;color: #eaeaea;font-size: 60px;text-shadow:none;font-weight:normal;margin-bottom:40px}
body#about #main #content p.lead {
position:relative;
font-size: 14px;
line-height: 18px;
padding: 20px;
margin:0 20px;
background-color: #eaeaea;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-weight:normal;
}
body#about #main #content p.lead a{text-decoration:none}
body#about #main #content p span{display:block;float:left;width:350px}
body#about #main #content .divider{display:block;margin:0 20px;color: #006990;font-size: 18pxfont-weight:normal;}
body#about #main #content p.lead img {position:absolute;bottom:-134px;right:-40px;pointer-events: none;}
body#about #main #content p.lead a{font-weight: normal}
body#about #main #content p.lead button{margin:12px 0 0 0}
body#about #main .col-dual>a{margin:20px;}
body#about #main .col-dual p{margin:10px 20px;font-size:16px;line-height: 20px;font-weight:normal;}
body#about #main .col-dual p small{line-height: 16px;font-size:12px;display:block;font-weight:normal;}
body#about #main .col-dual p a{font-weight:normal;text-decoration:none}
body#about #main .col-dual p img{float:left;margin-right: 10px;max-width:80px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
body#about #main #content a.favourite{font-weight:normal}

body#about #main #content #indexquote {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	font-size: 36px;
	font-weight:normal;
	line-height:40px;
	color:#00BFF3;text-align:center;
}

body#about #main .content>h2{padding-top: 60px;line-height: 16px;font-weight:normal;}
body#about #main .content>p{font-weight:normal;line-height: 16px;font-weight:normal;}

body#about #main .col-dual h1	{padding:40px 20px 0px 20px;color: #FF296E;font-size: 36px}
body#about #main .col-dual h1{padding: 20px 0 0 0}


span#promoter {padding-left: 40px; font-size: 36px; text-align:center;font-weight:normal;}


/* SUB */


body#sub #main content>h1,
	
body#sub #main h2,
body#sub #main .col-dual p,
	
	
body#sub #main .col-dual p img,
	

body#sub.faq #content tabletop{
margin: 40px 20px 20px 20px;
color: #006990;
font-size: 14px;}

body#sub.faq #content tabletop a{
margin: 40px 20px 20px 20px;}

body#sub.faq #content h1{
margin: 40px 20px 20px 20px;
color: #FF296E;
font-size: 36px;font-weight:normal;}

body#sub.faq #content i{
color: #FF296E;
font-size: 14px;font-style:italic;
}

body#sub.faq #content .lead{
margin: 40px 20px 20px 20px;
color: #111111;
font-size: 16px; line-height: normal;}


body#sub .question,body#sub .answer{
	padding:4px 20px;
	display:block;
	line-height: 18px;font-weight:bold;
}
body#sub .answer{font-weight: normal}
body#sub #faq{display:block;padding: 20px 0 20px 0}
body#sub #faq .type{width:30px;float: left;}



body#sub #main #content #faq>p{font-weight:normal;line-height: 16px;margin:30px 20px}
body#sub #main #content #tableofcontents {
	font-weight: normal;
	line-height: 16px;
	margin:30px 20px
}

body#sub faq ul{margin:10px 0}
body#sub faq li{margin:5px 25px;padding:0 5px;list-style-type:circle}


/* CONTACT */


body#sub.contact #main h2{padding:60px 0 0 0;margin:0 20px;font-weight:normal;color:#00BFF3;font-size:24px;}

body#sub.contact #content img,body#sub.hiring #content img{float:right;
	margin: 40px 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 4px solid rgba(255,255,255,0.3);
}
body#sub.contact p{line-height:20px;padding:20px}

body#sub.registration label {
display: block;
line-height: 20px;
margin-top: 10px;
}
body#sub.registration #content p small {
font-size: 14px;
}
body#sub.registration #content label small {
display: block;
font-size: 11px;
line-height: 11px;
}

body#registration #header h1{top:185px;}

body#sub.registration #main #content h2 {
margin: 40px 20px 0 20px;font-size:24px;
}

body#sub.registration #content p.lead {
font-size: 26px;
line-height: 34px;
padding: 40px 20px 20px 20px;
}

body#sub.registration #content p input {
width: 100%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.4);
background-color: rgba(255, 255, 255, 0.8);
padding: 4px 8px;
font-size: 20px;
font-weight: normal;
}


/* HIRING & TERMS */

body#sub.hiring {
	
}
body#sub.hiring #content p
{
	font-weight: normal;
	line-height: 24px;
	padding:20px;
}
body#sub.terms #content p,body#sub.terms #content ul
{
	font-weight: normal;
	line-height: 24px;
	padding:8px 20px;
}
body#sub.terms #content ul li{margin:0 20px;list-style-type:circle}

body#sub.hiring #content p a,body#sub.terms #content p a
{font-weight: normal}

body#sub.terms #content p.lead
{font-size: 26px;line-height: 34px;padding: 8px 20px;font-weight: normal;}
body#sub.hiring #content p.lead{font-size: 26px;line-height: 34px;padding: 40px 20px 0px 20px;font-weight: normal;}
body#sub.hiring sign{display:block;width:290px;height:65px;background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -327px -586px;margin:0 20px}

body#sub.terms #content h1{
margin: 40px 20px 20px 20px;
color: #00BFF3;
font-size: 42px;font-weight: normal;
}
body#sub.terms #content h2{
font-size: 26px;
margin:30px 20px 8px 20px;color: #00BFF3;
display: block;
line-height: 60px;font-weight: normal;
}
body#sub.terms #content h3{
font-size: 16px;font-weight:bold;
margin:20px 20px 8px 20px;;
display: block;
}


/* USECASE */



body#sub.usecase #content{padding-top:50px}


body#sub.usecase #content #caselink {
	font-size: 24px;
	margin-left:20px;
padding: 10px 0px;
text-shadow: none;
font-weight: normal;
}

body#sub.usecase #content #caselink .caselink {
	top:-50px;margin-left:20px;
}
		
body#sub.usecase #content #caselink a{
	color:#999999;
	font-size: 24px;
	text-decoration: none;
}
body#sub.usecase #content #caselink a:hover{
	color:#555555;
	font-size: 24px;
}	

body#sub.usecase #content .lead
{position: relative;
left:0;
top:20px;
width:auto;
height:auto;
font-size: 26px;
line-height: auto;
padding: 10px 20px;
margin: 10px auto 10px auto;
color:#00BFF3;
}

body#sub.usecase #content .lead2
{position: relative;
left:0;
top:20px;
width:auto;
height:auto;
font-size: 26px;
line-height: auto;
padding: 10px 20px;
margin: 10px auto 10px auto;
color:#00BFF3;
}

body#sub.usecase #content .lead3
{position: relative;
left:0;
top:20px;
width:auto;
height:auto;
font-size: 26px;
line-height: auto;
padding: 10px 20px;
margin: 10px auto 10px auto;
color:#00BFF3;
}

body#sub.usecase #content .lead4
{position: relative;
left:0;
top:20px;
width:auto;
height:auto;
font-size: 26px;
line-height: auto;
padding: 10px 20px;
margin: 10px auto 10px auto;
color:#00BFF3;
}

body#sub.usecase #content p smalldate {font-size: 18px;
line-height: 36px;}

body#sub.usecase #content p smallvenue {
font-size: 12px;
line-height: 14px;
font-weight: normal;
}

body#sub.usecase #content .description
{position: relative;
left: 10px;
margin-top: 70px;
width: 920px;
height:auto;
font-size: 14px;
line-height: 17px;
padding: 10px 20px;
background-color: #EAEAEA;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
font-weight:normal;
color:black;
}

body#sub.usecase #content .benefit
{position: relative;
margin-left: 20px;
margin-top: 20px;
width:920px;
color:grey;
font-size: 18px;
text-align: center;
line-height: 26px;
vertical-align: top;
padding: 10px 20px;
margin-left:10px;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-weight: normal;
border: 1px solid #00BFF3;
}

		
body#sub.usecase #content .benefit a{
	color:#00BFF3;
	font-size: 18px;
	text-decoration: none;
}
body#sub.usecase #content .benefit a:hover{
	color:#FF296E;
	font-size: 18px;
}	


body#sub.usecase #content p
{position: relative;
margin-top:-32px;
margin-left: 130px;
color:#006990;
}


body#sub.usecase #content button{
font-size:26px;
margin-left:20px;
top:10px;}

body#sub.usecase #content button p.club{
font-size:26px;
margin:400px 0px -10px 470px;}


body#sub.usecase #content .time
{position: relative;
left: 20px;
margin-top:20px;
width: 740px;
height:auto;
font-size: 26px;
text-shadow: none;
line-height: 32px;
display: block;
font-weight: normal;
color:#45565d;
}

body#sub.usecase #content .avoid
{position: relative;
left: 20px;
margin-top:20px;
width: 440px;
height:auto;
font-size: 26px;
line-height: 24px;
display: block;
font-weight: normal;
color:#45565d;
}

body#sub.usecase #content p.benefitpr
{position: absolute;
left: 0;
top:310px;
width: auto;
height:auto;
margin: 30px auto 10px auto;
font-size: 26px;
line-height: 34px;
padding: 10px 20px;
margin: 0px auto 10px auto;
background-color:#45565d; background-color:rgba(15,35,41,0.7);
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
font-weight: normal;
color:white;
}

body#sub.usecase #content p.timepr
{position: absolute;
left: 470px;
top:310px;
width: auto;
height:auto;
margin: 30px auto 10px auto;
font-size: 26px;
line-height: 16px;
padding: 15px 15px 12px 15px;
margin: 0px auto 10px auto;
background-color: #00BFF3;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
font-weight: normal;
color:white;
}

body#sub.usecase #content p.avoidpr
{position: absolute;
left: 470px;
top:365px;
width: auto;
height:auto;
margin: 30px auto 10px auto;
font-size: 26px;
line-height: 24px;
padding: 15px 15px 12px 15px;
margin: 0px auto 10px auto;
background-color: #00BFF3;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
font-weight: normal;
color:white;
}

body#sub.usecase #content p.timeclub
{position: absolute;
left: 490px;
top:290px;
width: auto;
height:auto;
margin: 30px auto 10px auto;
font-size: 26px;
line-height: 16px;
padding: 15px 15px 12px 15px;
margin: 0px auto 10px auto;
background-color: #00BFF3;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
font-weight: normal;
color:white;
}

body#sub.usecase #content p.avoidclub
{position: absolute;
left: 490px;
top:345px;
width: auto;
height:auto;
margin: 30px auto 10px auto;
font-size: 26px;
line-height: 24px;
padding: 15px 15px 12px 15px;
margin: 0px auto 10px auto;
background-color: #00BFF3;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
font-weight: normal;
color:white;
}


body#sub.usecase #content .pict
{position: relative;
margin-top:20px;
margin-left:0px;
}

body#sub.usecase #content p.pictclub
{position: relative;
margin-top:40px;
margin-left:-37px;
}





body#sub.usecase #footer .shadow{
	margin-top:10px;
}

body#sub.usecase #footer #menu{
	margin-top:135px;
}

body#sub.usecase #fox{
	margin-top:130px;
}

body#sub.usecase #copyright{
	margin-top:130px;
}



body#sub.usecase #content p small {font-size: 12px;}



/* REGISTRATION */

/* body#registration #header,body#registration #big-picture{
	height:228px;
}
body#registration {font-weight:normal;
} */

body#registration #main #content h2{margin:40px 20px 0 20px;font-size: 18px}
body#registration #main #content h2reg{margin:0px 20px 20px 20px;color: #00BFF3;font-size: 18px;font-weight:normal;}
		
		
body#registration #content pt p
{
	font-weight: normal;
	line-height: 24px;
}
body#registration #content p a
{font-weight: normal}

body#registration #content p.trouble{position: absolute;bottom:0;}

body#registration #content p.lead
{font-size: 26px;line-height: 34px;padding: 20px 20px 20px 20px;font-weight:normal;}

body#registration #content p.lead small
{font-size: 14px;}

body#registration #content p small
{font-size: 14px;}f

body#registration #content p.lead.success{
	padding-top: 80px;color: #FF296E;
}

body#registration label{
	display:block;
line-height: 20px;
margin-top: 10px;
}



body#registration label .error{color: #FF296E;float:right;font-size:18px;}
body#registration #content label small{display:block;font-size: 11px;line-height: 11px;}
body#registration #content p input{width:100%;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,0.4);
	background-color: rgba(255,255,255,0.8);
	padding: 4px 8px;
	font-size: 20px;
	font-weight: normal;
	color: black;
	
}
body#registration #content p input[type="checkbox"]{
	width: auto;
}
body#registration input[type="text"].error{
	background-color: #FF296E;color: white;
}

body#registration #main .col-dual p{margin:10px 20px;line-height: 16px;font-weight: normal;}

body#registration #main .col-dual p img{float:left;margin-right: 10px;max-width:80px;}

body#registration #main .col-dual .forgotPassword{font-size:16px;font-weight:500;}

	


/* B2C */



body#sub.b2c #header,body#sub.b2c #big-picture{
	height:330px;
}

body#sub.b2c.congrats #header,body#sub.b2c.congrats #big-picture{
	height:432px;
}

body#sub.b2c.congrats #login-box{background-color:rgba(0,0,0,0.3);padding:10px;width:600px;position:absolute;left:50%;top:170px;margin-left:-300px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px
}
body#sub.b2c.congrats #header h1,body#sub.b2c.congrats #header p{top:auto;position:relative;color:white;font-size:24px;line-height:28px;text-align:left;left:auto;margin:0;text-shadow:-1px -1px black;}
body#sub.b2c.congrats #header .fb-login-button{height:40px!important;display:block!important;text-align:right}

body#sub.b2c #header h1{top:180px}
body#sub.b2c #header h2{bottom:40px}

body#sub.b2c #content h2{
	width:600px;
	margin: 40px 20px 0 20px;
}
body#sub.b2c #header input,body#sub.b2c #header h3{position: absolute;}

body#sub.b2c #header h3{
	top: 235px;
	margin-right: -430px;
	right: 50%;
	font-size: 18px;
	width: 200px;
	text-align: center;
	color: white;
}
body#sub.b2c #content{padding-top:20px}
body#sub.b2c.congrats #content{padding-top:50px}
body.b2c #social{
	position: absolute;
	bottom:40px;
	right:50%;
	margin-right:-450px;
	display:block;
	width:230px;
}
body#sub.b2c #content input{
	-moz-box-shadow: 0 0 14px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.4);
background-color: white;
padding: 10px 10px;
font-size: 14px;
font-weight: normal;
width: 276px;
float:left;
margin:8px;
}
body#sub.b2c #content p.lead
{position: relative;
font-size: 14px;
line-height: 22px;
padding: 10px 20px;
margin: 0 0 0 310px;
background-color: #EAEAEA;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width:370px;
font-weight:normal;
color:grey;
}
body#sub.b2c.congrats #content p.lead{margin-top:8px;/*background-color:#00BFF3;color:white;*/font-weight: normal;font-size:20px;margin-left:292px}
body#sub.b2c #content p.lead img{position:absolute;bottom: -25px;
left: -112px;}

body#sub.b2c #signup{
font-size: 26px;
background-color: #414E51;
padding: 0;
color: white;
text-shadow: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 12px rgba(0,0,0,0.10);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);
margin: 50px auto 30px auto;
display: block;
width: 800px;
}

body#sub.b2c #header #logo{

top: 20px;

height: 50px;
background-position: -30px -72px;
}

body#sub.b2c.thankyou #content p{width:400px;margin:20px 0 0 260px;color:#5e777f;font-size:12px;line-height:20px}
body#sub.b2c.thankyou #content p.lead{background-color:#00BFF3;color:white;font-size:30px;margin:20px 0 0 260px}
body#sub.b2c.thankyou #content p img{margin:30px 0 0 120px;}
body#sub.b2c.thankyou #content p.lead small{font-size:14px;display:block;}
body#sub.b2c.thankyou #content p.lead img{left:-216px;top:52px;margin:0}

body#sub.b2c #signup h2{margin:0;color:white;font-size:16px;padding: 10px 20px 0 20px;font-weight:normal}
body#sub.b2c #content p.signup{padding: 5px 20px 10px 20px;}

body#sub.b2c #content p.signup button{background-color:#FF296E;color:white}
body#sub.b2c #content p.signup button:hover{background-color:white;color:#FF296E}

body#sub.b2c #content button{float:left;margin:0 8px;}

body#sub.b2c #b2b-promo{
position: absolute;
top: 21px;
width: 230px;
left: 50%;
margin-left: 223px;text-align: right;
color: white;font-weight: normal;
}
body#sub.b2c #b2b-promo a{
font-size: 12px;
text-decoration: none;
color:#FF296E

}
body#sub.b2c #b2b-promo a:hover{
color:#00BFF3
}
body#sub.b2c #b2b-promo a .arrow {
width: 16px;
height: 16px;
position: absolute;
right: -22px;
top: 0;
background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -382px -20px;
}
body#sub.b2c #b2b-promo a:hover .arrow{
	background-position: -382px -50px;
}


body#sub.b2c #footer a#fox {
width: 195px;
height: 210px;
position: absolute;
right: 50%;
margin-right: 458px;
bottom: -30px;
background:transparent;
}
body#sub.b2c #content p small{font-size: 11px;}

body#sub.b2c button{margin:10px 0 20px 400px}

body#sub.b2c #ticker{

	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-left: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-right: 1px solid rgba(255,255,255,0.2);
	background-color: rgba(255,255,255,0.1);
	padding: 4px 8px;
	font-size: 12px;
	font-weight: normal;
	width: 900px;
	margin: 10px 20px;
	display: block;
	text-align: center;
	line-height: 20px;
}
body#sub.b2c #ticker span{display:inline-block;text-align: center;
	width: 14px;height: 20px;
	background: url(../../images/b2b_pub/elements-b2b.png) no-repeat -435px -75px;
}

body#sub.b2c #promoter{position: absolute;bottom: 10px;left: 10px;left: 50%;margin: 0 0 0 -460px;bottom:-30px}

body#sub.b2c #promoter button {
font-size: 12px;
font-weight: normal;
color: #006990;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
-moz-box-shadow: 0 0 14px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
background-color: white;
border: none;
padding: 4px 8px;
letter-spacing: -0.1em;
cursor: pointer;
margin: 2px;
}

div.template {
	border: 1px solid #B8B6B7;
	background: #B8B6B7;
}

/* Yuhi */
body#registration a#fb {padding-left:20px;}

/* Recaptcha */
.g-recaptcha {
	margin-left: 20px;
}