/*
Theme Name:     Play With The Band 2014
Theme URI:      http://www.playwiththeband.com
Description:    Play With The Band 2014 theme
Author:         Dan Atrill
Author URI:     http://www.djaonline.co.uk
Version:        0.1.6
*/

html {
	background: #2A3742;
	font-size: 62.5%; /* 10px for rem base */
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 1px;
	-webkit-font-smoothing: anti-aliased;
}
body {
	font-family: 'Roboto', sans-serif;
	text-align: center;
}
.sr-only {
	display: none;
}
.clx {
	clear: both;
}
.group:after, .row:after {
	content: "";
	display: table;
	clear: both;
}

header {
	width: 100%;
	background: #000023;
	height: 78px;
	line-height: 78px;
	font-size: 18px;
	font-size: 1.8rem;
	position: fixed;
	z-index: 999;
}
	
header:after {
	content: "";
	display: table;
	clear: both;
}



#column-mid {
	margin: 88px;
}
#column-left {
	margin-top: 200px;
}

.wpcf7-form p {
	color: #a0a8b5;
	display: block
}
#wpcf7-f14-p12-o1 {
	text-align: left
}
#wpcf7-f14-p12-o1 input[type='text'],#wpcf7-f14-p12-o1 input[type='email'] {
	background: #000023;
	padding: 10px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin: 8px 0 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	max-width: 400px
}


#wpcf7-f14-p12-o1 textarea {
	background: #000023;
	padding: 10px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin: 8px 0 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	max-width: 400px
}

.wpcf7-submit {
	cursor: pointer;
	background: #4fd2a9;
	color: #fff;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 10px;
	width: 160px;
	font-weight: normal;
	transition: background-color 0.5s ease
}
.wpcf7-submit:hover {
	background: #fff;
	color: #4fd2a9;
}

div.wpcf7-validation-errors {
	border: none;
	color: #f00;
	font-size: 18px;
	margin: 5px 0 0 0;
	padding: 0;
}

.side-column p {
	text-align: left;
	color: #a0a8b5 !important;
}
.side-column h3 {
	text-align: left;
	color: #a0a8b5 !important
}
.textwidget p {
	color: #a0a8b5 !important
}


@media (max-width:1300px) {
	#column-left {
		float: none !important;
		margin-left: 20px;
		margin-top: 20px
	}
	#column-mid {
		margin-left: 20px
	}

}


/* GJ CHANGES */ 

#videoContainer {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	height: 100vh;
	z-index: 0;
	overflow: hidden;
}

#videoContainer video {
	background-image: url("images/videoFallback4.jpg");
	background-repeat: no-repeat;
	background-color: #2a3742;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
}

.text-box .active p {
	color: #fff !important
}



#videoLogo {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 579px;
	height: 409px;
}
#vidLinks {
	font-size: 24px;
	color: #fff;
	display: none
}
#vidLinks a {
	color: #fff;
	background: #9569d5;
	padding: 20px 10px;
	display: block;
	width: 160px;
	margin: 0 auto;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 20px
}
#vidLinks {
	margin: 30px 0 0 0px;
	text-align: left;
	position: absolute;
	left: 230px;
}
#vidLinks div {
	overflow: hidden
}
#vidLinks span {
	display: block
}
#vidLinks a {
	transition: background-color 0.5s ease;
	text-align: center;
	display: block;
	float: left;
	clear: both
}

#vidLinks a:hover {
	background: #fff;
	color: #9569d5;
	text-decoration: none
}

@media (max-width:749px) {
	#videoLogo {
		width: 290px;
		height: 269px
	}
	#vidLinks {
		left: 110px
	}

}

.socialLinks {
	color: #a1a9b6;
	overflow: hidden;
}
.socialLinks a {
	float: right;
	margin: 10px 0px 10px 10px;
	display: block
}





#tw {
	padding-top: 3px
}

/* END OF GJ CHANGES */ 

#main-menu {
	text-align: left;
	float: left;
	display: block;
}
#main-menu li {
	list-style-type: none;
	float: left;
	display: inline-block;
	color: #A1A9B6;
	width: auto;
	margin-left: 80px;
}
#main-menu li:first-child {
	margin-left: 50px;
}
#main-menu li a, #mobile-menu {
	color: #A1A9B6;
	text-decoration: none;
}
#main-menu li a:hover, #mobile-menu:hover {
	color: #ff7171;
	text-decoration: none;
}
#main-menu li a:active, #mobile-menu:active, #mobile-menu.active {
	color: #4fd2a9;
}
.navbar-toggle.active .icon-bar {
	background-color: #4fd2a9;
}
#mobile-menu, .navbar-toggle {
	display: none;
}
#login {
	float: right;
	color: #A1A9B6;
	text-align: right;
	margin: 0px 50px 0px 0px;
}

