@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'Futura PT Cond';
	font-display: swap;
    src: url('../fonts/FuturaPTCond-Bold.eot');
    src: url('../fonts/FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPTCond-Bold.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-Bold.woff') format('woff'),
        url('../fonts/FuturaPTCond-Bold.ttf') format('truetype'),
        url('../fonts/FuturaPTCond-Bold.svg#FuturaPTCond-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Gobold Bold';
	font-display: swap;
    src: url('../fonts/gobold-bold.eot');
    src: url('../fonts/gobold-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gobold-bold.woff2') format('woff2'),
        url('../fonts/gobold-bold.woff') format('woff'),
        url('../fonts/gobold-bold.ttf') format('truetype'),
        url('../fonts/gobold-bold.svg#gobold-bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

:root {
  --accent-color: #19c2e1;
  --bg-color: #121212;
  --text-color: #FFFFFF;
  --text-secondary: #AAAAAA;
  --surface-color: #1E1E1E;
}

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-size: 12px;
}

body#bd {
	color: #333333;
	background-color: white;
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

body.fs1 {
	font-size: 10px;
}

body.fs2{
	font-size: 11px;
}

body.fs3{
	font-size: 12px;
}

body.fs4{
	font-size: 13px;
}

body.fs5{
	font-size: 14px;
}

body.fs6{
	font-size: 15px;
}

/* Normal link */
a {
	color: #006699;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: Verdana, "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 92%;
}

/* Heading */
h1 {
	font-size: 180%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
	line-height: 180%;
}

ul li {
	padding-left: 30px;
	background: url(../images/bullet.gif) no-repeat 18px 8px;
	/*line-height: 180%;*/
}

li.bullets_big {
	padding-left: 30px;
	background: url(../images/bullets-big.png) no-repeat 0px 10px;
	/*line-height: 180%;*/
}

ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

td, div {
	font-size: 100%;
}

img {
	border: none;
}
/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}


.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	background: #FFFFCC;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	display: block;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	font-size: 90%;
	text-transform: uppercase;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	padding-left: 25px;
	color: #BF0000;
	background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
	padding-left: 25px;
	color: #006699;
	background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
	list-style: none;
}

ul.small-checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #7BA566;
	font: bold 20px/normal Arial, sans-serif;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #CACACC;
	background: #FFFFFF;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	clear: both;
	display: block;
	height: 20px;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
	float: right;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
	background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 4px!important;
	border-collapse: collapse;
	border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #ECECEC;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif) no-repeat 6px 8px;
}

.category {
	font-weight: bold;
}

h1.componentheading, .componentheading {
	padding: 5px 0 15px;
	margin: 0 0 10px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading {
	font-size: 200%;
	font-weight: bold;
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	padding: 5px 0 8px;
	margin: 0;
	font-weight: normal;
}

table.blog .contentheading {
	font-size: 150%;
}

.contentheading {
	font-size: 200%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	float: left;
	margin-top: 10px;
	padding: 1px 5px 1px 14px;
	border: 1px solid #F6F6F6;
	display: block;
	background: url(../images/arrow.png) no-repeat 5px 48%;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
	border: 1px solid #ECECEC;
	background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar {
	padding-left: 14px;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	padding: 8px 5px;
	background: #444444;
	color: #FFFFFF;
}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
	width: 100%;
	float: left;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	width: 800px;
	margin: 0;
	background: #F2F2F2;
}

#ja-containerwrap {
	background: url(../images/cwf-bg.gif) repeat-x top left #ffffff;
	border-left: 3px solid #19c2e1; 
	border-right: 3px solid #19c2e1;
}

#ja-containerwrap2 {
}

#ja-container {
}

#ja-container2 {
	padding: 20px 0;
}

#ja-mainbody {
	float: left;
	width: 100%;
}

#ja-content {
	/*padding: 0 20px 0 40px;*/
}
#ja-contentwrap {
	min-height: 300px;
	height: auto;
}
* html #ja-contentwrap {
	height: 300px;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	background: #333333;
	color: #CCCCCC;
	line-height: normal;
	height: 80px;
}

#ja-header {
	position: relative;
	height: 80px;
}

.ja-headermask {
	width: 602px;
	display: block;
	background: url(../images/header-mask.png) no-repeat top right;
	height: 80px;
	position: absolute;
	top: 0;
	right: -1px;
}

#ja-header a {
	color: #CCCCCC;
}

h1.logo, h1.logo-text {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 180%;
	text-transform: uppercase;
}

h1.logo a {
	width: 208px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	height: 80px;
	position: relative;
	z-index: 100;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	color: #CCCCCC !important;
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 40px;
	left: 5px;
}

p.site-slogan {
	margin: 0;
	padding: 0;
	padding: 2px 5px;
	color: #FFFFFF;
	background: #444444;
	font-size: 92%;
	position: absolute;
	bottom: 20px;
	left: 0;
}

/* Search */
#ja-search {
	padding-left: 20px;
	background: url(../images/icon-search.gif) no-repeat center left;
	position: absolute;
	bottom: 15px;
	right: 0;
}

#ja-search .inputbox {
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #999999;
	background: #444444;
	font-size: 92%;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */

#ja-pathway {
	font-size: 92%;
}

#ja-pathway strong {
	margin-right: 5px;
	font-weight: normal;
}

#ja-pathway a {
	text-decoration: none;
}

#ja-pathway img {
	margin: 1px 5px;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable,
div.moduletable_menu,
div.moduletable_text {
	padding: 0 0 20px;
	margin-bottom: 15px;
	/*background: url(../images/hdot.gif) repeat-x bottom;*/
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
	padding: 0 0 8px;
	
	font-size: 125%;
	font-weight: bold;
	
}

/* Module rounded */
div.module h3 {
	margin: 0 -15px 10px;
	padding: 8px 15px 5px;
	border-bottom: 2px solid #F6F6F6;
	color: #7BA566;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}

div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
}

div.module div {
	background: url(../images/b-bl.gif) no-repeat bottom left;
}

div.module div div {
	background: url(../images/b-tr.gif) no-repeat top right;
}

div.module div div div {
	padding: 0 15px 10px;
	background: url(../images/b-tl.gif) no-repeat top left;
}

div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div {
	margin: 0;
	padding: 0;
	float: none;
	width: 99%;
	background: none;
}

div.module_text h3 {
	margin: 0 0 10px;
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
}

div.module_text span {
	padding: 0 3px 0 0;
	float: left;
	clear: both;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
}

div.module_text {
	margin-bottom: 20px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
}

div.module_text div {
	background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text div div {
	background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text div div div {
	padding: 0 15px 10px;
	display: block;
	background: url(../images/bt-tl.gif) no-repeat top left;
}

div.banneritem_text {
	padding: 5px 0 !important;
}

/* red */
div.module_black h3,
div.module_green h3,
div.module_blue h3,
div.module_red h3 {
	margin: 0 -15px 10px;
	padding: 8px 15px 5px;
	border-bottom: 1px solid #F6F6F6;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}

div.module_red {
	background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
	color: #FFFFFF;
}

div.module_red div {
	background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red div div {
	background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red div div div {
	padding: 0 15px 10px;
	background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
	background: url(../images/bb-br.gif) no-repeat bottom right #006699;
	color: #FFFFFF;
}

div.module_blue div {
	background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue div div {
	background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue div div div {
	padding: 0 15px 10px;
	background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
	background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
	color: #FFFFFF;
}

div.module_green div {
	background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green div div {
	background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green div div div {
	padding: 0 15px 10px;
	background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
	background: url(../images/bl-br.gif) no-repeat bottom right #333333;
	color: #FFFFFF;
}

div.module_black div {
	background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black div div {
	background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black div div div {
	padding: 0 15px 10px;
	background: url(../images/bl-tl.gif) no-repeat top left;
}

div.module_blue ul,
div.module_blue ol,
div.module_red ul,
div.module_red ol,
div.module_black ul,
div.module_black ol,
div.module_green ul,
div.module_green ol {
	margin: 0;
	padding: 0;
}

div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li {
	margin-left: 20px;
	padding: 0;
	line-height: 150%;
}

div.module_blue a,
div.module_red a,
div.module_black a,
div.module_green a {
	color: #FFFFFF;
}

div.advs {
	float: left;
	width: 100%;
	clear: both;
	display: block;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#ja-col2 {
	float: right;
	width: 20%;
	overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
	margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
	display: none;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
	padding-right: 30px;
	background: none;
}

.ja-box-right div.moduletable {
	padding-left: 30px;
	background: url(../images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
	padding: 0 30px;
	background: url(../images/vdot2.gif) repeat-y left;
}

#ja-botsl h3 {
	background: none;
}

#ja-botslwrap {
	border-top: 5px solid #CCCCCC;
	background: #444444;
	color: #CCCCCC;
}

#ja-botsl {
	padding: 15px 0;
}

#ja-botsl div.moduletable {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#ja-botsl h3 {
	margin: 0 0 12px;
	padding: 0;
	color: #FFFFFF;
}

#ja-botsl a {
	color: #CCCCCC;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #FFFFFF;
}

#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
	padding: 0;
	margin: 0 !important;
}

#ja-botsl ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url(../images/bullet2.gif) no-repeat 3px 8px;
}

#ja-botsl ol li {
	margin-left: 25px;
	padding: 0 !important;
}

#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_separator {
	display: none;
}

#ja-botsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	border-top: 5px solid #CCCCCC;
	padding: 20px 0 30px;
	clear: both;
	background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
}

#ja-footer {
	padding: 0;
	color: #666666;
	background: url(../images/vdot.gif) repeat-y 22% 0;
	position: relative;
}

#ja-footer .copyright {
	clear: both;
	display: block;
	padding-left: 25%;
	color: #666666;
	font-style: normal;
	font-size: 92%;
}

#ja-footnav {
	padding-left: 25%;
}

#ja-footer ul {
	margin: 0 0 5px;
	padding: 0;
}

#ja-footer li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#ja-footer li a {
	padding: 0 15px 0 0;
	display: inline;
	color: #666666;
	font-weight: bold;
	font-size: 92%;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
}

#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
	color: #333333;
	text-decoration: none;
}

.ja-cert {
	font-size: 92%;
	position: absolute;
	right: 0;
	top: 18px;
}

.ja-cert a {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	border: none;
	text-decoration: none;
}

.ja-cert a span {
	display: none;
}

.ja-cert a img {
	border: none;
}

.banneritem {
	display: block;
	margin-top: 15px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/*usertool*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 8px;
	right: 70px;
}

ul.ja-usertools-font li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

/*collapsible h3*/
h3.show {
	background: url(../images/arrow2.png) no-repeat 90% 60%;
	cursor: pointer;
}

h3.hide {
	background: url(../images/arrow3.png) no-repeat 90% 60%;
	cursor: pointer;
}

/*others*/
#ja-banner {
	margin: 15px 0;
	text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#form-login p {
	margin: 0 0 5px;
}

#form-login ul {
	margin: 10px 0 0;
}

#form-login .inputbox {
	width: 70px;
}

.clr {
	clear: both;
}

.hasTip img {
	margin: 10px 5px 0 0;
	border: none;
}

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

/* footer */
div#divCopyright { color: grey; font-size: 11px; border-left: 3px solid #19c2e1; border-right: 3px solid #19c2e1; }

/* facebook like button */
div.spearheadfacebooklike  iframe {height:20px; width: 400px;}


div.rslogin {
	    float: left;
 	   width: 300px;
}

div.rssubscribe {
	float: right;
	width: 400px;
}

div.rssubscribe input {
	width: 200px;
}

div.rspayment {
	float: left;
	width: 100%;
}

div.form-actions {
	float:right;
}

input.button, input.btn {
	height:40px;
}

button.btn {
	height:37px  !important;
}

.button, .btn {
	-moz-box-shadow: 0px 1px 3px 0px #878787;
	-webkit-box-shadow: 0px 1px 3px 0px #878787;
	box-shadow: 0px 1px 3px 0px #878787;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc642), color-stop(1, #f98b24) );
	background:-moz-linear-gradient( center top, #ffc642 5%, #f98b24 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc642', endColorstr='#f98b24');
	background-color:#ffc642;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #f1ac52;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 2px 2px #787878;
	padding-left: 10px !important;
	padding-right: 10px !important;
	cursor: pointer;	
	height: auto;

}

.button:hover,  .button:focus, .btn:hover, .btn:focus {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f98b24), color-stop(1, #ffc642) );
	background:-moz-linear-gradient( center top, #f98b24 5%, #ffc642 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f98b24', endColorstr='#ffc642');
	background-color:#f98b24;
	color:white !important;
	text-decoration:none !important;
}

.button:active,  .btn:active{
	position:relative;
	top:1px;
}

div.moduletable_log label.element-invisible {
	width:90px;
	display:inline-block;
}

table.rsmembership_form_table label {
	width: 120px;
	display: inline-block;
}

select#rsm_country {
	width:215px;
}

.rsm_textbox {
	width:200px;
}

.moduletable_psw {
	float: left;
	margin-right:10px;
	margin-top:15px;
}

.moduletable_log {
	float:left;
	
}

.logout-button input {
	padding-top: 0px;
	height: 38px;
}

.moduletable_log button {
	margin-top:15px;
}

.moduletable_log div.logout-button input{
	margin-top:15px;
	height: 29px;
	line-height: 27px;
}

.custom_psw a {
	height: 27px;
	line-height: 27px;
}

div.moduletable_subscr {
	clear: left;
}

div.custom_subscr {
	padding-top:1px;
}

#gruemenu a {
	font-family: verdana !important;
	text-transform: none !important;
	letter-spacing: 0px !important;
	font-size: 12px !important;
	padding: 17px 20px !important;
}