#loginMsg {
	display: none;
}
#topbar {
	display: inline-block;
}

#btnLogin {
	background: #8169CE;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 11px 42px;
	vertical-align: middle;
	margin: 0px 0px 0px 8px;
	cursor: pointer;
}

.simplemodal-login-fields input[type="text"] {
	border: 1px solid #333;
}


/* for the live text version */
/*#trial-button {
background-color: #4FD2A9;
color: #fff;
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
padding: 60px 30px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
position: absolute;
top: 125px;
right: 50px;
z-index: 200;
display: none;
}
*/
/* for the image version */

#trial-button {
	position: absolute;
	top: 125px;
	right: 50px;
	z-index: 200;
	display: none;
	position: fixed;
}

#signup-button {
	position: absolute;
	top: 125px;
	right: 50px;
	z-index: 200;
	position: fixed;
}

#trial-button img, #signup-button img {
	max-height: 180px;
	max-width: 180px;
}

#trial-button-sm {
	display: none;
}
.wpml-btn {
	background: #8169CE;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 11px 41px;
	vertical-align: middle;
	margin: 0px 0px 0px 8px;
	cursor: pointer;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
}

footer .wpml-btn {
	display: inline-block;
}
.wpml-btn:hover {
	background-color: #4FD2A9;
	text-decoration: none;
}
hr {
	border: 0;
	width: 98%;
	color: #2A3742;
	background-color: #2A3742;
	height: 2px;
	clear: both;
	margin: 140px 0;
}
#header-wrap {
	clear: both;
	z-index: 1;
	background: #00222e;
	width: 100%;
	margin: 0;
	padding: 0;
}
#comingsoon {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 100;
}
.button, .simplemodal-login {
	background: #4FD2A9;
	border: none;
	margin: 0px;
	padding: 5px;
	border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	behavior: url(border-radius.htc);
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	width: 184px;
	cursor: pointer;
	line-height: 1;
	-webkit-appearance: none!important;
}
#mce-EMAIL {
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	behavior: url(border-radius.htc);
	color: #999;
	font-size: 16px;
	font-size: 1.6rem;
	border: none;
	padding: 6px;
	margin: 0;
	-webkit-appearance: textfield;
	!important;
}
#mce-success-response, #mce-error-response {
	margin: 12px auto;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	width: 40%;
}
#mce-success-response a, #mce-error-response a {
	color: #4FD2A9;
}
#mc_embed_signup div.mce_inline_error {
	background-color: rgb(255,114,114)!important;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 10px 0 0 35%!important;
	padding: 5px 10px!important;
	position: absolute!important;
	z-index: 1;
}
/* LC Update */

#mc-embedded-subscribe-form {
	display: inline-block;
}
#mce-EMAIL {
	float: left;
	height: 18px;
}
#mc-embedded-subscribe {
	float: left;
	height: 30px;
	line-height: 1;
}
/* ---- */
p, h1, h2, h3, h4 {
	line-height: 1.2;
}
h1 {
	font-size: 1.8em; /* ? */
}
h2 {
	font-size: 36px;
	font-size: 3.6rem;
	color: #fff;
	margin: 0 0 60px 0;
	font-weight: 300;
}
h3 {
	font-size: 30px;
	font-size: 3rem;
	color: #fff;
	margin: 0 0 36px 0;
	font-weight: 300;
	/*line-height: 38px;*/
}
h4 {
	font-size: 14px;
	font-size: 1.4rem;
}
p {
	margin: 0px 0px 12px 0px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
}
a {
	text-decoration: none;
	color: #4FD2A9;
}
a:hover {
	text-decoration: underline;
}
#header {
	background-color: #00222E;
	/* background-image: url("images/header_image.jpg");
	background-position: 50% 78px;
	background-repeat: no-repeat;
	background-size: contain; */
	margin: 0 auto;
	padding-top: 78px;
	position: relative;
	width: 100%;
}
#wrap {
	width: 100%;
	margin: 0px;
}