#gruemenu ul,  #gruemenu{
	background-image: url("/templates/j3_pgn/images/menu-bg.gif") !important;
	height: 46px !important;
}

#gruemenu ul.open {
	background: none !important;
}

#gruemenu li {
	-moz-box-shadow:inset 0px 1px 8px -2px #003542 !important;
	-webkit-box-shadow:inset 0px 1px 8px -2px #003542 !important;
	box-shadow:inset 0px 1px 8px -2px #003542 !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00B7E9), color-stop(1, #00416d)) !important;
	background:-moz-linear-gradient(top, #00B7E9 5%, #00416d 100%) !important;
	background:-webkit-linear-gradient(top, #00B7E9 5%, #00416d 100%) !important;
	background:-o-linear-gradient(top, #00B7E9 5%, #00416d 100%) !important;
	background:-ms-linear-gradient(top, #00B7E9 5%, #00416d 100%) !important;
	background:linear-gradient(to bottom, #00B7E9 5%, #00416d 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B7E9', endColorstr='#00416d',GradientType=0) !important;
	background-color:#00B7E9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	margin: 0 3px !important;
	height: 46px !important;
	border-radius: 6px;
	
	
}
#gruemenu li:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00a0cc), color-stop(1, #002640)) !important;
	background:-moz-linear-gradient(top, #00a0cc 5%, #002640 100%) !important;
	background:-webkit-linear-gradient(top, #00a0cc 5%, #002640 100%) !important;
	background:-o-linear-gradient(top, #00a0cc 5%, #002640 100%) !important;
	background:-ms-linear-gradient(top, #00a0cc 5%, #002640 100%) !important;
	background:linear-gradient(to bottom, #00a0cc 5%, #002640 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a0cc', endColorstr='#002640',GradientType=0) !important;
	background-color:#00a0cc;
	
}
#gruemenu li:active {
	position:relative;
	top:1px;
	height: 46px !important;
	background: none !important
}

#gruemenu li a:hover, #gruemenu li a:active  {
	background: none !important;
}

#gruemenu li.active a {
	border-radius: 6px;
} 

#gruemenu.grue_128 > ul > li.active > a {
	background: none !important;
}

.form {
	float: right;
	position: relative;
	margin: 0px;
}

.optin {
	position: relative;
	float:right;
	background-image: url('../images/optin-bg.png');
	border:1px solid #0089bd;
	width: 276px;
	height: 126px;
	color: #0972b4;
	font-weight: bold;
	box-sizing: border-box;
}

#ja-headerwrap {
	border-bottom: 5px solid #00aad6;
}

@media all and (max-width: 610px) {
	.form {width:100%;height:126px;float: none;}
	.optin {height:126px; float: none;}
	#ja-headerwrap {height: auto !important;}
	.optin {width:100%;}
}

@media all and (max-width: 350px) {
	#ja-headerwrap {background: url("../images/logo_mob.png") no-repeat !important; background-size: 100% 126px !important;}
}

.sj-flat-menu {
	width:208px !important;
	margin-right: 10px !important;
	float: left !important;
}

.sj-flat-menu li {
	background: none;
	background-color: #DAECFF;
	padding: 0.75em 1em !important;
	border-bottom: 2px solid white !important;
}

.sj-flat-menu li li {
	border-bottom: 0px !important;
}



@media all and (min-width: 800px) {
	.sj-flat-menu li:hover {background-color: #65B0CF;}
	
}


.sj-flat-menu li a {

	font-size: 9pt !important;
	font-weight: normal !important;
	border: 0px none !important;
	text-decoration: none !important;
	background-color: transparent !important;
	color: #000 !important;
	line-height: 150% !important; 
	display: block;
}

@media all and (max-width: 450px) {
	.sj-flat-menu {float:none !important; width:100% !important;margin: auto !important;}
	.sj-flat-menu li:hover {background-color: #DAECFF;}
}

@media all and (max-width: 600px)
{
	table.table600 > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	table.table600 > tbody > tr > td:last-child {margin-bottom:15px !important;}
	table.table600, table.table600 > tbody, table.table600 > tbody > tr {display:block !important;}	
	.r_img img {display: block; margin: auto;}
}


@media all and (max-width: 400px)
{
	table.table400 > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	table.table400 > tbody > tr > td:last-child {margin-bottom:15px !important;}
	table.table400, table.table400 > tbody, table.table400 > tbody > tr {display:block !important;}	
	.r_img img {display: block; margin: auto;}
}

@media all and (max-width: 450px)
{
	table.table450 > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	table.table450 > tbody > tr > td:last-child {margin-bottom:15px !important;}
	table.table450, table.table450 > tbody, table.table450 > tbody > tr {display:block !important;}	
	.r_img img {display: block; margin: auto;}
}

@media all and (max-width: 800px)
{
	table.table800 > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	table.table800 > tbody > tr > td:last-child {margin-bottom:15px !important;}
	table.table800, table.table800 > tbody, table.table800 > tbody > tr {display:block !important;}	
	.r_img img {display: block; margin: auto;}
}

.clr {clear:both;}

.testi {
	background-color: #eef0f2;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	width:100%;
	box-sizing: border-box;
	border:2px solid #D8D8D8;	
}

.testi td {
	padding:10px !important;
	border:0 !important;
	box-sizing:border-box;
}

.testi_video {
	float: left;
	margin-right: 15px;
	padding-top: 15px;
	min-width: 230px;
}

.testi_photo {
	float: left;
	margin-right: 15px;
	padding-top: 15px;
}

@media all and (max-width: 500px)
{
	.testi_video {float: none !important;margin: auto;text-align: center;}
	.testi_photo {float: none !important;margin: auto;text-align: center;}
}

.r_img450 {
	float: left;
	margin-right: 15px;
}

@media all and (max-width: 450px) {
	.r_img450 {display: table; float: none !important; margin: auto !important; margin-bottom: 15px !important;}
}

.r_img650 {
	float: left;
	margin-right: 15px;
}

.rr_img650 {
	float: right;
	margin-left: 15px;
}

@media all and (max-width: 650px) {
	.r_img650, .rr_img650 {display: table; float: none !important; margin: auto !important; margin-bottom: 15px !important;}
}

.rr_img450 {
	float: right;
	margin-left: 15px;
}

@media all and (max-width: 450px) {
	.rr_img450 {display: table; float: none !important; margin: auto !important; margin-bottom: 15px !important;}
}

.videowrap, .videowrap_fl, .hytPlayerWrap {
	height: 0px;
	width: 100%;	
	padding-bottom: 56.25%;
	position: relative;
	margin: 0px;	
	max-width:750px;
	margin: auto;
	
}

.videowrap-minpad {
	height: 0px;
	width: 100%;	
	padding-bottom: 47.25%;
	position: relative;
	margin: 0px;	
	max-width:750px;
	margin: auto;
	
}

.videowrap embed, .videowrap iframe, .videowrap_fl object, .videowrap_fl a, .videowrap object, .hytPlayerWrap iframe {
	height: 100% !important;	
	left: 0px !important;
	position: absolute !important;
	top: 0px !important;
	width: 100% !important;
	
}

.div100 textarea{
	width:100%;
}

.optin_vid {
	background: rgb(61,241,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(61,241,255,1) 0%, rgba(0,197,227,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,241,255,1)), color-stop(100%,rgba(0,197,227,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(61,241,255,1) 0%,rgba(0,197,227,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(61,241,255,1) 0%,rgba(0,197,227,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(61,241,255,1) 0%,rgba(0,197,227,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(61,241,255,1) 0%,rgba(0,197,227,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3df1ff', endColorstr='#00c5e3',GradientType=0 ); /* IE6-9 */
	width: 100%; 
	max-width: 320px; 	
	color: #0972b4; 
	font-weight: bold;
	border: 1px solid #0089BD;
	box-sizing: border-box;
}

.formControlLabel {
	padding-top: 0 !important;
}

.rsform-block-weekly-practice-goals .formDescription,
.rsform-block-weekly-practice-items .formDescription,
.rsform-block-practice-item-micro-goals .formDescription 
{
	margin:0;
	font-weight: normal !important;
}


.rsform-block-weekly-practice-goals textarea,
.rsform-block-weekly-practice-items textarea,
.rsform-block-practice-item-micro-goals textarea
{
	width: 100%;
}

.rsform-block-weekly-practice-goals

{
	float:left !important;
	width: 40%;
}

.rsform-block-weekly-practice-items {
	float:right !important;
	width: 40%;
}

.rsform-block-practice-item-micro-goals, 
.rsform-block-firstname, 
.rsform-block-email 
{
	width:70%;
	margin: auto;	
} 



.rsform-block-firstname input,
.rsform-block-email input {
	width: 100% !important;
}

.rsform-block-weekly-practice-goals .formControlLabel, 
.rsform-block-weekly-practice-items  .formControlLabel,
.rsform-block-practice-item-micro-goals .formControlLabel
{
	width: 100% !important;
	text-align: center !important;
	float: none !important;
	font-weight: bold !important;
}

.rsform-block-weekly-practice-goals .formControls,
.rsform-block-weekly-practice-items  .formControls,
.rsform-block-practice-item-micro-goals .formControls
 {
	margin:0 !important;
}

.clr {
	clear: both;
}

.rsform-block-sendbutton {
	margin: 0px !important;
	text-align: center !important;
}

.rsform-block-sendbutton .formControlLabel {
	width: 0 !important;
}

.rsform-block-sendbutton .formControls {
	margin: 0 !important;
}

@media all and (max-width: 700px) {
	.rsform-block-weekly-practice-goals, .rsform-block-weekly-practice-items {float:none !important;width: 70%;margin:auto;}
}

.feedback .formControls {
	margin-left:0 !important;
}

.feedback .formControlLabel {
	float: none !important;
	width: 100% !important;
	text-align: left !important;
}

.feedback .rsform-block,  .feedback input, .feedback select, .feedback textarea{
	width:100% !important;
}

.table800 {
	width:100%;
}


table.session td.s1 {width:40%;}
table.session td.s2 {width:60%; padding-left:15px; box-sizing: border-box;}

#rsm_subscribe_container fieldset {width:100% !important;}

@media all and (max-width: 800px) {
	.rslogin {float:none !important; width: 100% !important;}
	.rssubscribe {float:none !important; width: 100% !important;}
	.form-actions {float:none !important;}
	#rsm_subscribe_container .Authorize {position: relative !important; float: none !important;margin: 0 !important; top: 0 !important;}
}

@media all and (max-width: 450px) {
	.rslogin table > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	.rslogin table > tbody > tr > td:last-child {margin-bottom:15px !important;}
	.rslogin table, .rslogin table > tbody, .rslogin table > tbody > tr {display:block !important;}
	.rslogin table td {height: auto !important;}

	

	#rsm_subscribe_default_form table > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	#rsm_subscribe_default_form table > tbody > tr > td:last-child {margin-bottom:15px !important;}
	#rsm_subscribe_default_form table, #rsm_subscribe_default_form table > tbody, #rsm_subscribe_default_form table > tbody > tr {display:block !important;}
	#rsm_subscribe_default_form table td {height: auto !important;}

	.rssubscribe table > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	.rssubscribe table > tbody > tr > td:last-child {margin-bottom:15px !important;}
	.rssubscribe table, .rssubscribe table > tbody, .rssubscribe table > tbody > tr {display:block !important;}
	.rssubscribe table td {height: auto !important;}
	
	

	table#rsm_subscribe_default_payement_form > tbody > tr > td {display:block !important; width: 100% !important; float: left !important;}
	table#rsm_subscribe_default_payement_form > tbody > tr > td:last-child {margin-bottom:15px !important;}
	table#rsm_subscribe_default_payement_form, table#rsm_subscribe_default_payement_form > tbody, table#rsm_subscribe_default_payement_form > tbody > tr {display:block !important;}	
}

@media all and (max-width: 400px) {
	table#rsm_subscribe_default_payement_form img {display:none !important;}
}


.login_reset #form-login-password label, .login_reset #form-login-username label{
    width: 70px;
    display: inline-block;	
}

.login_reset #form-login-password, .login_reset #form-login-username {
	margin-top:5px;
}

.login_reset #form-login-remember {
	margin-bottom:15px;
}

.third {
	display: inline-block;
	width: 32.7%;
}
.third img {
	max-width: 100%;
}


@media all and (max-width: 550px) {
	.third {
		display: table;
		width: 100%;
		margin: auto;
		max-width: 400px;
	}
}

.show650 {display: none !important; visibility: hidden !important;}

@media all and (max-width: 650px) {
	.show650 {display: table !important; visibility: visible !important;}
	.hide650 {display: none !important; visibility: hidden !important;}
}

.table3 {
	width: 100%;
}

.table3 td {
	width: 33.3333%; 
	text-align: center;
	padding: 3px 0px;
}

@media all and (max-width: 550px) {
	.table3 td {width: 100%; display: block;}
}

.elButton {
	color: rgb(255, 255, 255);
    font-weight: 600;
    background-color: rgb(43, 173, 0);
    font-size: 40px;
	width: 100%;
	text-decoration: none !important;
	text-transform: uppercase;
	font-family: 'Futura PT Cond' !important;
	font-weight: 700 !important;
	width: 100%;
	display: block;
	padding: 40px 20px;
	text-align: center;
	box-sizing: border-box;
}

.elButton:hover {
	color: #fff !important;
	background-color: #44B71E;
}

.elButtonShadowN1 {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.elBTN_b_1 {
    border: 1px solid rgba(0,0,0,0.2);
}
.elButtonCorner3 {
    border-radius: 3px;
}
.elBtnHP_25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}


.fa_prepended {
	width: 30px;
	height: 30px;
	background-image: url(../images/btnarrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 10px;
}

#osm_login_form,
#os_form {
	float: none !important;
	height: auto !important;
}

.step,
h3#field_osm_payment_information_heading {
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid #E5E5E5;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 150%;
}

h3#field_osm_payment_information_heading {
	margin-top: 80px;
	margin-bottom: 0;
}

.osTabNav {
	list-style-type: none !important;
}

.osTabNav li {
	background: none !important;
	display: inline-block;
	padding: 0;
}

#osTabContent {
	background: #f7f7f7 !important;
	border-radius: 5px;
}


#osTab {
	margin-bottom: 0;
	text-align: right

}


#osTabContent {
	border: 1px solid #D0D0D0;
	padding: 15px;
}

#osTab a {
	font-size: 13px;
}

#osTab li {
	margin-bottom: 0;
	padding-bottom: 10px;
}

#osTab li.active {
	display: none !important;
}