.cycle-slideshow {
	width: 100%;
	position: relative;
	/*height: auto;
	position: absolute;
	z-index: 100;
	max-height: 525px;
	top: 50px;
	left: 0px; */
	/* display: none; */
}

img.cycle-slide {
	width: 100%;
	height: auto;
}

.home_share {
	position: absolute;
	top: 20px;
	right: 0px;
}

#logo {
	width: 100%;
	margin: 0 auto;
	padding: 78px 0px 0px 0px;
	z-index: 100;
	position: absolute;
	top: 0;
}
#logo img {
	width: 56%;
	max-width: 950px;
}
#content {
	width: 100%;
	margin: 0 auto;
}

/* Content pages */
#container {
	max-width: 1230px;
	margin: 0 auto;
	text-align: center;
	padding: 98px 0px 0px 0px;
}

#container:after {
	content: "";
	display: table;
	clear: both;
}

#column-left {
	width: 220px;
	float: left;
}

#column-mid {
	text-align: center;
	width: 60%;
	float: left;
}

.page-education-signup #column-mid {
	text-align: center;
	width: 60%;
	float: none;
	margin: 0 auto;
}

.page-education-signup #column-left {
	margin: 0px;
}

#column-center {
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

#column-right {
	width: 220px;
	float: left;
}

.side-column h3 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.125;
	margin: 0 0 12px;
}

.pullout {
	border-radius: 4px;
	background: #4FD2A9;
	padding: 8px;
}

/* Sections */

#intro {
	padding-top: 110px;
	position: relative;
}
#intro p {
	font-size: 2.6rem;
	/*
	width: 48.7805%;
	max-width: 600px;
	*/
	width: 100%;
	max-width: 600px;
	line-height: 1.2;
	margin: 0 auto 0px auto;
	padding: 0;
}
#intro, #about, #features, #subscribe {
	width: 98%;
	max-width: 1230px;
	margin: 0 auto;
	text-align: center;
	padding: 60px 0;
}
#intro {
	padding: 60px 0;
}
#about {
	padding-bottom: 0;
}
.demo p {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0px 0px 108px 0px;
	line-height: 1.333;
	font-weight: 300;
}
#about .row {
	margin-top: 40px;
}
.down-arrow {
	margin: 0 auto;
	width: 32px;
	height: 23px;
	padding-bottom: 36px;
}
button, .s2member-pro-paypal-submit {
	line-height: 1;
	padding: 0.5em 2em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	border: none;
	margin-bottom: 52px;
	margin-bottom: 5.2rem;
	outline: none;
	font-weight: 300;
}
.demo p {
	color: #858C90;
	cursor: pointer;
	display: block;
}
.demo.active p {
	color: #fff;
}
.demo-btn-wrapper {
	height: 102px;
}
.demo-button {
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	background-color: #00222e;
	margin-bottom: 36px;
}
.active .demo-button {
	-webkit-transition: font-size color 0.2s ease-in-out; //does not accept property like scale, opacity here
	-moz-transition: font-size color 0.2s ease-in-out;
	-o-transition: font-size color 0.2s ease-in-out;
	-ms-transition: font-size color 0.2s ease-in-out;
	transition: font-size color 0.2s ease-in-out;
	transition: 0.5s;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	background-color: #4FD2A9;
	margin-top: 0;
}
.align-bottom {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%;
}

.green-btn, .white-btn, .s2member-pro-paypal-submit {
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	background-color: #4FD2A9;
	margin: 0 auto;
}
#trial-button-sm .green-btn {
	padding: 18px 72px;
}
.white-btn {
	color: #9a87d8;
	background-color: #fff;
}

.purple-btn {
	background-color: #816CCB;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	margin: 48px 0 0;
}

.purple-btn a {
	color: #fff;
}

.purple-btn:hover, .white-btn:hover, .demo-button:hover {
	background-color: #4FD2A9;
	color: #fff;
}
.green-btn:hover {
	background-color: #816CCB;
	color: #fff;
}
.demo_video {
	display: none;
}
.text-box {
	width: 30.89431%; /* 380 */
	padding: 0 1.21951%; /* 15 */
	float: left;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	margin: 0 auto;
}
.full-width {
	width: 100%;
	float: none;
}
#video-box {
	max-width: 600px;
	max-height: 400px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

/*.demo_video {
position: absolute;
top: 0;
left: 0;
}
*/

.half-width {
	width: 50%;
	float: left;
	position: relative;
}

.half-right {
	width: 50%;
	float: right;
	position: relative;
}

.half-width.pull-left {
	right: 50%;
}
.half-width.push-right {
	left: 50%;
}
.half-width .text-box {
	width: 61.78862%;
	padding: 0 1.21951%;
}
.full-width .text-box, .half-width .text-box {
	float: none;
}

/* Downloads */

#menuDownload {
	position: relative;
}
#downloads {
	position: absolute;
	top: 70px;
	left: 0px;
	background: #8169ce;
	padding: 6px 6px 6px 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 250px!important;
	margin: 0px;
	display: none;
}
	
#btnDownload:hover > #downloads, #menuDownload:hover > #downloads {
	display: block;
}

#downloads li {
	line-height: 30px;
	margin: 0px!important
}
#downloads a {
	color: #fff!important;
}
#downloads a:hover {
	text-decoration: underline;
}

/*#features img, */
#features .full-width img {
	margin-top: 48px;
}

#intro-wrap {
	width: 100%;
	background: #2a3742;
}

#features-wrap {
	width: 100%;
	background: #00222e;
}

#features h2 {
	color: #8169CE;
}

#features p {
	color: #4FD2A9;
	font-size: 18px;
	font-size: 1.8rem;
}

#subscribe-wrap {
	width: 100%;
	background: #816CCB;
}
#subscribe h2 {
	color: #fff;
}
#subscribe1 h3 {
	margin: 36px auto;
}
#subscribe2 h3, #subscribe3 h3 {
	margin: 12px auto 36px auto;
}
#subscribe1 p, #subscribe1 h3, #subscribe3 p, #subscribe3 h3 {
	color: #4FD2A9;
}

#subscribe2 p, #subscribe2 h3 {
	color: #fff;
}

#subscribe .text-box {
	width: 51.2299%;
	min-width: 258px;
	padding: 0 6.25929%;
	height: 540px;
	position: relative;
	padding-top: 24px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
}
#subscribe1.text-box, #subscribe3.text-box {
	background-color: #fff;
}

#subscribe2.text-box {
	background-color: #9A87D8;
}

.page-education .align-bottom {
    bottom: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.page-education #subscribe2 h3, .page-education #subscribe3 h3 {
	margin: 12px auto 18px auto;
}


footer {
	width: 100%;
	height: 120px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 14px;
	font-size: 1.4rem;
}
#signup {
	margin: 0px 0px 42px 0px;
}
#fulltext {
	display: block;
}
#mobiletext {
	display: none;
}
textarea, input, input:focus {
	outline: none!important;
	border: none!important
}
/* Footer area */

#credit {
	padding: 30px 80px;
	position: relative;
	text-align: left;
}

#credit:after {
	content: "";
	display: block;
	clear: both;
}

#credit .pwtb-3fire {
	float: left;
}

#credit p {
	margin-top: 12px;
	font-size: 85%;
}

#credit .float-right {
	float: right;
}
#credit .foot_accred {
	margin-top: 0px;
	text-align: right;
	color: #A0A9B3;
	line-height: 2;
}
#credit .foot_accred a {
	color: #A0A9B3;
}

/* S2 Membership */

#ws-plugin--s2member-profile, .ws-plugin--s2member-profile-field {
	font-size: 1.4em;
	font-size: 1.4rem;
}

.ws-plugin--s2member-profile-field, 
#ws-plugin--s2member-profile-password-strength {
	max-width: 50%;
	padding: 5px 3px;
}

#ws-plugin--s2member-profile-password-strength {
	margin: 10px auto;
}

#ws-plugin--s2member-profile-submit {
	max-width: 20%;
	padding: 5px 3px;
}

#ws-plugin--s2member-profile label {
	color: #eee;
	font-size: 1.4em;
	font-size: 1.4rem;
	line-height: 1.7em;
}

/* S2 subscription form */

.s2member-pro-paypal-form-section-title {
	font-family: "Roboto",sans-serif!important;
	font-size: 1.8rem;
	color: #fff;
}

.s2member-pro-paypal-form-div {
	font-family: "Roboto",sans-serif!important;
	color: #fff;
	font-size: 14px;
}

div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input[type="text"], div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input[type="email"], div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input[type="password"], div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div textarea, div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div select {
    box-sizing: border-box;
    font-size: 16px;
    margin: 0 0 12px 0;
    padding: 12px;
    width: 100%;
}