#osm-singup-page .form-horizontal .control-group {
    margin-bottom: 5px;
}

#osm-singup-page form.form-horizontal .control-label, 
#osm-singup-page form.form-horizontal .control-label label {
    font-weight: 400;
	width: 100%;
	float: none;
	font-size: 12px;
	margin: 0;
}

#osm-singup-page .form-horizontal .controls,
#osm-singup-page .form-horizontal input,
input#agree-checkbox
 {
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	font-size: 12px;	
}

.hidden {
	display: none !important;
}

#osm_Guitar_Practice_Training_Scholarship1,
#osm_JoinGuitarPracticeCaseStudyGroup1 {
	width: auto !important;
	margin-left: -23px !important;
	height: 23px !important;
}	

#osm_Guitar_Practice_Training_Scholarship {
	padding-bottom: 0 !important;
}

#field_osm_Guitar_Practice_Training_Scholarship .control-label,
#field_osm_JoinGuitarPracticeCaseStudyGroup .control-label{
	display: none !important;
}

#osm_Guitar_Practice_Training_Scholarship label,
#osm_JoinGuitarPracticeCaseStudyGroup label  {
	margin-bottom: 0 !important;
}

#osm_Guitar_Practice_Training_Scholarship label,
#osm_JoinGuitarPracticeCaseStudyGroup label {
	font-weight: 700;
	font-size: 13px;
}

.osm-checkboxes-contaier {
	background: none !important;
}

#regular_amount {
	height: 30px !important;
}

#osm-payment-method-list input {
	width: auto !important;
}

#payment_method_container .controls {
	position: relative !important;
	display: block !important;
	height: auto !important;
}

#osm-singup-page .form-actions {
	float: none !important;
	padding: 20px;
}

.checkout-face {
	min-width: 60px;
}

.padright15 {
	padding-right: 15px !important;
}

.checkout-help td {
	vertical-align: top;
}

h4.checkout-help-heading {
	color: rgb(14, 141, 199);
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 400;
}

h3.checkout-big-heading {
	color: rgb(47, 47, 47) !important;
	font-size: 17px !important;
	text-transform: capitalize !important;
	line-height: 140%;
}

ul.checkout-features {
	list-style-type: none !important;
}

ul.checkout-features li {
	background-image: url(../images/checkmark4.png);
	background-position: left 6px;
	background-repeat: no-repeat;
	line-height: 120%;
	margin-bottom: 10px;
	padding-bottom: 1px;
}

.checkout-right {
	line-height: 120%;
}

.greenbtn {
	background: rgb(255, 255, 255) url('../images/risk-free.png');
	background-repeat: no-repeat;
	background-position: center 45px;
	background-color: rgb(43, 173, 0) !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) !important;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) !important;
	border-radius: 4px !important;
	padding: 10px 35px 30px  35px !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	text-shadow: none !important;
	white-space: normal;
}

.no-riskfree {
	background: none;
	background-color: rgb(43, 173, 0) !important;
	padding: 10px 35px 10px  35px !important;
}

.greenbtn:hover,
.greenbtn:active,
.greenbtn:focus
 {
	background: #218400 url('../images/risk-free.png') !important;
	background-repeat: no-repeat !important;
	background-position: center 45px !important;
}

.greenbtn.no-riskfree:hover,
.greenbtn.no-riskfree:active,
.greenbtn.no-riskfree:focus
 {
	background: none !important;
	background-color: #218400 !important;
	background-repeat: no-repeat !important;
	background-position: center 45px !important;
}

.nopadding {
	padding: 0 !important;
	border:0 !important;
	background: none !important;
}

#field_osm_Guitar_Practice_Training_Scholarship_Description {
	font-weight: 400;
	font-size: 13px;
	line-height: 120%;
	margin-top: -10px;
}

#field_osm_rsmname,
#field_osm_casestudygroup {
	font-size: 13px;
	font-weight: 400;
}

#field_osm_regular_price_label,
#field_osm_regular_price_label_1,
#field_osm_regular_price_label_2,
#field_osm_regular_price_label_3,
#field_regular_price_label_sps_1,
#field_regular_price_label_sps_2,
#field_regular_price_label_sps_3 {
	font-size: 13px;
	font-weight: 400;
	text-decoration: underline;
	display: inline-block;
	width: 60%;
	text-align: left;
	line-height: 120%;
	margin-top: 0;
}