#form input {
	border: 1px solid #333;
}

.faqs strong {
	font-weight: 500;
}

.faqs {
	text-align: left!important;
}

.page-template-page_faq #column-mid {
	margin: 88px 0px;
	width: 70%;
}

/* Landing pages */

#landing-container {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 0px;
	color: #fff;
}

#landing-container:after {
	content: "";
	display: table;
	clear: both;
}

#landing-container strong {
	font-weight: 500;
}

#landing-header {
	text-align: center;
	margin: 20px auto;
}

#landing-header h1 {
	color: #fff;
	font-size: 3.6rem;
	font-weight: 300;
	margin: 0 0 22px;
}

#landing-sub {
	width: 80%;
	text-align: center;
	margin: 0px auto 20px auto;
}

#landing-sub h2 {
	color: #fff;
	font-size: 2.4em;
	font-weight: 300;
	margin: 0 0 30px;
}

#landing-main {
	width: 80%;
	margin: 0 auto;
}

#landing-main:after {
	clear: both;
	content: "";
	display: block;
}

.landing-left {
	width: 35%;
	/*	float: left; */
	text-align: left;
}

.landing-left ul {
	margin: 0px;
	padding: 0px 0px 0px 40px;
	list-style-image: url(images/tick.png);
}

.landing-left li {
	font-size: 1.4em;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 20px;
}

.landing-right {
	width: 65%;
	float: right;
	left: 35%;
}

#landing-cta {
	/* background */
	clear: both;
	margin: 20px auto;
	display: block;
	width: 100%;
}
#landing-cta img, #landing-cta button {
	vertical-align: middle;
}

#landing-cta-top {
}

#landing-footer {
	margin: 20px 0px;
}

#landing-footer:after {
	content: "";
	clear: both;
	display: block;
}

.footer_testimonial {
	width: 30%;
	float: left;
	margin-right: 5%;
}

.footer_testimonial:last-child {
	margin-right: 0px;
}

.btnLanding {
	max-width: 45%;
	margin: 12px 0px;
}

.btnLanding-top {
	max-width: 100%;
	margin: 12px 0px;
}

.mid_logo {
	width: 20%;
	height: auto;
	margin: 0px 0px 12px 0px;
}

/* account pages added by JB */

#third-left {
	width: 30%;
	float: left;
	text-align: left;
	padding-left: 3%;
}
#third-center {
	width: 30%;
	float: left;
	text-align: left;
	padding-left: 3%;
}
#third-right {
	width: 30%;
	float: left;
	text-align: left;
	padding-left: 3%;
}

#account-nav {
	text-align: left;
	float: left;
	display: block;
	border-bottom: 1px solid #1e3440;
	padding-bottom: 20px;
	width: 100%;
	margin-bottom: 40px;
}
#account-nav li {
	list-style-type: none;
	float: left;
	display: inline-block;
	color: #A1A9B6;
	width: auto;
	margin-left: 80px;
	font-size: 18px;
}
#account-nav li a {
	color: #A1A9B6;
	text-decoration: none;
}
#account-nav li a:hover {
	color: #ff7171;
	text-decoration: none;
}
#account-nav li a.active {
	color: #4fd2a9;
}

.field-title {
	color: #4fd2a9;
}
.subscription-type {
	background-color: #8169ce;
	border-radius: 6px;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}
h4 {
	font-size: 2.2rem;
}
.account a {
	color: /* #1265c7 */ #4fd2a9;
}
button.facebook-off {
	background-color: #265b98;
	border-radius: 6px;
	color: #fff;
	padding: 6px;
}
button.facebook-off img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
}
#ws-plugin--s2member-profile-submit {
	max-width: 40%;
}
#ws-plugin--s2member-profile-password-strength {
	margin: 10px 0px;
	max-width: 65%;
}
.ws-plugin--s2member-profile-field {
	max-width: 70%;
}

@media (max-width:568px) {/* landing page iphone sizes */
	#landing-header h1 {
		font-size: 2.2rem;
	}

	#landing-sub h2 {
		color: #fff;
		font-size: 1.8rem;
		font-weight: 300;
		margin: 0 0 30px;
	}

	.mid_logo {
		width: 45%;
		height: auto;
		margin: 0px 0px 12px 0px;
	}

	.landing-left {
		width: 100%;
	}
	.landing-right {
		width: 100%!important;
		float: left!important;
	}
	iframe {
		width: auto!important;
		height: 100%;
	}
	.btnLanding {
		max-width: 100%!important;
	}
	.green-btn {
		height: auto!important;
	}
	#landing-cta button {
		height: auto!important;
		font-size: 1.8rem!important;
	}
	#landing-cta img {
		width: 15%!important;
	}
	#landing-cta button {
		width: 68%!important;
	}
	.footer_testimonial {
		width: 90%!important;
		margin: 20px!important;
	}
	.footer_testimonial:last-child {
		margin-right: 20px!important;
	}

}