#field_osm_regular_price,
#field_osm_regular_price_1,
#field_osm_regular_price_2,
#field_osm_regular_price_3,
#field_regular_price_sps_1,
#field_regular_price_sps_2,
#field_regular_price_sps_3 {
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
	width: 30%;
	text-align: right;
	line-height: 120%;
	margin-top: 0;
}

#field_osm_regular_price_1,
#field_osm_regular_price_2,
#field_osm_regular_price_3,
#field_regular_price_sps_1,
#field_regular_price_sps_2,
#field_regular_price_sps_3 {
	font-weight: 700;
}

#field_osm_rfgpt_discount, 
#field_osm_regular_price_label_1, 
#field_osm_regular_price_label_2, 
#field_osm_regular_price_label_3,
#field_regular_price_label_sps_1, 
#field_regular_price_label_sps_2, 
#field_regular_price_label_sps_3{
	font-size: 13px;
	font-weight: 400;
	width: 60%;
	display: inline-block;
	text-align: left;
	line-height: 120%;
	margin-top: 0;
}

#field_osm_rfgpt_discount_price,
#field_osm_rfgpt_no_discount_price,
#field_osm_no_discount_price_case_study,
#field_osm_case_study_discount_price,
#field_osm_regular_price_1,
#field_osm_regular_price_2,
#field_osm_regular_price_3,
#field_regular_price_sps_1,
#field_regular_price_sps_2,
#field_regular_price_sps_3 {
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
	width: 30%;
	text-align: right;
	text-decoration: underline;
	line-height: 120%;
	margin-top: 0;
}

#field_osm_regular_price_label_1,
#field_osm_regular_price_label_2,
#field_osm_regular_price_label_3,
#field_osm_regular_price_1,
#field_osm_regular_price_2,
#field_osm_regular_price_3,
#field_regular_price_label_sps_1,
#field_regular_price_label_sps_2,
#field_regular_price_label_sps_3,
#field_regular_price_sps_1,
#field_regular_price_sps_2,
#field_regular_price_sps_3 {
	text-decoration: none;
	font-weight: 700;
}

#osm_addtitionaloffer_smfelg {
	margin-bottom: 25px;
}

#addtitionaloffer_cleanser {
	margin-bottom: 25px;
}

.your-price .control-label {
	width: 60% !important;
	display: inline-block !important;
	font-weight: 700 !important;
}

.your-price #payment-terms {
	width: 30% !important;
	display: inline-block !important;
	text-align: right;
	font-weight: 700;
}

.cancel-any-time {
	width: 91.5%;
	font-size: 11px;
	text-align: right;
}

.regular-price {
	display: none !important;
}

.timer-heading {
	text-align: center;
}

#timer {
	font-weight: 700;
	font-size: 15px;
	color: #f00;
}

.osm-payment-method-item img {
	float: none !important;
}

.p_method {
	display: inline-block;
	width: 25%;
	
}

.checkout-face {
	border-radius: 50%;
}

.w50 {
	min-width: 50px;
	display: block;
	width: 50px;
}

.payments-secure td {
	vertical-align: top;
}

.payments-secure {
	margin: auto;
}

#os_form #field_first_name {
	width: 50%;
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
}

#os_form #field_last_name {
	width: 50%;
	float: right;
	box-sizing: border-box;
}

#osm-profileTabs li {
	background: none !important;
	padding-left: 0px;
}

#osm-profile-page,
#osm-profile-page #osm_form{
	width: 100%;
}

li.accordeonck {
	list-style-type: none !important;
}

.osm-page-title {
	line-height: 150%;
	border: 0 !important;
}

.topbanner {
	position: fixed;
	top:0;
	width: 100%;
	background-color: #fff;
	left: 0;
	text-align: center;
	font-size: 37px;
	font-weight: 400;
	line-height: 124px;
	font-family: Impact, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #19C2E1;
    line-height: 140%;
    
}

.topbanner .custom {
	padding: 36px 0;
}
.topbanner .twolines {
	padding: 15px 0;
}
 
#counter-down {
	display: inline-block;
	color: rgb(204, 0, 0);
}

.topbanner {
	z-index: 9999999;
	opacity: 0.99;
}

.poster-top {
	position: relative;
}

.float-banner {
	position: fixed;
	margin-left: -150px;
	top: 270px;
}


@media all and (max-width: 1199px) {
	.float-banner  {display: none !important;}
}

#field_osm_recfeedback,
#field_osm_rfgpttrial,
#field_osm_paynothing,
#field_osm_yourprice,
#field_osm_p1,
#field_osm_p2,
#field_osm_p3,
#field_osm_p4,
#field_osm_p5,
#field_osm_p6,
#field_osm_recfeedback_price,
#field_osm_yourprice_right {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    
}

#field_osm_yourprice,
#field_osm_yourprice_right {
	font-weight: 700;
}

#field_osm_paynothing {
	font-size: 10px;
	margin-top: -10px;
}

#field_osm_recfeedback,
#field_osm_yourprice {
	width: 60%;
	display: inline-block;
}

#field_osm_recfeedback_price,
#field_osm_yourprice_right {
	display: inline-block;
	width: 30%;
	text-align: right;
}

@media all and (max-width: 450px) {
	.topbanner .custom {padding: 15px 0  !important;}
}

@media all and (max-width: 390px) {
	.elBtnHP_25 {padding-left: 10px !important; padding-right: 10px !important; font-size: 30px !important;}
}

.bold {
	font-weight: bold !important;
}

.underlined {
	text-decoration: underline !important;
}

.trial-rfgpt {
	font-size: 12pt;
	text-align: center;
	font-weight: 700;
	line-height: 140%;
}
.osm-btn-cancel-subscription {
	line-height: 100% !important;
}

.oval {
	border-radius: 20px !important;
}

.progress {
	height: 30px !important;
	font-weight: 700;
}

.progress-bar {
	line-height: 30px !important;
	height: 30px !important;
}

h3.modalheading {
	color: rgb(47, 47, 47) !important;
	font-size: 35px !important;
	font-weight: 700 !important;
	text-align: center !important;
	font-family: "Futura PT Cond" !important;
	margin-top: 20px !important;
}

.form-row.gray {
	background-color: rgb(240, 240, 240);
	border-top: 1px solid #CCCCCC !important;
	border-bottom: 1px solid #CCCCCC !important;
	padding: 15px;
}

.modal-headline {
	color: rgb(47, 47, 47) !important;
	font-size: 25px !important;
	font-weight: 700 !important;
	font-family: "Futura PT Cond" !important;
	line-height: 100%;	
	margin-bottom: 10px;
}

.form-row img {
	max-width: 100% !important;
	padding-right: 30px;
}

.modal-dialog {
    max-width: 720px !important;
}

#eventform {
	z-index: 999999 !important;
}

.rsform-block-name input {
	background-image: url(../images/name.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	padding: 10px 12px;
}

.rsform-blockemail input {
	background-image: url(../images/email.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	padding: 10px 12px;
}

#eventform #Send {
	width: 100%;
	color: rgb(255, 255, 255);
	font-weight: 600;
	background: none !important;
	background-color: rgb(232, 186, 101) !important;
	font-size: 26px;
	font-family: "Futura PT Cond" !important;
	height: auto !important;
	text-shadow: none !important;
	text-transform: uppercase !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) !important;
	border: 1px solid rgba(0,0,0,0.2) !important;
}

.modal-header {
	background: linear-gradient(to top, #cccccc 0%, #d6d6d6 1px, #ebebeb 100%);
}

.center {
	text-align: center;
}

.modal-header {
	padding: 10px !important;
}

#eventform h3.modalheading {
	text-transform: capitalize !important;
}

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

.green-tick {
	list-style-type: none;
	list-style-image: url(../images/checkmark2.png);
	margin-bottom: 0;
}

.green-tick li {
	list-style-type: none;
	background: none;
	margin-left: 40px;
	padding-left: 0;
	margin-bottom: 15px;
}

.half {
	max-width: 50%;
	display: inline-block;
}

@media all and (max-width: 790px) {
	.half {
		display: table;
		float: none !important;
		margin:auto;
		margin-bottom: 20px;
		max-width: 100%;
	}
}

.img2 {
	text-align: center;
	margin: auto;
	display: block;
}

.img2 img {
	display: inline-block;
}

.modal-send button#Send{
	color: rgb(255, 255, 255);
	background: rgb(252, 143, 25);
	font-size: 30px;
	border: 3px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	padding: 15px 25px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.22);
	height: auto !important;
	font-family: "Futura PT Cond" !important;
	width: 100%;
}

.modal-send button#Send:hover {
    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22),0 233px 233px 0 rgba(255,255,255,0.12) inset;
}

.underline {
	text-decoration: underline;
}

#osm-accept-terms-conditions {
	float: left !important;
	width: auto !important;
	margin-right: 10px !important;
	margin-top: 3px;
}

.osm-terms-and-conditins-container {
	border: 5px dashed #F90D02;
	padding: 26px;
	margin-top: 30px;
}

h2.big-red-heading {
	color: #a3220f;
	font-size: 63pt;
	line-height: 1;
	text-align: center;
	margin: 15px 0;
}

.lato {
	font-family: 'Lato', sans-serif !important;
}

#osm_addtitionaloffer_smfelg-lbl,
#addtitionaloffer_cleanser-lbl {
	display: none !important;
}

#osm_addtitionaloffer_smfelg,
#addtitionaloffer_cleanser {
	border: 5px dashed #F90D02;
	padding: 26px;
	margin-top: 30px;
}

#osm_addtitionaloffer_smfelg1,
#addtitionaloffer_cleanser1,
#agree-checkbox {
	float: left !important;
	width: auto !important;
	margin-right: 10px !important;
	margin-top: 4px !important;
}

#osm_addtitionaloffer_smfelg label.checkbox,
#addtitionaloffer_cleanser label.checkbox {
	padding: 0 !important;
}

.big-heading {
	font-size: 36px;
}

.huge_text {
	font-size: 72pt;
}

@media all and (max-width: 780px) {
	h2.big-red-heading {font-size: 43pt;}
}

@media all and (max-width: 600px) {
	.big-heading {font-size: 28px;}
}

@media all and (max-width: 550px) {
	h2.big-red-heading {font-size: 33pt;}
	.huge_text {font-size: 45pt;}
}

@media all and (max-width: 430px) {
	h2.big-red-heading {font-size: 28pt;}
}

@media all and (max-width: 380px) {
	h2.big-red-heading {font-size: 25pt;}
}

@media all and (max-width: 340px) {
	h2.big-red-heading {font-size: 23pt;}
}

.continuebtn {
	background: #2BAD00 !important;
	padding-bottom: 10px !important;
}

.greenbtn.continuebtn:hover, .greenbtn.continuebtn:active, .greenbtn.continuebtn:focus {
    background: #218400 !important;
}


@media all and (max-width: 400px) {
	.onefield.fieldacycaptcha {
		max-width: 250px;
		overflow: hidden;
		margin: auto;
	}
}

.apply-btn {
	margin-left: -57px;
	background: #e0e0e0;
	border: 0;
	-webkit-appearance: none;
	cursor: pointer;
	display: inline-block;
	padding: 4px 10px;
	padding-bottom: 6px;
	border-radius: 3px;
}

.apply-btn:hover {
	background-color:#bcbcbc;
}

.mt-20 {
	margin-top: 20px;
}

.center_image img {
	display: block;
	float: none !important;
}

.mp_module .span7 {
	width: 100% !important;
}

#field_country select#country {
	width: 100%;
}

#field_state select#state {
	width: 100%;
}


.fs24 {
	font-size: 24pt;
}

.fs25 {
	font-size: 25pt;
}

.fs28 {
	font-size: 28pt;
}

.fs30 {
	font-size: 30pt;
}

.fs32 {
	font-size: 32pt;
}

.fs34 {
	font-size: 34pt;
}

.fs44 {
	font-size: 44pt;
}

.fs45 {
	font-size: 45pt;
}

@media screen and (max-width: 720px) {
	.fs24 {
		font-size: 20pt;
	}

	.fs25 {
		font-size: 21pt;
	}

	.fs28 {
		font-size: 24pt;
	}

	.fs30 {
		font-size: 24pt;
	}

	.fs32 {
		font-size: 25pt;
	}

	.fs34 {
		font-size: 26pt;
	}

	.fs44 {
		font-size: 30pt;
	}

	.fs45 {
		font-size: 30pt;
	}
}

 
@media screen and (min-width: 720px) {
	.nav.menu { display: none !important}
}

.width-full {
	width: auto;
	display: block;
	margin-left: -25px;
	margin-right: -25px;
}

.block-1 {
	background: url('../../../images/webinar/webinar-mike.jpg');
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 510px;
}

.block-1 .color-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.block-1 .left-pane {
  width: 420px;
  position: absolute;
  top: 18px;
  left: 15px;
}

.block-1 .text-container {
  font-family: 'Gobold Bold';
  color: white;
  font-size: 36px;
  text-align: left;
  text-transform: uppercase;
}

.text-shadow {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}