@media (min-width:569px) and (max-width:768px) {/* landing page ipad sizes */
	#landing-header h1 {
		font-size: 2.2rem;
	}

	#landing-sub h2 {
		color: #fff;
		font-size: 1.6rem;
		font-weight: 300;
		margin: 0 0 30px;
	}

	.mid_logo {
		width: 35%;
		height: auto;
		margin: 0px 0px 12px 0px;
	}

	#landing-main {
		width: 90%!important;
	}
	.landing-left {
		width: 40%!important;
	}
	.landing-right {
		width: 55%!important;
	}
	iframe {
		width: auto!important;
	}
	#landing-cta img, #landing-cta button {
		width: 33%;
	}
	#landing-cta .green-btn {
		font-size: 2.0rem;
	}
	#landing-footer {
		width: 95%!important;
		margin-left: 20px;
	}
	#landing-cta img {
		width: 15%!important;
	}
	#landing-cta button {
		width: 68%!important;
	}

	#landing-sub {
		width: 95%;
		text-align: center;
		margin: 0px auto 20px auto;
	}

}

@media (max-width:320px) {
	iframe {
		width: 260px!important;
	}
	#landing-cta img {
		display: none!important;
	}
	#landing-cta button {
		width: 100%!important;
	}
	.btnLanding {
		max-width: 100%!important;
	}

}



@media only screen and (max-width: 768px) {
	html {
		/* font-size: 56.25% 9px rem base */
	}

	.home_share {
		display: none;
	}
	#main-menu li:first-child {
		margin-left: 30px;
	}
	#login {
		margin-right: 20px;
	}
	#header-wrap {
		padding: 0;
	}
	#header {
		background-image: none;
	}
	#logo {
		width: 100%;
	}
	#trial-button, #signup-button {
		display: none!important;
	}
	
	#trial-button-sm {
		display: block;
	}
	.down-arrow {
		display: none;
	}
	#intro, #about, #features, #subscribe {
		width: 80%;
		max-width: 600px;
	}
	#about {
		padding: 140px 0 104px;
	}
	#about .row {
		margin-top: 36px;
	}
	.text-box, .half-width .text-box, .full-width .text-box, #header p {
		width: 80%;
		max-width: 380px;
		/*padding: 0 0 36px 0;*/
		margin: 0 auto;
		float: none;
	}
	.half-width {
		width: 100%;
		float: none;
	}
	.half-width.pull-left {
		right: 0;
	}
	.half-width.push-right {
		left: 0;
	}
	hr {
		margin: 140px 0;
	}
	#about .full-width {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	img, #video-box {
		width: 100%;
		height: auto;
	}

   

	.pwtb-3fire img {
		width: auto;
	}
	#video-box {
		overflow: hidden;
	}
	.demo-btn-wrapper {
		height: auto;
	}
	.demo-button {
		/*margin-top: 0;
		margin-bottom: 0;*/
	}
	.active .demo-button {
		margin-bottom: 36px;
		/*transition: none;*/
	}
	.demo p {
		display: none;
		margin-bottom: 36px;
	}
	.demo.active p {
		display: block;
	}
	
	#subscribe .text-box {
		height: auto;
		min-width: 0;
		/*
		min-width: none;
		*/
		width: 75%;
		margin-bottom: 60px;
		padding-bottom: 60px;
	}
	.align-bottom {
		position: static;
		width: auto;
	}
	#credit {
		padding: 25px 40px;
	}
	footer .wpml-btn {
		right: 30px;
		position: static;
	}

	.foot_accred .addthis_toolbox {
		margin: 8px 0px;
	}
	#third-left, #third-center, #third-right {
		width: 80%;
		padding: 0px 40px;
	}

}
@media only screen and (max-width: 767px) {
	#mobile-menu {
		display: block;
		float: left;
		color: #A1A9B6;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 35px;
		padding: 0 8px;
	}
	.navbar-toggle {
		display: block;
		position: relative;
		float: right;
		padding: 8px 12px;
		margin: 0;
		background-color: transparent;
		background-image: none;
		border: none;
		border-radius: 4px;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 30px;
		height: 4px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-color: #fff;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 4px;
	}
	#main-menu, #login {
		display: none;
	}
	#main-menu {
		float: none;
		padding-left: 8px;
		width: 100%;
		background: #1e3440;
	}
	#main-menu ul {
		line-height: 35px;
		padding: 0 0 10px;
	}
	#main-menu li, #main-menu li:first-child {
		float: none;
		width: 100%;
		margin: 0;
	}
	header {
		height: 35px;
	}
	#header, #logo {
		padding-top: 35px;
	}
	#trial-button {
		top: 48px;
	}
	#subscribe .text-box {
		height: auto;
	}
	.align-bottom {
		position: static;
		bottom: auto;
	}

}
@media only screen and (max-width: 440px) {
	h2, h3 {
		margin: 0 0 30px;
	}
	p {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.cycle-slideshow {
		display: none;
	}
	.text-box, .half-width .text-box, .full-width .text-box, #header p {
		width: 100%;
		padding: 0;
	}
	#logo {
		position: static;
		padding-top: 0;
	}
	#logo img {
		width: 100%;
		margin: 0;
		padding: 5px 0 0;
	}
	#intro, #about, #subscribe {
		padding: 30px 0 0;
	}
	#intro-wrap {
		background: none;
	}
	#intro p {
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom: 30px;
	}
	#about {
		width: 100%;
	}
	#about .row {
		margin: 30px 0;
	}
	#features, #subscribe {
		padding: 60px 0;
	}
	#features img, #features .full-width img {
		margin-top: 18px;
	}
	#subscribe .text-box {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 30px;
	}
	#subscribe h3 {
		font-size: 24px;
		font-size: 2.4rem;
		margin: 30px 0;
	}
	hr {
		margin: 60px 0;
	}
	.green-btn, .white-btn {
		width: 232px;
		height: 46px;
	}
	.purple-btn, .demo-button {
		font-size: 18px;
		font-size: 1.8rem;
		width: 224px;
		height: 46px;
		margin-bottom: 30px;
	}
	.purple-btn {
		margin: 18px 0 0;
	}
	.green-btn, .white-btn, .active .demo-button {
		font-size: 20px;
		font-size: 2rem;
		margin-bottom: 30px;
	}
	#trial-button-sm .green-btn {
		padding: 0;
		margin: 0;
	}
	.demo.active p {
		margin-bottom: 30px;
	}
	footer .wpml-btn {
		position: static;
		display: inline-block;
		right: 0;
		margin: 40px 0 25px 0;
		font-size: 18px;
		font-size: 1.8rem;
	}
	#credit {
		padding: 25px;
	}
	#credit .pwtb-3fire {
		float: none;
	}
	#credit .foot_accred {
		float: none;
		margin-top: 0;
		text-align: left;
	}
	#credit .float-right {
		clear: left;
		float: none;
	}

}

/*
#s2member-pro-paypal-registration-form-password-label span {
	display: none;
}*/

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: white;
	font-size: 16px;
	cursor: pointer;
}


#s2member-pro-paypal-registration-form-password-label span {
    display: block;
}

.ninja-forms-form input, .ninja-forms-form label, .ninja-forms-form textarea {
	font-family: "Roboto",sans-serif;
	font-size: 1.8rem;
}

.ninja-forms-form input {
	padding: 8px 4px;
}

.ninja-forms-form label {
	font-weight: normal!important;
	font-size: 1.8rem;
	color: white;
	text-align: left;
}

.ninja-forms-field-error p {
	font-size: 1.4rem!important;
	margin-top: 20px;
	color: red!important;
	text-align: left;
}

.ninja-forms-error-msg, .ninja-forms-required-items {
	font-size: 1.4rem!important;
	color: white;
	text-align: left;
	margin-bottom: 12px;
}

.ninja-forms-form .input-counter {
	display: none;
}

.ninja-forms-form .green-btn {
   border: medium none;
   border-radius: 4px;
   cursor: pointer;
   font-weight: 300;
   line-height: 1;
   margin-bottom: 5.2rem;
   outline: medium none;
   padding: 0.5em 2em;
   text-decoration: none;
}

#nf_submit_5 {
	text-align: left;
}