.block-1 .text-container .title {
  color: #fff;
  font-size: 115%;
  line-height: 115%;
  margin-bottom: 15px;
}

.block-1 .text-container .title2 {
  color: #e3f706;
  font-size: 22px;
  line-height: 115%;
  margin-bottom: 15px;
}

.block-1 .date {
  font-size: 18px;
  color: #cdf5f9;
  font-family: 'Verdana';
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.impact {
  font-family: Impact,HelveticaNeue-CondensedBlack,'Oswald' !important;
}

.opt-in-container {
  width: 345px;
  color: white;
  margin-left: auto;
  margin-right: auto;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  padding: 20px 15px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.opt-in-container .opt-in-text {
  font-family: 'Verdana';
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 105%;
}

.opt-in-container .opt-in-text .color-1 {
  color: #3698d0;  
}

.opt-in-container .opt-in-text .color-2 {
  color: #bbf706;
}

#optIn1 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.opt-in-container .policy {
  color: white;
}

.block-2 {
  height: 100px;
  background-color: #e3f706;
  display: flex;
}

.block-2 .free-class {
  background-color: #e41e26;
  color: white;
  font-weight: bold;
  font-size: 55px;
  white-space: nowrap;
  flex-basis: 190px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  padding-left: 15px;
  display: flex;
  align-items: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.block-2 .free-class:after {
  content: '';
  display: block;
  width: 71px;
  height: 70px;
  background: url('../../../images/webinar/mikepic.png') no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: -35px;
  margin-top: -35px;
}

.block-2 .mike-p {
  background-size: contain;
  display: flex;
  flex-direction: row;
  padding-left: 40px;
  padding-right: 10px;
  font-size: 19px;
  text-align: left;
  white-space: normal;
  align-items: center;
  justify-content: center;
  line-height: 100%;
}

.block-2 .mike-p div:first-child {
  font-weight: bold;
  font-size: 120%;
}

.block-2 .mike-p div {
  padding: 5px;
}


.fullWidthBlock {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
}

.opt-in-container .policy {
  font-size: 9px;
  color: #aef3f9;
}

.opt-in input {
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  border-radius: 0px !important;
  display: block;
  box-sizing: border-box;
  border: 0 !important;
}

.w-100 {
  width: 100%;
}

#optIn1 #btnSubmit {
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.5s ease;
}
.opt-in #Send {
  background: #bbf706;  
  font-size: 120%;
  -webkit-appearance: none;
  height: 60px !important;
  line-height: 60px !important;
  padding-top: 0;
  padding-bottom: 0;
  font-family: FontAwesome, Verdana;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
	border: 0;
	color: #000;
	text-shadow: none;
}

.opt-in input[type="text"], input[type="password"], input[type="email"], textarea, select {
  font-family: Verdana;
  font-size: 1em;
}
.opt-in input {
  padding: 0px 10px;
  height: 40px;
  line-height: 40px;
  border-radius: 0px !important;
}
.opt-in fieldset {
	background: none !important;
}

@media (max-width: 814px) {
	.block-1 .text-container {
	  text-align: center;
	}
	.block-1 .left-pane {
	  width: 100%;
	  text-align: center;
	  padding: 25px 25px 10px 25px;
	  box-sizing: border-box;
	}
	.block-1 .left-pane, .block-1 .opt-in-container, .block-1 .color-overlay {
	  position: static;
	}
	.fullWidthBlock1 {
	  height: auto;
	}
	.block-1 {
	  height: auto;
	}
	.block-2 .mike-p {
	  white-space: normal;
	  line-height: 100%;
	}
	.block-2 .mike-p {
	  flex-direction: column;
	  white-space: normal;
	  align-items: normal;
	  justify-content: center;
	  line-height: 100%;
	}	
	.block-1 .opt-in-container {
	  width: 100%;
	  max-width: 400px;
	}
	.block-1 .color-overlay {
		padding-bottom: 20px;
	}
}

@media (max-width: 650px) {
	.block-2 .mike-p {
	  font-size: 15px;
	}
}

@media (max-width: 530px) {
	.block-2 .free-class {
	  flex-basis: 145px;
	  font-size: 40px;
	  padding-left: 10px;
	}
}



.moduletable.acyform.optin_vid {
	margin: auto !important;
	margin-right: auto;
	border: 1px solid #0089BD !important;
	box-sizing: border-box;
	padding: 5px 10px;
}

.moduletable.acyform.optin_vid input {
	box-sizing: border-box;
}

.moduletable.acyform.optin_vid .acymailing_introtext{
	text-align: center;
}


.moduletable.acyform.optin_vid label {
	width: 50px;
	display: inline-block;
}

.moduletable.acyform.optin_vid span.acyfield_name,
.moduletable.acyform.optin_vid span.acyfield_email {
	display: inline-block;
	width: 100%;
	max-width: 240px;

}

.osm-container .osm-up-module img {
    float: none !important;
}

.countdown-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 3rem;
      transform: translateY(-20px);
      opacity: 0;
      animation: fadeInUp 0.8s ease forwards 0.8s;
    }
    
    .countdown-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 1rem;
      position: relative;
		color:#fff;
    }
    
    .countdown-number {
      font-size: 3rem;
      font-weight: 700;
      width: 80px;
      height: 80px;
      background-color: var(--surface-color);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 8px;
      margin-bottom: 0.5rem;
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }
    
    .countdown-number::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, transparent, var(--accent-color), transparent);
      animation: scanline 2s linear infinite;
    }
    
    .countdown-label {
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--text-secondary);
    }
    
    .cta-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      transform: translateY(-20px);
      opacity: 0;
      animation: fadeInUp 0.8s ease forwards 1s;
    }

	@keyframes fadeInUp {
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }
    
    @keyframes pulse {
      0% {
        transform: scale(1);
        opacity: 0.05;
      }
      50% {
        transform: scale(1.5);
        opacity: 0.15;
      }
      100% {
        transform: scale(1);
        opacity: 0.05;
      }
    }
    
    @keyframes scanline {
      0% {
        transform: translateX(-100%);
      }
      100% {
        transform: translateX(100%);
      }
    }
    
    @keyframes shake {
      0%, 100% { transform: translateX(0); }
      10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
      20%, 40%, 60%, 80% { transform: translateX(2px); }
    }

#showOSM, showRFGPT {
	display: block;
}

@media all and (max-width: 500px) {
	.countdown-number { 
		font-size: 2rem;
		width: 50px;
		height: 50px;
	}
	.countdown-box {
		margin: 0 10px;
	}
	.countdown-label {
		font-size: 0.6rem;
	}

}